"Хлебные крошки" или breadcrumbs (брэдкрамбс) — это элемент дизайна сайта, который позволяет посетителю в любоой момент времени понять, на какой странице сайта он находится.
Несмотря на то, что breadcrumbs сами по себе кажутся совсем не интересным элементом сайта интернет-магазина недавние исследования показали, что они являются важнейшими элементами навигации сайта.
Исследования показали, что сайты интернет-магазинов должны предоставлять своим посетителям два вида "хлебных крошек":
По результатам изучения 40-ка крупнейших сайтов в сегменте интернет-коммерции, были сделаны выводы, что 68% сайтов страдают от плохой реализации "крошек": 45% имеют только иерархически построенные breadcrumbs (без крошек на основе истории посещений) и 23% не имеют "крошек" вообще.
В этой статье мы обсудим характеристики "крошек", построенных иерархически и на оснвое истории посещений, а также почему важно иметь на сайте оба типа breadrumbs.
Без такого элемента, как "хлебные крошки" на странице товара покупателям становится тяжело просматривать коллекцию товаров, так как у них нет очевидной возможности сделать "шаг назад" на страницу со списком всех товаров, просматриваемой категории.
Другое дело с brefcrumbs покупатель всегда может посмотреть другие товары из просматриваемой коллекции и абсолютно "прозрачным" способом перемещаться по иерархии категорий вебсайта интернет-магазина вместо того, чтобы просто прыгать по доступным ссылкам.
В процессе исследования самым частым способом использования breadcrumbs было возвращение в категорию, со страницы которой человек перешел на страницу товара. Это очень похоже на то, как если бы человек пользовался кнопкой "Назад" его любимого интернет браузера. В этом смысле "крошки" представляют собой очевидный и простой способ перемещения между списком товаров и детальным описание одного конкретного товара.
Однако, breadcrumbs работают не совсем так как кнопка "Назад" браузера. Дело в том, что чаще всего "крошки" представляют собой построенную иерархически цепочку ссылок. Тогда как кнопка "Назад" основывается на истории посещений пользователя браузера. Это значит, что при иерархическом построении breadcrumbs все примененные пользователем фильтры, выборки и прочее будут потеряны при следующем переходе по ссылке из breadcrumbs.
Когда же "хлебные крошки" представляют собой цепочку ссылок, основанную на истории посещений, то пользователь переходит назад точно на ту страницу, где он уже бывал и которая может представлять собой не просто страницу со списком товаров, а, к примеру, страницу со списком товаровк которой был применен набор фильтров или сортировка.
Очень немногие сайты предоставляют breadcrumbs на основе истории посещений, что сильно ограничивает пользователя, который мог перейти на текущую страницу неожиданным способом, так как тогда им придётся перейти к обычному просмотру товаров и коллекций на основе иерархии их расположений.
Посетители, которые попадают на страницу сайта не традиционным способом (к примеру, по рекламе или из результатов поиска по сайту) всегда пользуются breadcrumbs для просмотра других товаров в этой же категории. Это один из способов, которым покупатели пользуются, чтобы найти похожие товары. Поэтому иерархические breadcrumbs невероятно важны для поиска, продвижения и других нелинейных способов перехода на конечную страницу, так как позволяют пользователям переключиться на привычную стратегию поиска и просмотра страниц сайта.
Если же пользователь применил фильтры на странице или перешел на страницу из поисковых результатов, а затем пожелал к ним вернуться, тот иерархические "крошки" не помогут. Так как фильтры и результаты будут потеряны. Что делать? Значит требуются breadcrumbs, которые вернут пользователя на предыдущую страницу, сохраняя статус страницы.
Очевидно, что на сайте требуются оба этих типа навигации. Элегантным решением для создания "исторических" breadcrumbs, дополняющими иерархиеческие breadcrumbs будет ссылка "назад к результатам" в начале или в конце цепочки ссылок breadcrumbs, которая позволит пользователю вернуться к предыдущей странице с сохранением её предыдущего состояния.
Что делает использование двух видов "крошек" на одном сайте действительно интересным, так это симбиоз структуры сайт с поведенческими факторами в одном элементе сайта -- breadcrumbs.
По материалам http://baymard.com/blog/ecommerce-breadcrumbs
