За обновлениями можно следить в telegram-канале https://t.me/quasiart

Поэтому в торговых центрах и других больших зданиях часто можно заметить карту с меткой «Вы здесь».

Вы здесь

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

3 уровня или больше

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

Сайт с двумя уровнями редко нуждается в хлебных крошках, так как сложно потеряться на таком сайте (ведь уровень выше — это уже главная страница).

Ссылка на главную страницу

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

breadcrumb-homepage

Вид ссылки на главную страницу может быть любой: название сайта, «Главная» или иконка с домиком.

Используйте стрелки вместо слешей

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

breadcrumb-cues

Не делайте ссылку на страницу,  где находится пользователь

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

Указывайте, где находится пользователь

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

breadcrumb-textlabel