Записи с меткой «навигация»

Постраничная навигация

В сети можно встретить много обсуждений того, как правильней и удобней реализовать постраничную навигацию. Почему-то немногие задумываются об общей целесообразности этого элемента интерфейса.

По-моему, постраничная навигация (pagination, «пагинация») обычно используется либо просто потому, что так принято, либо для того, чтоб показать посетителю лишнюю порцию рекламы. Крутить скроллбар для того, чтобы увидеть продолжение страницы — логично. Нажимать на бессмысленные цифры-ссылки — нет. Это относится и к результатам внутрисайтового поиска (где редко актуальна релевантность), и к отображению списков статей/постов, и к показу топиков в форумах.

Самый простой пример навигации для роботов:

Разбиение на страницы «по N штук» уместно только в результатах работы поисковика, поскольку там используется важный для посетителя критерий релевантности. В подавляющем же большинстве случаев в блогах или на форумах записи сортируются и разбиваются на страницы по единственному критерию — времени, которое для человека, читающего сайт, не играет большой роли. Поэтому их либо не стоит разбивать вообще — повторюсь, полоса прокрутки отлично справляется со своей функцией — либо разбивать по какому-нибудь осмысленному признаку: в блоге — по тегам, в интернет-магазине — по цене, и так далее.

Если страница содержит несколько сотен объектов — например, перечень товаров в разделе интернет-магазина — можно использовать какую-нибудь умную разбивку (см. позапрошлогоднее обсуждение на сайте бюро Горбунова).

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

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

Комментировать (на данный момент — 3 комментария)