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