Илья Бир­ман

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

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

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

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

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

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

Подобно голу­бям Скин­нера мы про­ве­ряем почту и кру­тим ленту соц­сети: там награда — в виде новых писем, инте­рес­ных постов и лай­ков — тоже появ­ля­ется непред­ска­зу­емо. Из‑за этого руки так и тянутся зайти ещё раз; покру­тить ещё немного. А вдруг!

Примеры: Твитер, Фейсбук и Инстаграм

Непредсказуемость награды усиливает привыкание. В эксперименте Берреса Скиннера устройство выдавало голубям еду при нажатии на рычаг. Голуби быстро научились пользоваться рычагом, когда испытывали голод. Но потом он изменил устройство так, чтобы еда выдавалась лишь иногда. Голуби стали нажимать на рычаг намного чаще независимо от голода.

Подобно голубям Скиннера мы проверяем почту и крутим ленту соцсети: там награда — в виде новых писем, интересных постов и лайков — тоже появляется непредсказуемо. Из‑за этого руки так и тянутся зайти ещё раз; покрутить ещё немного. А вдруг!

Примеры: Твитер, Фейсбук и Инстаграм

Модальность

У моей бабушки теле­ви­зор ино­гда пере­стаёт пере­клю­чать каналы: «Жму пятый, а он не вклю­ча­ется!».

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

Модальность

У моей бабушки телевизор иногда перестаёт переключать каналы: «Жму пятый, а он не включается!».

Она случайно нажимает кнопку ‑‑, после чего телевизор воспринимает только двузначные каналы. Чтобы включить пятый, нужно нажать 0, затем 5, но бабушка не знает.

Бывает, чёр­това мик­ро­вол­новка за пять минут так и не разо­греет суп, потому что с про­шлого раза сто­яла на разморозке.

Выбор режима работы микроволновой печи «Самсунг»

Бывает, чёртова микроволновка за пять минут так и не разогреет суп, потому что с прошлого раза стояла на разморозке.

Выбор режима работы микроволновой печи «Самсунг»

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

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

  • bureau.ru

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