🔍 Начните печатать, чтобы искать по книге или перейти к нужной странице по номеру
Удобно листать не только прокруткой, но и клавишами‑стрелками:
Представляем книгу Издательства Дизайн‑бюро Артёма Горбунова — практическое руководство по пользовательскому интерфейсу. Учебник предназначен для дизайнеров, редакторов, руководителей, разработчиков и всех, кто причастен к созданию продуктов.
Принципы 4
Взаимодействие 86
Язык 213
Экраны 311
Представляем книгу Издательства Дизайн‑бюро Артёма Горбунова — практическое руководство по пользовательскому интерфейсу. Учебник предназначен для дизайнеров, редакторов, руководителей, разработчиков и всех, кто причастен к созданию продуктов.
Принципы 4
Взаимодействие 86
Язык 213
Экраны 311
Понятно
Непонятно
Понятно
Есть задачи
Нет задач
Когда мы рисуем экран будущей программы, мы обычно начинаем с состояния, когда в программе жизнь бьёт ключом: в почтовике есть письма; в планировщике — задачи.
Но понятен ли интерфейс в исходном состоянии, когда этих элементов нет?
Понятно
Есть задачи
Когда мы рисуем экран будущей программы, мы обычно начинаем с состояния, когда в программе жизнь бьёт ключом: в почтовике есть письма; в планировщике — задачи.
Непонятно
Понятно
Нет задач
Но понятен ли интерфейс в исходном состоянии, когда этих элементов нет?
Сервис «Договоры» компании «Актион»
Сервис «Договоры» компании «Актион»
Сервис «Договоры» компании «Актион»
Когда у юриста загружено много договоров, он видит их список слева, а открытый договор — справа.
Как будет выглядеть этот экран без договоров? Если специально об этом не подумать, то слева будет пустая жёлтая панель, а справа — пустая белая.
В настоящих «Договорах» новичка встречает экран, приглашающий загрузить первый договор.
Сервис «Договоры» компании «Актион»
Сервис «Договоры» компании «Актион»
Сервис «Договоры» компании «Актион»
Когда у юриста загружено много договоров, он видит их список слева, а открытый договор — справа.
Как будет выглядеть этот экран без договоров? Если специально об этом не подумать, то слева будет пустая жёлтая панель, а справа — пустая белая.
В настоящих «Договорах» новичка встречает экран, приглашающий загрузить первый договор.
Дизайнеры часто рисуют формы незаполненными. Опасность представляют поля с названиями внутри. Компактность таких полей — это плюс, особенно значимый на узких экранах телефонов.
Но если форму заполнить, подписи уже не прочитать, а значит такое состояние становится непонятным. Представьте, что вам нужно проверить, правильно ли вы ввели банковские реквизиты. Если браузер предзаполнил поля автоматически, проверить правильность ещё сложнее.
Отдельный вопрос — зачем «Аэрофлот» заставляет вводить данные, которые ему и так известны. Пассажир указывает всё это при покупке билета.
Регистрация на рейс «Аэрофлота»
Регистрация на рейс «Аэрофлота»
Регистрация на рейс «Аэрофлота»
Регистрация на рейс «Аэрофлота»
Дизайнеры часто рисуют формы незаполненными. Опасность представляют поля с названиями внутри. Компактность таких полей — это плюс, особенно значимый на узких экранах телефонов.
Но если форму заполнить, подписи уже не прочитать, а значит такое состояние становится непонятным. Представьте, что вам нужно проверить, правильно ли вы ввели банковские реквизиты. Если браузер предзаполнил поля автоматически, проверить правильность ещё сложнее.
Отдельный вопрос — зачем «Аэрофлот» заставляет вводить данные, которые ему и так известны. Пассажир указывает всё это при покупке билета.
Взглядом новичка следует проверять сайты, рекламу и обычный текст.
Порой из главной страницы сайта неясно, чем занимается компания.
«Статьи, проекты» — такие пункты меню могут быть на любом сайте.
Взглядом новичка следует проверять сайты, рекламу и обычный текст.
Порой из главной страницы сайта неясно, чем занимается компания.
«Статьи, проекты» — такие пункты меню могут быть на любом сайте.
Эту рекламу трудно понять, даже если ты уже и сталкивался с серией «Всё равно?!»
Челябинск,
2016
Эту рекламу трудно понять, даже если ты уже и сталкивался с серией «Всё равно?!»
Челябинск,
2016
Бирман Илья Борисович
Пользовательский интерфейс
Арт‑директор и издатель Артём Горбунов
Дизайнер обложки и фотограф
Владимир Колпаков
Иллюстратор Андрей Кокорин
Разработчики Рустам Кулматов
и Василий Половнёв
Метранпаж и тестировщик Сергей Фролов
Помощники Юрий Мазурский
и Александра Шабалдина
Книга набрана шрифтами
«Бюросериф» и «Бюросанс»
Дизайн‑бюро Артёма Горбунова
дом 36, строение 2
Москва, Россия, 127015
Бирман Илья Борисович
Пользовательский интерфейс
Арт‑директор и издатель Артём Горбунов
Дизайнер обложки и фотограф
Владимир Колпаков
Иллюстратор Андрей Кокорин
Разработчики Рустам Кулматов
и Василий Половнёв
Метранпаж и тестировщик Сергей Фролов
Помощники Юрий Мазурский
и Александра Шабалдина
Книга набрана шрифтами
«Бюросериф» и «Бюросанс»
Дизайн‑бюро Артёма Горбунова
дом 36, строение 2
Москва, Россия, 127015