Илья Бирман

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

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

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

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

Оглавление

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

Но есть интер­фейсы, кото­рые все­гда рабо­тают пред­ска­зу­емо. Кнопка «5» в лифте все­гда везёт на пятый этаж. Рычаг на уни­тазе все­гда спус­кает воду. Кла­виша ми‑бемоль на фор­те­пи­ано все­гда играет ми‑бемоль.

Нажа­тия кно­пок, рыча­гов и кла­виш — это при­меры жестов.

Но есть интер­фейсы, кото­рые все­гда рабо­тают пред­ска­зу­емо. Кнопка «5» в лифте все­гда везёт на пятый этаж. Рычаг на уни­тазе все­гда спус­кает воду. Кла­виша ми‑бемоль на фор­те­пи­ано все­гда играет ми‑бемоль.

Нажа­тия кно­пок, рыча­гов и кла­виш — это при­меры жестов.

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

Как завязать булинь. Руководство скаута, 1972. Матрос завязывает такой узел, не задумываясь

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

Как завязать булинь. Руководство скаута, 1972. Матрос завязывает такой узел, не задумываясь

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

Интер­фейс назы­ва­ется модаль­ным, если в нём есть состо­я­ния, кото­рые чело­век не осо­знаёт во время жеста, но в кото­рых этот жест интер­пре­ти­ру­ется по‑разному.

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

Модаль­ная ошибка при­вела к кру­ше­нию само­лёта рейса 214 «Ази­ана‑эйр­лайнс» в июле 2013 года. Пилот не осо­зна­вал, что в теку­щем режиме авто­пи­лота не рабо­тает авто­мат тяги, и про­дол­жал управ­лять само­лё­том, не следя за скоростью.

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

Интер­фейс назы­ва­ется модаль­ным, если в нём есть состо­я­ния, кото­рые чело­век не осо­знаёт во время жеста, но в кото­рых этот жест интер­пре­ти­ру­ется по‑разному.

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

Модаль­ная ошибка при­вела к кру­ше­нию само­лёта рейса 214 «Ази­ана‑эйр­лайнс» в июле 2013 года. Пилот не осо­зна­вал, что в теку­щем режиме авто­пи­лота не рабо­тает авто­мат тяги, и про­дол­жал управ­лять само­лё­том, не следя за скоростью.

Телефон

Браузер

На Айфоне тап в левый ниж­ний угол в при­ло­же­нии «Теле­фон» пере­клю­чит в «Избран­ное», а в бра­у­зере — пове­дёт назад. Но хоть жест и один, исклю­чено, чтобы чело­век ожи­дал откры­тия избран­ных номе­ров в бра­у­зере или нао­бо­рот. Вни­ма­ние как раз занято одной из двух задач, с кото­рыми свя­заны эти состояния.

Модаль­ные ошибки воз­ни­кают только если чело­век не осо­знаёт состо­я­ние интер­фейса во время выпол­не­ния жеста.

Телефон

На Айфоне тап в левый ниж­ний угол в при­ло­же­нии «Теле­фон» пере­клю­чит в «Избран­ное», а в бра­у­зере — пове­дёт назад. Но хоть жест и один, исклю­чено, чтобы чело­век ожи­дал откры­тия избран­ных номе­ров в бра­у­зере или нао­бо­рот. Вни­ма­ние как раз занято одной из двух задач, с кото­рыми свя­заны эти состояния.

Браузер

Модаль­ные ошибки воз­ни­кают только если чело­век не осо­знаёт состо­я­ние интер­фейса во время выпол­не­ния жеста.

А вот когда выхо­дишь из при­ло­же­ния и нажи­ма­ешь в при­выч­ный «смс‑угол», слу­чайно откры­ва­ешь какой‑нибудь «Шазам», потому что вдруг ока­зался не на той стра­нице домаш­него экрана.

В слу­чае с теле­фо­ном и бра­у­зе­ром модаль­но­сти нет, а в слу­чае с домаш­ним экра­ном — есть.

А вот когда выхо­дишь из при­ло­же­ния и нажи­ма­ешь в при­выч­ный «смс‑угол», слу­чайно откры­ва­ешь какой‑нибудь «Шазам», потому что вдруг ока­зался не на той стра­нице домаш­него экрана.

В слу­чае с теле­фо­ном и бра­у­зе­ром модаль­но­сти нет, а в слу­чае с домаш­ним экра­ном — есть.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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