Илья Бир­ман

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

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

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

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

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

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

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

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

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

УДК 655.262
ББК 85.15

Оглавление

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

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

УДК 655.262
ББК 85.15

Оглавление

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

Центральный экран в «Опеле»

Пред­ло­жит найти бли­жай­шую заправку встро­ен­ным в машину навигатором.

Не ста­нет застав­лять чело­века под­би­рать зна­че­ния в про­цен­тах так, чтобы в сумме полу­чи­лось сто.

Центральный экран в «Опеле»

Предложит найти ближайшую заправку встроенным в машину навигатором.

Не станет заставлять человека подбирать значения в процентах так, чтобы в сумме получилось сто.

Типичная таблица размеров интернет‑магазина одежды

Выбор размера в интернет‑магазине джинсов «Гетвеар»

В раз­ных стра­нах исполь­зу­ются раз­ные системы раз­ме­ров одежды. Меж­ду­на­род­ные интер­нет‑мага­зины пуб­ли­куют таб­лицы соот­вет­ствия, по кото­рым поку­па­тели пере­во­дят при­выч­ные им раз­меры в при­ня­тые на сайте.

Каза­лось бы, поду­мали об удоб­стве, чтобы чело­век из любой страны мог заказать.

Но чело­век дол­жен дер­жать в голове и сопо­став­лять цифры, не име­ю­щие отно­ше­ния к его задаче. Легко сде­лать ошибку, ещё и сам же ока­жешься вино­ват. Это не говоря о том, что в таб­лице даже нигде не ска­зано, какая система при­нята на сайте.

Для «Гет­ве­ара» мы сде­лали иначе — чело­век выби­рает раз­мер в при­выч­ной для него системе, не заду­мы­ва­ясь о переводе.

Пере­счёт в систему, по кото­рой будут делаться выкройки, про­ис­хо­дит за кулисами.

Хоро­ший интер­фейс не застав­ляет чело­века делать то, что он делает плохо: счи­тать в уме, запо­ми­нать путь к файлу или све­рять с бумаж­кой пят­на­дца­ти­знач­ный код.

Принцип:
пусть потеет машина

Типичная таблица размеров интернет‑магазина одежды

Выбор размера в интернет‑магазине джинсов «Гетвеар»

В разных странах используются разные системы размеров одежды. Международные интернет‑магазины публикуют таблицы соответствия, по которым покупатели переводят привычные им размеры в принятые на сайте.

Казалось бы, подумали об удобстве, чтобы человек из любой страны мог заказать.

Но человек должен держать в голове и сопоставлять цифры, не имеющие отношения к его задаче. Легко сделать ошибку, ещё и сам же окажешься виноват. Это не говоря о том, что в таблице даже нигде не сказано, какая система принята на сайте.

Для «Гетвеара» мы сделали иначе — человек выбирает размер в привычной для него системе, не задумываясь о переводе.

Пересчёт в систему, по которой будут делаться выкройки, происходит за кулисами.

Хороший интерфейс не заставляет человека делать то, что он делает плохо: считать в уме, запоминать путь к файлу или сверять с бумажкой пятнадцатизначный код.

Принцип:
пусть потеет машина

Ино­гда машина думает, что поль­зо­ва­тель­ские дан­ные можно выбросить:

Онлайн‑кинотеатр «Амедиатека»

Эпл‑вотч

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

Спор­тив­ная про­грамма спра­ши­вает, сохра­нить ли резуль­таты тре­ни­ровки. Цена ошибки при ответе на этот вопрос — поте­рян­ные дан­ные. Нужно сохра­нять без вопро­сов и давать уда­лить при желании.

Ино­гда машина думает, что поль­зо­ва­тель­ские дан­ные можно выбросить:

Онлайн‑кинотеатр «Амедиатека»

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

Эпл‑вотч

Спор­тив­ная про­грамма спра­ши­вает, сохра­нить ли резуль­таты тре­ни­ровки. Цена ошибки при ответе на этот вопрос — поте­рян­ные дан­ные. Нужно сохра­нять без вопро­сов и давать уда­лить при желании.

Гра­фи­че­ский редак­тор пред­ла­гает «закрыться быст­рее», выбро­сив содер­жи­мое буфера обмена.

Чтобы закрыться быст­рее, разумно не зада­вать таких вопро­сов. Люди ожи­дают, что дан­ные в буфере обмена оста­нутся, пока их не заме­нят другими.

На вопрос «Сохранить?» отвечайте «да» за пользователя

На вопрос «Сохранить?» отвечайте «да» за пользователя

Графический редактор предлагает «закрыться быстрее», выбросив содержимое буфера обмена.

Чтобы закрыться быстрее, разумно не задавать таких вопросов. Люди ожидают, что данные в буфере обмена останутся, пока их не заменят другими.

Ещё хуже, когда машина без пре­ду­пре­жде­ния теряет дан­ные пользователя.

На Айфоне можно отве­тить на сооб­ще­ние, не откры­вая при­ло­же­ния. Но если слу­чайно нажать в область под полем ввода, поле уедет с экрана, и набран­ное сооб­ще­ние нигде не сохранится.

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

Принцип:
данные пользователя бесконечно ценны

Ещё хуже, когда машина без предупреждения теряет данные пользователя.

На Айфоне можно ответить на сообщение, не открывая приложения. Но если случайно нажать в область под полем ввода, поле уедет с экрана, и набранное сообщение нигде не сохранится.

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

Принцип:
данные пользователя бесконечно ценны

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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