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

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


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

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


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

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


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

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

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


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


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



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

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

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



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

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


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

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


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

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


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


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

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


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


Продолжение

Интерфейс и информация — дисциплина Школы дизайнеров. Набор открыт. Чем раньше поступите, тем ниже стоимость и выше шанс на бесплатное место.
 

Поделиться
Отправить

Комментарии

Егор Сорокин
27 сентября 2016

Насчёт «Особая глупость — выбор того, по сколько элементов на странице показывать…» — не соглашусь. Опыт показывает, что, как правило, всегда хочется увеличить их количество (например, вместо 20 картинок по умолчанию показать сразу 100, дабы быстрее пробежать взглядом). По умолчанию, сразу вываливать 100+ картинок человеку с неизвестно каким интернетом и компьютером неразумно, вы не находите?. Поэтому очень радует, когда разработчики дают такую возможность.

Тимофей Контанистов
27 сентября 2016

Не думаю, что для Ламоды сработает такой подход, когда на одной странице окажется несколько тысяч вариантов.

Глеб Михальченков
27 сентября 2016

Я думаю, что точки или другие маркеры при горизонтальном пролистывании, например экранов, и кнопки или ссылки «ранее» или «далее» и им подобные — такие же костыли, как и нумерация страниц.

В идеале «листалки» не должно быть вообще, а контент должен автоматически подгружаться по мере пролистывания.

Николай Яковенко
27 сентября 2016

У листалок есть удобная альтернатива — кнопка «Показать еще». Она позволяет увидеть новую порцию информации без перезагрузки страницы.

Иногда подгрузку делают автоматической, без кнопки. На мой взгляд, такой приём допустим для лент соцсетей, но не подходит обычным сайтам и сервисам.


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

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

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

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





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

1 1 Выбранные элементы списка, как не забывать принципы из советов бюро и когда нужен логотип 1 О тексте как базовом элементе 6