Записки о сайтостроении

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

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

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

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

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

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

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

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

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

Yahoo Pipes

У Яху есть очень удобная штука для тех, кому приходится работать с большими потоками данных, будь то просто чтение РСС, отбирание нужных материалов из новостей по теме, формирование подборок изображений и так далее. Называется Pipes — http://pipes.yahoo.com/.

Например, есть сайт Ars Technica, время от времени пишущий в разделе об Эпл отличные обзоры. Но в последнее время процентов восемдесят содержимого эпловской ленты составляют iPhone, его SDK, iTunes Store и какие-то концепты планшетов, о которых мне читать неинтересно. Просто отфильтровываем ненужные слова из заголовков, сохраняем в My Pipes и подписываемся на то, что получилось.

Еще case study: недавно надо было опубликовать на сайте Твиттер-ленту. В ленту Твиттер-юзера попадают не только его посты, но и ответы другим людям, читать которые, не будучи в теме, совершенно неинтересно. Поэтому надо было убрать из РСС все записи, начинающиеся на @. Наверное, у ПХП-программера эта задача отняла бы ненамного больше времени, чем у меня — сооружение фильтра в Pipes, но мне понадобилось бы снимать с пыльной полки «Регулярные выражения» и вообще вспоминать, как в ПХП пишутся циклы.

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

Комментировать