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