Илья Бирман

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

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

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

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

Оглавление

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

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

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

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

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

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

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

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

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

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

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

Этот сайт при­слали в руб­рику «Советы» на сайте бюро. Чело­век дол­жен выбрать регион, а потом кор­ректно запол­нить целый фор­му­ляр, чтобы машина соиз­во­лила найти мини‑отель.

Един­ствен­ная при­чина застав­лять чело­века запол­нять все эти поля — устрой­ство базы дан­ных. Из таких дан­ных про­грам­ми­сту легко соста­вить запрос.

Этот сайт при­слали в руб­рику «Советы» на сайте бюро. Чело­век дол­жен выбрать регион, а потом кор­ректно запол­нить целый фор­му­ляр, чтобы машина соиз­во­лила найти мини‑отель.

Един­ствен­ная при­чина застав­лять чело­века запол­нять все эти поля — устрой­ство базы дан­ных. Из таких дан­ных про­грам­ми­сту легко соста­вить запрос.

Подсказка намекает: пиши как угодно

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

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

«Такого же, но с перламутровыми пуговицами». Фрагмент х/ф «Бриллиантовая рука». Мосфильм, 1969 ↓

Фильтры помогают улучшить результат

Принцип:
сначала данные, потом фильтры

Подсказка намекает: пиши как угодно

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

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

Фильтры помогают улучшить результат

Принцип:
сначала данные, потом фильтры

«Такого же, но с перламутровыми пуговицами». Фрагмент х/ф «Бриллиантовая рука». Мосфильм, 1969 ↓

Стартовый экран программы «Конверт». Выбор категории переводимых единиц

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

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

Но посмот­рим на задачу поль­зо­ва­теля. Вы хотите пере­ве­сти 800 квад­рат­ных футов в квад­рат­ные метры. Про­грамма не даёт ничего похо­жего на то, что вам нужно, а застав­ляет думать о том, что нужно ей. Зачем эти иконки? Пока под­го­то­вите про­грамму к работе, уже забу­дете, что хотели перевести.

Стартовый экран программы «Конверт». Выбор категории переводимых единиц

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

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

Но посмот­рим на задачу поль­зо­ва­теля. Вы хотите пере­ве­сти 800 квад­рат­ных футов в квад­рат­ные метры. Про­грамма не даёт ничего похо­жего на то, что вам нужно, а застав­ляет думать о том, что нужно ей. Зачем эти иконки? Пока под­го­то­вите про­грамму к работе, уже забу­дете, что хотели перевести.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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