Илья Бир­ман

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

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

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

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

Оглавление

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

При работе в Фото­шопе дизай­нер часто меняет мас­штаб и поло­же­ние хол­ста на экране. Без ква­зи­ре­жи­мов это долго: пере­клю­читься в инстру­мент «лупа» Z, изме­нить мас­штаб, пере­клю­читься в инстру­мент «рука» H, подви­нуть холст в нуж­ное место; вспом­нить, какой инстру­мент был выбран до этого; пере­клю­читься в него.

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

При работе в Фотошопе дизайнер часто меняет масштаб и положение холста на экране. Без квазирежимов это долго: переключиться в инструмент «лупа» Z, изменить масштаб, переключиться в инструмент «рука» H, подвинуть холст в нужное место; вспомнить, какой инструмент был выбран до этого; переключиться в него.

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

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

⎇⌘⇧S в Фотошопе — сохранить для веба

Продвинутый дизайнер зажимает левой рукой целые аккорды. При этом иногда трудно объяснить другому, что именно ты сделал.

⎇⌘⇧S в Фотошопе — сохранить для веба

Тулбар почты на Маке

Изменить сценарий

Когда раз­де­лить жесты или исполь­зо­вать ква­зи­ре­жим не полу­ча­ется, реше­ние ищут на уровне сце­на­рия: меняют, что и в каком порядке делает пользователь.

В отли­чие от Фото­шопа, в почте нет инстру­мен­тов «уда­лить» и «отве­тить», кото­рыми нужно тыкать в письма. Нао­бо­рот, поль­зо­ва­тель выби­рает письмо, а потом уже нажи­мает «удалить».

Волшебная палочка НТ‑МДТ

В про­грамме обра­ботки изоб­ра­же­ний НТ‑МДТ толе­рант­ность вол­шеб­ной палочки изме­ня­ется после клика.

Хороший сценарий побеждает модальность

Тулбар почты на Маке

Изменить сценарий

Когда разделить жесты или использовать квазирежим не получается, решение ищут на уровне сценария: меняют, что и в каком порядке делает пользователь.

В отличие от Фотошопа, в почте нет инструментов «удалить» и «ответить», которыми нужно тыкать в письма. Наоборот, пользователь выбирает письмо, а потом уже нажимает «удалить».

Волшебная палочка НТ‑МДТ

В программе обработки изображений НТ‑МДТ толерантность волшебной палочки изменяется после клика.

Хороший сценарий побеждает модальность

Последовательное волшебство

Последовательное волшебство

Этот интер­фейс записи к врачу при­слала одна из сту­ден­ток Школы ста­жё­ров бюро.

Поле поиска ведёт себя непред­ска­зу­емо. Чело­век вво­дит запрос, нажи­мает на кнопку. Но вме­сто резуль­та­тов поиска под полем вдруг появ­ля­ются уточ­ня­ю­щие вопросы. Они воз­ни­кают «из ниот­куда» и исче­зают «в никуда». Потом на том же месте также неожи­данно появ­ля­ются рекомендации.

Другие странности:

  • 0:14  при появлении выпадайки календаря поле времени пропадает

  • 0:18  изменение значения поля в форме приводит к изменению его названия

  • 0:21  при нажатии ссылка исчезает

  • 0:38  после подтверждения номер телефона сбрасывается

Этот интерфейс записи к врачу прислала одна из студенток Школы стажёров бюро.

Поле поиска ведёт себя непредсказуемо. Человек вводит запрос, нажимает на кнопку. Но вместо результатов поиска под полем вдруг появляются уточняющие вопросы. Они возникают «из ниоткуда» и исчезают «в никуда». Потом на том же месте также неожиданно появляются рекомендации.

Другие странности:

  • 0:14  при появлении выпадайки календаря поле времени пропадает

  • 0:18  изменение значения поля в форме приводит к изменению его названия

  • 0:21  при нажатии ссылка исчезает

  • 0:38  после подтверждения номер телефона сбрасывается

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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