Назад

Почему в хлебных крошках стрелка смотрит вперёд, а не назад?

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

Хлебные крошки «Главная › Каталог › Мебель › Кресла» показывают положение страницы «Кресла» в структуре интернет-магазина
Хлебные крошки показывают положение текущей страницы в структуре сайта

Логично спросить: если с помощью этой навигации можно вернуться выше по структуре, почему разделитель не смотрит влево, как кнопка «назад»?

Здесь важно не путать хлебные крошки с обычной кнопкой возврата. Кнопка «← Назад» связана с действием пользователя. Она возвращает его к предыдущему экрану, странице или состоянию интерфейса.

Сравнение кнопки «← Назад», возвращающей на предыдущую страницу, и хлебных крошек «Главная › Каталог › Мебель», показывающих положение страницы в структуре сайта
«Назад» возвращает пользователя, а хлебные крошки показывают структуру

А хлебные крошки работают иначе. Они показывают, где находится текущая страница внутри структуры сайта. То есть «breadcrumbs» отвечают не на вопрос «откуда я пришёл?», а на вопрос «где я сейчас нахожусь?». И это принципиальная разница.

Пользователь мог вообще не проходить путь «Главная → Каталог → Мебель → Кресла» шаг за шагом. Он мог попасть на страницу кресел из поиска, рекламы, закладки или прямой ссылки. Но хлебные крошки всё равно покажут её положение в иерархии сайта: от общего раздела к более конкретному.

Три варианта хлебных крошек с разными разделителями: шевроном, косой чертой и знаком «больше»
Разделитель может выглядеть по-разному — принцип иерархии остаётся тем же

Почему стрелка направлена вперёд

Стрелка или шеврон между пунктами в хлебных крошках — это не управляющая кнопка, а разделитель уровней. Она помогает читать последовательность: «Главная › Каталог › Мебель › Кресла».

Такой паттерн воспринимается как движение по структуре слева направо: от верхнего уровня — к текущей странице. Именно поэтому стрелка обычно смотрит вперёд: она показывает направление чтения и развития иерархии, а не команду возврата.

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

Почему это важно в интерфейсе

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

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

Стрелка — не единственный вариант

При этом в хлебных крошках вовсе не обязательно использовать именно стрелку. Встречаются и другие разделители:

Главная / Каталог / Товар
Главная > Каталог > Товар
Главная · Каталог · Товар

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

Коротко

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