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