Второй перевод Design Pattern Library от Yahoo! посвящен юзабилити нумерации поисковой выдачи.
Пользователю необходимо видеть последовательность постраничных ссылок результатов выдачи поиска, в случае если количество результатов не помещается на одной странице. Результаты поисковой выдачи при этом отсортированы по релевантности.
Опять же прошу прощения за возможную корявость перевода. Задача — передать ключевые мысли топиков.
Первый перевод — Breadcrumbs. Путь по сайту
Проблема
Пользователю необходимо видеть последовательность постраничных ссылок результатов выдачи поиска, в случае если количество результатов не помещается на одной странице. Результаты поисковой выдачи при этом отсортированы по релевантности.
Когда использовать
- При выводе результатов поиска.
- Если результаты выдачи не умещаются на одном экране так, чтобы пользователю было удобно с ними работать.
Решения
- Разбивайте информацию на последовательность страниц по релевантности.
- Обеспечивайте нумерацию страниц для доступа к их контенту.
Управление нумерацией
- Отображайте нумерацию в виде горизонтального ряда ссылок.
- Ссылки должны выводиться следующим образом: «Назад», постраничные ссылки, «Вперёд».
- Отображайте стрелку «влево» после лейбла «Назад» (“Prev”).
- Отображайте стрелку «вправо» перед лейблом «Вперёд» (“Next”).
- Сделайте эти стрелочки кликабельными.
- Количество постраничных ссылок должно быть не более 10. Если ссылок меньше десяти, то выводите все, что есть.
- Если пользователь находится на страницах с 1 по 6, то список ссылок должен начинаться всегда с первой.
- Если же пользователь находится на любой странице начиная с 7-ой, список постраничных ссылок должен начинаться с номера текущей страницы минус 5. Например, если пользователь на 7 странице, то первой в списке будет ссылка на 2-ую страницу ( 7 – 5 = 2 ). А последней в списке будет ссылка на 11-ую страницу (т.к. выводим 10 ссылок).
- Если пользователь на странице №1, то лейбл «Назад» и стрелочку «влево» выводить не следует.
- Соответственно, не выводим лейбл «Вперёд» и стрелочку «вправо» для последней страницы.
- Номер текущей страницы в списке ссылок не должен быть гиперссылкой.
- Обозначьте список постраничных ссылок лейблом «Страницы», например.
Логика
- Использование стрелочек делает ссылки более явными и увеличивает кликабельность за счет увеличения площади ссылки.
- Отсутствие не слишком критично, т.к.:
- Эти ссылки располагаются в нижней части страницы
- Наибольшее количество просмотров приходится именно на первую страницу поисковой выдачи.
- Имеет смысл размещать ссылку «В начало» (“First”), в то время как ссылка «В конец» (“Last”) малоэффективна в виду релевантности поисковой выдачи.
Использование
- Обеспечьте перемещение по ссылкам с помощью клавиши Табуляции.
- В случае навигации по списку ссылок при помощи клавиатуры, переход по ссылке должен осуществляться клавишей Enter.
Опять же прошу прощения за возможную корявость перевода. Задача — передать ключевые мысли топиков.
Первый перевод — Breadcrumbs. Путь по сайту