Илья Бирман

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

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

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

 
между важными местами
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