Илья Бир­ман

Пользовательский интерфейс

🔍 Начните печатать, чтобы искать по книге или перейти к нужной странице по номеру

Удобно листать не только прокруткой, но и клавишами‑стрелками:

 
между важными местами
Shift
между
разворотами
Илья Бир­ман

Пользовательский интерфейс

Илья Бир­ман

Пользовательский интерфейс

Изда­тель­ство Бюро Гор­бу­нова
2017
Илья Бирман

Пользовательский интерфейс

Издательство Бюро Горбунова
2017
удк 655.262
ббк 85.15
Б64
Бир­ман И. Б.
Б64
Поль­зо­ва­тель­ский интер­фейс. —
М.: Изд‑во Бюро Гор­бу­нова, 2017
ISBN 978‑5‑9907024‑1‑7

Пред­став­ляем книгу Изда­тель­ства Дизайн‑бюро Артёма Гор­бу­нова — прак­ти­че­ское руко­вод­ство по поль­зо­ва­тель­скому интер­фейсу. Учеб­ник пред­на­зна­чен для дизай­не­ров, редак­то­ров, руко­во­ди­те­лей, раз­ра­бот­чи­ков и всех, кто при­ча­стен к созда­нию продуктов.

УДК 655.262
ББК 85.15
ISBN 978‑5‑9907024‑1‑7
© Изда­тель­ство
Бюро Гор­бу­нова, 2017

Оглавление

    Принципы 4

    Взаимодействие 86

    Язык 213

    Экраны 311

удк 655.262
ббк 85.15
Б64
Б64
Бирман И. Б.
Пользовательский интерфейс. —
М.: Изд‑во Бюро Горбунова, 2017
ISBN 978‑5‑9907024‑1‑7

Представляем книгу Издательства Дизайн‑бюро Артёма Горбунова — практическое руководство по пользовательскому интерфейсу. Учебник предназначен для дизайнеров, редакторов, руководителей, разработчиков и всех, кто причастен к созданию продуктов.

УДК 655.262
ББК 85.15
ISBN 978‑5‑9907024‑1‑7
© Издательство
Бюро Горбунова, 2017

Оглавление

    Принципы 4

    Взаимодействие 86

    Язык 213

    Экраны 311

Скрыто 32 разворота

Смена расширения файла

Ещё один при­мер избав­ле­ния от глу­пого под­твер­жде­ния — эво­лю­ция про­цесса смены рас­ши­ре­ния файла на Маке. В ста­рых вер­сиях Макоса с пер­вого раза пере­име­но­вать файл было невозможно.

Когда появ­ля­лось это под­твер­жда­ю­щее окно, чело­век жал на синюю кнопку, говоря про себя «да‑да, давай уже!», но потом обна­ру­жи­вал, что рас­ши­ре­ние файла не сменилось.

В вер­сии 10.6, «Лео­парде», кнопки поста­вили на свои места. Но авторы не реши­лись сде­лать под­твер­жда­ю­щую кнопку кноп­кой по умол­ча­нию, и нажа­тие ↵ по преж­нему при­во­дило к пора­же­нию пользователя.

Позже Мак изба­вился от этого под­твер­жде­ния. При пере­име­но­ва­нии сразу выде­ля­ется только имя файла. Если поль­зо­ва­тель не поле­нился пойти за рас­ши­ре­нием, зна­чит, так надо.

Смена расширения файла

Ещё один пример избавления от глупого подтверждения — эволюция процесса смены расширения файла на Маке. В старых версиях Макоса с первого раза переименовать файл было невозможно.

Когда появлялось это подтверждающее окно, человек жал на синюю кнопку, говоря про себя «да‑да, давай уже!», но потом обнаруживал, что расширение файла не сменилось.

В версии 10.6, «Леопарде», кнопки поставили на свои места. Но авторы не решились сделать подтверждающую кнопку кнопкой по умолчанию, и нажатие ↵ по прежнему приводило к поражению пользователя.

Позже Мак избавился от этого подтверждения. При переименовании сразу выделяется только имя файла. Если пользователь не поленился пойти за расширением, значит, так надо.

На закреп­ле­ние при­вы­чек вли­яет встро­ен­ный в нерв­ную систему меха­низм воз­на­граж­де­ния. Он кор­рек­ти­рует наше пове­де­ние для выжи­ва­ния и про­дол­же­ния рода.

Ней­ро­фи­зио­ло­гия не помо­гает про­ек­ти­ро­вать интер­фейс, но даёт полез­ное при­клад­ное зна­ние: если интер­фейс награж­дает поль­зо­ва­теля за его дей­ствия, то при­вычка закреп­ля­ется скорее.

Поня­тие награды субьек­тивно. Она необя­за­тельно мате­ри­альна — доста­точно, чтобы чело­веку нравилось.

Когда один поль­зо­ва­тель ста­вит дру­гому лайк в Фейс­буке, Фейс­буку это ничего не стоит, а чело­веку при­ятно. Это моти­ви­рует писать в Фейс­бук и воз­вра­щаться к своим постам, чтобы про­ве­рить реак­цию чита­те­лей. Инста­грам под­со­вы­вает поль­зо­ва­те­лям непо­пу­ляр­ные фото­гра­фии, чтобы собрать авто­рам хотя бы пару лай­ков. Так он воз­на­граж­дает авто­ров за любой труд, моти­ви­руя потру­диться ещё.

На закрепление привычек влияет встроенный в нервную систему механизм вознаграждения. Он корректирует наше поведение для выживания и продолжения рода.

Нейрофизиология не помогает проектировать интерфейс, но даёт полезное прикладное знание: если интерфейс награждает пользователя за его действия, то привычка закрепляется скорее.

Понятие награды субьективно. Она необязательно материальна — достаточно, чтобы человеку нравилось.

Когда один пользователь ставит другому лайк в Фейсбуке, Фейсбуку это ничего не стоит, а человеку приятно. Это мотивирует писать в Фейсбук и возвращаться к своим постам, чтобы проверить реакцию читателей. Инстаграм подсовывает пользователям непопулярные фотографии, чтобы собрать авторам хотя бы пару лайков. Так он вознаграждает авторов за любой труд, мотивируя потрудиться ещё.

Управ­ле­ние при­выч­кой — ком­мер­че­ский инстру­мент. Ино­гда поль­зо­ва­те­лей пыта­ются удер­жать барье­рами вроде несов­ме­сти­мых фор­ма­тов фай­лов. Даль­но­вид­нее — «под­са­дить» поль­зо­ва­те­лей на кайф. Чело­век не перей­дёт на дру­гой про­дукт, если с этим очень хорошо.

Чудес­ная реак­ция интер­фейса радует и застав­ляет повто­рять дей­ствия, вызы­вая ско­рей­шее привыкание.

На видео: подключение Эпл‑часов к Айфону

Управление привычкой — коммерческий инструмент. Иногда пользователей пытаются удержать барьерами вроде несовместимых форматов файлов. Дальновиднее — «подсадить» пользователей на кайф. Человек не перейдёт на другой продукт, если с этим очень хорошо.

Чудесная реакция интерфейса радует и заставляет повторять действия, вызывая скорейшее привыкание.

На видео: подключение Эпл‑часов к Айфону

Телефоны Нокия 3310, Сименс C45 и Эрикссон T39

При­вычка при­вя­зы­вает к про­дукту и бренду. Поль­зо­ва­телю Нокии страшно было пред­ста­вить, что он перей­дёт на Сименс, ведь там «дру­гое меню». Води­тель Ауди не захо­чет пере­са­жи­ваться на БМВ. Брен­дам выгодно быть после­до­ва­тель­ными в своих интерфейсах.

Артём Гор­бу­нов рас­ска­зы­вает, что раду­ется звуку, с кото­рым Мак отправ­ляет письма, а ино­гда даже изоб­ра­жает его сам: «Я под­со­зна­тельно люблю эту про­грамму, она мне при­вычна и ком­фортна, я ни за что с неё не слезу».

Телефоны Нокия 3310, Сименс C45 и Эрикссон T39

Привычка привязывает к продукту и бренду. Пользователю Нокии страшно было представить, что он перейдёт на Сименс, ведь там «другое меню». Водитель Ауди не захочет пересаживаться на БМВ. Брендам выгодно быть последовательными в своих интерфейсах.

Артём Горбунов рассказывает, что радуется звуку, с которым Мак отправляет письма, а иногда даже изображает его сам: «Я подсознательно люблю эту программу, она мне привычна и комфортна, я ни за что с неё не слезу».

Телефоны Нокия 3310, Сименс C45 и Эрикссон T39

Непред­ска­зу­е­мость награды уси­ли­вает при­вы­ка­ние. В экс­пе­ри­менте Бер­реса Скин­нера устрой­ство выда­вало голу­бям еду при нажа­тии на рычаг. Голуби быстро научи­лись поль­зо­ваться рыча­гом, когда испы­ты­вали голод. Но потом он изме­нил устрой­ство так, чтобы еда выда­ва­лась лишь ино­гда. Голуби стали нажи­мать на рычаг намного чаще неза­ви­симо от голода.

Подобно голу­бям Скин­нера мы про­ве­ряем почту и кру­тим ленту соц­сети: там награда — в виде новых писем, инте­рес­ных постов и лай­ков — тоже появ­ля­ется непред­ска­зу­емо. Из‑за этого руки так и тянутся зайти ещё раз; покру­тить ещё немного. А вдруг!

Примеры: Твитер, Фейсбук и Инстаграм

Непредсказуемость награды усиливает привыкание. В эксперименте Берреса Скиннера устройство выдавало голубям еду при нажатии на рычаг. Голуби быстро научились пользоваться рычагом, когда испытывали голод. Но потом он изменил устройство так, чтобы еда выдавалась лишь иногда. Голуби стали нажимать на рычаг намного чаще независимо от голода.

Подобно голубям Скиннера мы проверяем почту и крутим ленту соцсети: там награда — в виде новых писем, интересных постов и лайков — тоже появляется непредсказуемо. Из‑за этого руки так и тянутся зайти ещё раз; покрутить ещё немного. А вдруг!

Примеры: Твитер, Фейсбук и Инстаграм

Скрыто 379 разворотов

Бир­ман Илья Борисович

Поль­зо­ва­тель­ский интерфейс

  • Арт‑дирек­тор и изда­тель Артём Горбунов

  • Дизай­нер обложки и фото­граф
    Вла­ди­мир Колпаков

  • Иллю­стра­тор Андрей Кокорин

  • Раз­ра­бот­чики Рустам Кул­ма­тов
    и Васи­лий Половнёв

  • Мет­ран­паж и тести­ров­щик Сер­гей Фролов

  • Помощ­ники Юрий Мазур­ский
    и Алек­сандра Шабалдина

  • Книга набрана шриф­тами
    «Бюро­се­риф» и «Бюросанс»

  • Дизайн‑бюро Артёма Гор­бу­нова
    Большая Новодмитровская улица,
    дом 36, стро­е­ние 2
    Москва, Рос­сия, 127015

  • bureau.ru

Бирман Илья Борисович

Пользовательский интерфейс

  • Арт‑директор и издатель Артём Горбунов

  • Дизайнер обложки и фотограф
    Владимир Колпаков

  • Иллюстратор Андрей Кокорин

  • Разработчики Рустам Кулматов
    и Василий Половнёв

  • Метранпаж и тестировщик Сергей Фролов

  • Помощники Юрий Мазурский
    и Александра Шабалдина

  • Книга набрана шрифтами
    «Бюросериф» и «Бюросанс»

  • Дизайн‑бюро Артёма Горбунова
    Большая Новодмитровская улица,
    дом 36, строение 2
    Москва, Россия, 127015

  • bureau.ru

Закладки
Добавьте закладки
Ничего не нашлось