Как стать автором
Обновить

Navigation: Breadcrumbs. Навигация: Путь по сайту

Время на прочтение2 мин
Количество просмотров1.2K
Решил заняться переводом замечательной Design Pattern Library от Yahoo!

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

Проблема


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

image

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

  • Если данная страница не находится на первом месте в иерархии сайта.
  • Если пользователь не может перемещаться по сайту с помощью других средств навигации. Например, если страница находится довольно глубоко в иерархии сайта, «хлебные крошки» могут стать самым простым и удобным способом обеспечения навигации.
  • Пользователь попал на страницу из какого-либо внешнего источника (например, из страницы с результатами поиска) и ему нужно понять где эта страница находится.

Решения


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

Лейблы
  • Где возможно, лейбл должен называться так же, как и страница, на которую он ссылается.
  • Используйте правила применения заглавных букв для лейблов.
  • Отделяйте лейблы друг от друга знаком «больше» ( > ).
  • Заголовок текущей страницы является последнем звеном в цепочке пути по сайту.
  • Не используйте слово «Главная» (“Home”) для первого лейбла. Вместо этого используйте особое название страницы, например, Погода, Путешествия, и т.д.

Ссылки
  • Все лейблы являются ссылками кроме последнего (который обозначает заголовок текущей страницы).
  • Знак «больше» и пробелы по обеим сторонам его ни в коем случае не должны быть ссылками.
  • Стиль отображения ссылки не должен зависеть от того, кликал по ней пользователь ранее или нет.

Прочее
  • Никогда не отображайте цепочку пути по сайту на странице, что является в этой цепочке первой.
  • Иногда цепочка пути по сайту соответствует истории посещения страниц сайта, но по сути ею не является.

Логика

  • Цепочка пути по сайту обеспечивает положение контекста относительно остального сайта.
  • Цепочка пути по сайту обеспечивает способ перемещения вверх по иерархии сайта.

Доступность

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


К сожалению, не хватает кармы чтобы размещать посты на главной. Буду благодарен, если кто подкинет.
Теги:
Хабы:
Всего голосов 8: ↑6 и ↓2+4
Комментарии2

Публикации