Pull to refresh

Search Pagination. Нумерация страниц поисковой выдачи

Reading time2 min
Views896
Второй перевод Design Pattern Library от Yahoo! посвящен юзабилити нумерации поисковой выдачи.

Проблема


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



image

Когда использовать

  • При выводе результатов поиска.
  • Если результаты выдачи не умещаются на одном экране так, чтобы пользователю было удобно с ними работать.

Решения

  • Разбивайте информацию на последовательность страниц по релевантности.
  • Обеспечивайте нумерацию страниц для доступа к их контенту.

Управление нумерацией
  • Отображайте нумерацию в виде горизонтального ряда ссылок.
  • Ссылки должны выводиться следующим образом: «Назад», постраничные ссылки, «Вперёд».
  • Отображайте стрелку «влево» после лейбла «Назад» (“Prev”).
  • Отображайте стрелку «вправо» перед лейблом «Вперёд» (“Next”).
  • Сделайте эти стрелочки кликабельными.
  • Количество постраничных ссылок должно быть не более 10. Если ссылок меньше десяти, то выводите все, что есть.
  • Если пользователь находится на страницах с 1 по 6, то список ссылок должен начинаться всегда с первой.
  • Если же пользователь находится на любой странице начиная с 7-ой, список постраничных ссылок должен начинаться с номера текущей страницы минус 5. Например, если пользователь на 7 странице, то первой в списке будет ссылка на 2-ую страницу ( 7 – 5 = 2 ). А последней в списке будет ссылка на 11-ую страницу (т.к. выводим 10 ссылок).
    image
  • Если пользователь на странице №1, то лейбл «Назад» и стрелочку «влево» выводить не следует.
  • Соответственно, не выводим лейбл «Вперёд» и стрелочку «вправо» для последней страницы.
  • Номер текущей страницы в списке ссылок не должен быть гиперссылкой.
  • Обозначьте список постраничных ссылок лейблом «Страницы», например.


Логика

  • Использование стрелочек делает ссылки более явными и увеличивает кликабельность за счет увеличения площади ссылки.
  • Отсутствие не слишком критично, т.к.:
    • Эти ссылки располагаются в нижней части страницы
    • Наибольшее количество просмотров приходится именно на первую страницу поисковой выдачи.
  • Имеет смысл размещать ссылку «В начало» (“First”), в то время как ссылка «В конец» (“Last”) малоэффективна в виду релевантности поисковой выдачи.

Использование

  • Обеспечьте перемещение по ссылкам с помощью клавиши Табуляции.
  • В случае навигации по списку ссылок при помощи клавиатуры, переход по ссылке должен осуществляться клавишей Enter.


Опять же прошу прощения за возможную корявость перевода. Задача — передать ключевые мысли топиков.

Первый перевод — Breadcrumbs. Путь по сайту
Tags:
Hubs:
Total votes 7: ↑5 and ↓2+3
Comments4

Articles