Илья Бир­ман

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Эпл‑вотч

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

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

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

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

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

Эпл‑вотч

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Автор неизвестен

Технозависимость

Эта цитата из доку­мен­та­ции была про­слав­лена на «Баше.орг». Всё, о чём тут напи­сано, заве­домо не имеет отно­ше­ния к задаче поль­зо­ва­теля. Текст выгля­дит как пере­вод Гугль‑транс­лей­том с про­грамм­ного кода на русский.

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

Технозависимость

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

Автор неизвестен

Эта цитата из документации была прославлена на «Баше.орг». Всё, о чём тут написано, заведомо не имеет отношения к задаче пользователя. Текст выглядит как перевод Гугль‑транслейтом с программного кода на русский.

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

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

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

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

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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

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

  • bureau.ru

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