Илья Бир­ман

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

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

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

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

Оглавление

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

Понятно

Непонятно

Понятно

Есть задачи

Нет задач

Когда мы рисуем экран буду­щей про­граммы, мы обычно начи­наем с состо­я­ния, когда в про­грамме жизнь бьёт клю­чом: в поч­то­вике есть письма; в пла­ни­ров­щике — задачи.

Но поня­тен ли интер­фейс в исход­ном состо­я­нии, когда этих эле­мен­тов нет?

Понятно

Есть задачи

Когда мы рисуем экран будущей программы, мы обычно начинаем с состояния, когда в программе жизнь бьёт ключом: в почтовике есть письма; в планировщике — задачи.

Непонятно

Понятно

Нет задач

Но понятен ли интерфейс в исходном состоянии, когда этих элементов нет?

Сервис «Договоры» компании «Актион»

Сервис «Договоры» компании «Актион»

Сервис «Договоры» компании «Актион»

Когда у юри­ста загру­жено много дого­во­ров, он видит их спи­сок слева, а откры­тый дого­вор — справа.

Как будет выгля­деть этот экран без дого­во­ров? Если спе­ци­ально об этом не поду­мать, то слева будет пустая жёл­тая панель, а справа — пустая белая.

В насто­я­щих «Дого­во­рах» новичка встре­чает экран, при­гла­ша­ю­щий загру­зить пер­вый договор.

Сервис «Договоры» компании «Актион»

Сервис «Договоры» компании «Актион»

Сервис «Договоры» компании «Актион»

Когда у юриста загружено много договоров, он видит их список слева, а открытый договор — справа.

Как будет выглядеть этот экран без договоров? Если специально об этом не подумать, то слева будет пустая жёлтая панель, а справа — пустая белая.

В настоящих «Договорах» новичка встречает экран, приглашающий загрузить первый договор.

Дизай­неры часто рисуют формы неза­пол­нен­ными. Опас­ность пред­став­ляют поля с назва­ни­ями внутри. Ком­пакт­ность таких полей — это плюс, осо­бенно зна­чи­мый на узких экра­нах телефонов.

Но если форму запол­нить, подпи­си уже не про­чи­тать, а зна­чит такое состо­я­ние ста­но­вится непо­нят­ным. Пред­ставьте, что вам нужно про­ве­рить, пра­вильно ли вы ввели бан­ков­ские рек­ви­зиты. Если бра­у­зер пред­за­пол­нил поля авто­ма­ти­че­ски, про­ве­рить пра­виль­ность ещё сложнее.

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

Регистрация на рейс «Аэрофлота»

Регистрация на рейс «Аэрофлота»

Регистрация на рейс «Аэрофлота»

Регистрация на рейс «Аэрофлота»

Дизайнеры часто рисуют формы незаполненными. Опасность представляют поля с названиями внутри. Компактность таких полей — это плюс, особенно значимый на узких экранах телефонов.

Но если форму заполнить, подписи уже не прочитать, а значит такое состояние становится непонятным. Представьте, что вам нужно проверить, правильно ли вы ввели банковские реквизиты. Если браузер предзаполнил поля автоматически, проверить правильность ещё сложнее.

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

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

Порой из глав­ной стра­ницы сайта неясно, чем зани­ма­ется компания.

«Ста­тьи, про­екты» — такие пункты меню могут быть на любом сайте.

Взглядом новичка следует проверять сайты, рекламу и обычный текст.

Порой из главной страницы сайта неясно, чем занимается компания.

«Статьи, проекты» — такие пункты меню могут быть на любом сайте.

Эту рекламу трудно понять, даже если ты уже и стал­ки­вался с серией «Всё равно?!»

Челябинск,
2016

Эту рекламу трудно понять, даже если ты уже и сталкивался с серией «Всё равно?!»

Челябинск,
2016

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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