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