Илья Бир­ман

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

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

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

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

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

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

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

Мастер установки программы «Микрософт Офис»

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

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

Мастер установки программы «Микрософт Офис»

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

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

Полу­че­ние биле­тов и сдачи раз­де­лять ни к чему: авто­мат может выдать всё сразу.

Но даже это странно счи­тать отдель­ным шагом. Это уже резуль­тат, поль­зо­ва­телю делать ничего не нужно.

Под­твер­жде­ние бес­смыс­ленно — это мы знаем из главы о привычках.

Выхо­дит, чтобы купить билеты, нужно их выбрать и оплатить.

Но это оче­видно, и явное деле­ние на шаги ни к чему.

О бесполезности подтверждений:

  • Привычка 27

Сложная форма. Нумерация шагов помогает не заблудиться

Простой интерфейс. Нумерация создаёт ненужное ощущение сложности

Сложная форма. Нумерация шагов помогает не заблудиться

Простой интерфейс. Нумерация создаёт ненужное ощущение сложности

Простой интерфейс. Нумерация создаёт ненужное ощущение сложности

Простой интерфейс. Нумерация создаёт ненужное ощущение сложности

Простой интерфейс. Нумерация создаёт ненужное ощущение сложности

Простой интерфейс. Нумерация создаёт ненужное ощущение сложности

Простой интерфейс. Нумерация создаёт ненужное ощущение сложности

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

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

Полу­че­ние биле­тов и сдачи раз­де­лять ни к чему: авто­мат может выдать всё сразу.

Но даже это странно счи­тать отдель­ным шагом. Это уже резуль­тат, поль­зо­ва­телю делать ничего не нужно.

Под­твер­жде­ние бес­смыс­ленно — это мы знаем из главы о привычках.

Выхо­дит, чтобы купить билеты, нужно их выбрать и оплатить.

Но это оче­видно, и явное деле­ние на шаги ни к чему.

О бесполезности подтверждений:

  • Привычка 27

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

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

Иерархия

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

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

Иерархия

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

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

Сайт «Биат­лон­тайм» с резуль­та­тами биат­лон­ных гонок устроен иерар­хи­че­ски. На пер­вом уровне — спор­тив­ные сезоны. Внутри каж­дого сезона — набор эта­пов кубка мира. Каж­дый этап состоит из несколь­ких гонок.

Биатлонтайм

Сайт «Биат­лон­тайм» с резуль­та­тами биат­лон­ных гонок устроен иерар­хи­че­ски. На пер­вом уровне — спор­тив­ные сезоны. Внутри каж­дого сезона — набор эта­пов кубка мира. Каж­дый этап состоит из несколь­ких гонок.

Биатлонтайм

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

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

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

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

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

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

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

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

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

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

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

  • bureau.ru

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

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

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

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

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

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

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

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

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

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

  • bureau.ru

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