Search
Write a publication
Pull to refresh

Alphanumeric Filter Links. Буквенно-цифровые ссылки для сортировки

Reading time1 min
Views578
Мой третий перевод Design Pattern Library от Yahoo! посвящен юзабилити сортировки с помощью ссылок в алфавитном порядке. Источник.

Проблема


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

image

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

  • Если информация не умещается в один экран так, чтобы её было удобно воспринимать.
  • Если контент упорядочен по алфавиту.
  • Если пользователь наверняка знает с какой буквы начинается название того, что он, собственно, ищет.

Решения

  1. Вывести список ссылок.
    • Список ссылок должен начинаться с числовых ссылок если таковые имеются.
    • Если есть записи, которые начинаются со специальных символов или состоят только из таких символов, то эти ссылки выводятся отдельно.
    • Ссылки должны вести на страницу результатов по данной букве.
  2. Если при клике на символ, контента не последует, то делать его ссылкой не имеет смысла.
  3. Выделяйте особым образом символ, контент по которому пользователь в данный момент просматривает.
  4. Если ответов по запросу (имеется ввиду клик по букве или символу) не очень много и для пользователя и для системы, то
    • Используйте ссылки якоря (описание на htmlbook.ru) для быстрого перехода к результату внутри одной страницы.
      Или
    • Совместите с методом нумерацией страниц, имея ввиду, что совмещение этих двух методов может несколько смутить пользователя.

Логика


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

Предыдущие переводы
Первый перевод — Breadcrumbs. Путь по сайту
Второй перевод — Search Pagination. Нумерация страниц поисковой выдачи
Tags:
Hubs:
Total votes 4: ↑2 and ↓20
Comments4

Articles