Пишу про разработку вообще и в частности про: JavaScript, HTML5, CSS3, AngularJS, ReactJS, Agile.

Так ли нужны “хлебные крошки” (breadcrumbs)

Для начала несколько слов о том что такое “хлебные крошки” (breadcrumbs), чтобы мы все могли говорить на одном языке. “Хлебные крошки” – это элемент навигации веб-страницы, который позволяет дать информацию пользователю о том, в каком контексте он находится. Например:

breadcrumbs-navigation-example

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

Скорее всего именно по этому Амазон и другие торговые платформы используют их. Меню этих сайтов представляет из себя сложный каталог, в котором найти что-то ценное не представляется возможным. Как следствие пользователи используют поиск и, найдя примерно нужный товар, могут уже начать исследовать категорию, в которой он находится. Так вот как-то же нужно показать информацию об этой категории – для этого хлебные крошки и используются.

Вместе с тем вроде никто другой их не применяет. Самый яркий пример не менее сложного сайта, который обходится без них, это Гугл аналитикс. Как же он умудряется справляться без них?

google-analytics

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

Я уже не говорю о том, что сам подход – использовать “хлебные крошки” – уже морально устарел. Он был хорош в начале развития интернета, когда сайты были статичные и нужно было решать проблемы статичными же методами. Сегодня мы можем изменить подход и, немного подумав, сделать-таки интерфейс удобным и не обремененным ненужным функционалом.

Поделиться:
comments powered by Disqus