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