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