Илья Бирман

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

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

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

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

Оглавление

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

Тысячи людей прямо сей­час пишут не в той рас­кладке. Чтобы сни­зить число таких оши­бок, Артём Гор­бу­нов при­ду­мал отоб­ра­жать теку­щий язык цве­том каретки. Это могло бы скра­сить жизнь хотя бы тем, кто во время ввода смот­рит на экран, а не на клавиатуру.

Но эти при­меры — ком­про­мисс. Интер­фейс кри­чит поль­зо­ва­телю: «Смотри, в каком я состо­я­нии!» Фор­мально модаль­ность сни­жа­ется, но сни­жа­ется и эффек­тив­ность: мы пере­клю­чаем вни­ма­ние поль­зо­ва­теля с задачи на состо­я­ние интер­фейса, застав­ляя при­ни­мать реше­ние о необ­хо­ди­мо­сти пере­клю­че­ния, а это мешает выра­ба­ты­ваться привычке.

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

Тысячи людей прямо сей­час пишут не в той рас­кладке. Чтобы сни­зить число таких оши­бок, Артём Гор­бу­нов при­ду­мал отоб­ра­жать теку­щий язык цве­том каретки. Это могло бы скра­сить жизнь хотя бы тем, кто во время ввода смот­рит на экран, а не на клавиатуру.

Но эти при­меры — ком­про­мисс. Интер­фейс кри­чит поль­зо­ва­телю: «Смотри, в каком я состо­я­нии!» Фор­мально модаль­ность сни­жа­ется, но сни­жа­ется и эффек­тив­ность: мы пере­клю­чаем вни­ма­ние поль­зо­ва­теля с задачи на состо­я­ние интер­фейса, застав­ляя при­ни­мать реше­ние о необ­хо­ди­мо­сти пере­клю­че­ния, а это мешает выра­ба­ты­ваться привычке.

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

Разделить жесты

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

Для реше­ния про­блемы доста­точно раз­де­лить кнопки.

Разделить жесты

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

Для реше­ния про­блемы доста­точно раз­де­лить кнопки.

В пер­во­быт­ных элек­трон­ных кар­тах нельзя было про­сто клик­нуть в дом, чтобы узнать, что в нём нахо­дится — нужно было сна­чала выбрать стрелку с вопро­си­ком. Для при­бли­же­ния и отда­ле­ния карты также были отдель­ные инстру­менты. Для пере­ме­ще­ния исполь­зо­ва­лись стрелки по углам.

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

Яндекс.Карты, 2005

В пер­во­быт­ных элек­трон­ных кар­тах нельзя было про­сто клик­нуть в дом, чтобы узнать, что в нём нахо­дится — нужно было сна­чала выбрать стрелку с вопро­си­ком. Для при­бли­же­ния и отда­ле­ния карты также были отдель­ные инстру­менты. Для пере­ме­ще­ния исполь­зо­ва­лись стрелки по углам.

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

Яндекс.Карты, 2005

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

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

Насто­я­щим реше­нием стало изоб­ре­те­ние «двух­паль­це­вого» зума, кото­рый Стив Джобс пока­зал на пре­зен­та­ции Айфона.

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

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

Насто­я­щим реше­нием стало изоб­ре­те­ние «двух­паль­це­вого» зума, кото­рый Стив Джобс пока­зал на пре­зен­та­ции Айфона.

Использовать «квазирежимы»

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

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

В сим­плекс­ной рации дер­жат кнопку, пока гово­рят. Для пере­клю­че­ния пере­дач выжи­мают сцеп­ле­ние. Во время пере­тас­ки­ва­ния файла удер­жи­вают нажа­той кнопку мыши.

Педаль «Роллс ММ‑11». Удерживайте для отключения звука

Использовать «квазирежимы»

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

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

В сим­плекс­ной рации дер­жат кнопку, пока гово­рят. Для пере­клю­че­ния пере­дач выжи­мают сцеп­ле­ние. Во время пере­тас­ки­ва­ния файла удер­жи­вают нажа­той кнопку мыши.

Педаль «Роллс ММ‑11». Удерживайте для отключения звука

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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