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