Илья
27 сентября 2016
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Как делать листалки?


При листании содержимое разбивают на страницы и перемещаются между ними с помощью специальных жестов или экранных элементов. Такие специальные элементы называют листалками.

Классическая листалка в результатах поиска Яндекса:


Каждый отдельный номер здесь малоинформативен, но вместе они дают представление о количестве результатов. Многоточие показывает, что страниц больше десяти.

Современная версия:


Непонятно, куда поведёт «дальше» — на вторую или шестую страницу. Но цифры имеют большие области нажатия, что хорошо с точки зрения закона Фиттса.

О законе Фиттса

Механическое деление на равные порции просто в реализации, но бесполезно для навигации:


Неизвестно, что ждёт читателя по ссылке «7». Даже если запомнить номер интересной страницы, нумерация «сползёт» при появлении новых сообщений. Обратная нумерация страниц не сползает, но случайные большие номера ещё менее понятны:


Подобные архаичные листалки до сих пор встречаются в продвинутых изданиях и интернет-магазинах. «Арстехника» разбивает на страницы длинные обзоры:



Ламода — разделы каталога одежды:

О технозависимости

О глупости, когда дают выбрать по сколько именно элементов листать



Особая глупость — выбор того, по сколько элементов на странице показывать:

Отделение кнопки «Дальше» от номеров страниц помогает понять, куда она ведёт.


Необязательно, чтобы на всех страницах было поровну элементов. Платья на сайте «Мэри Трюфеля» разделены по силуэтам:

О листалках с диапазонами


При сортировке по дате стоит и листать по датам:

О листалке в интерфейсе тренировок


Меняется сортировка — меняется и листалка:


Хороший тон — обрабатывать случаи, когда для появления листалки недостаточно записей. Тогда интерфейс до упора «сопротивляется» появлению листалки. Например, даже если общий принцип листалки — по дням, но записей всего три и сделаны они в разные дни, их стоит вывести на одной странице.

Как разделить на страницы приложения на Айфоне — зависит от пользователя:


В ленте блога нет смыслового деления на страницы и нумерация бесполезна:


Продолжение

P. S. Я веду практический курс «Пользовательский интерфейс и представление информации». Дата следующего курса пока неизвестна.

 
Мы напишем вам, когда будет открыта запись. Без спама.

Поделиться

Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.





Недавно всплыло

Как создавался новый сайт бюро. Часть третья 1 4 Начальник считает, что перед встречей нужно обязательно разработать несколько вариантов предложений 6 4