TGViewer
UX Notes UX Notes @uxnotes · 23.7K subscribers
Post #1487 6.69K
Виталий Фридман написал о хлебных крошках.

— Навигация бывает 3 типов: которая помогает двигаться вперёд, назад и вбок;
— Выделение текущей страницы в меню упрощает движение назад и вбок, если человек не смог решить на ней свою задачу;
— Хлебные крошки (Breadcrumbs) показывают, где пользователь находится в иерархии сайта, и позволяют двигаться не только назад, но и вбок (шаг назад и шаг вперёд);
— Они нужны, если у сайта 3 и более уровней в структуре. Вместо хлебных крошек, состоящих из одной ссылки, лучше разместить название раздела рядом с заголовком страницы. Но чтобы было похоже на ссылку, как в The Economist;
— Из поисковых систем люди часто переходят сразу на внутренние страницы сайта. Хлебные крошки помогают понять, куда человек попал и как организован сайт;
— Ссылки в хлебных крошках часто разделяют стрелками, направляют их обычно вправо;
— Располагайте хлебные крошки под основной навигацией сайта;
— Иногда встречаются дополнительные «хлебные крошки» над хедером, позволяющие перемещаться между связанными сайтами;
— Все названия страниц более высокого уровня должны быть ссылками и визуально отличаться от указателя текущей страницы;
— Иногда его не отображают. Можно не дублировать название страницы, если хлебные крошки рядом с заголовком. Но если далеко, этот текст поможет пользователям ориентироваться;
— Не сокращайте текст ссылок, иначе будет сложнее понять структуру. Если хлебные крошки не влезают, лучше раскрывать часть ссылок по нажатию на многоточие;
— На мобильных сайтах иногда отображают по одной ссылке (родительской) за раз, но лучше показывать столько ссылок, сколько возможно. Можно показывать всё, но с горизонтальной прокруткой.

In English. #breadcrumbs
www.uprock.ru Проектируем «хлебные крошки»: полное руководство — читайте на UPROCK Дизайнеры зачастую пренебрегают «хлебными крошками», однако этот элемент может быть чрезвычайно полезен при проектировании сложной навигации.. читайте полезные статьи о дизайне в блоге UPROCK
  • 👍 17
  • ❤ 6
More from @uxnotes
  1. Sep 27, 2026Елена Плинер написала о юзерфлоу. — User flow — это блок-схема пользовательского пути в ра…
  2. Sep 23, 2026Ночной UX — цифровая вечеринка от Сбера Необычные решения, творчество и ошибки делают нас…
  3. Sep 17, 2026Анастасия Ефанова написала, как сокращение количества пушей в 2,5 раза повысило конверсию…
  4. Sep 15, 2026Татьяна Бублик поделилась своей системой организации файлов в Фигме. — Все макеты продукта…
  5. Sep 13, 2026Стас Мельников написал, как с помощью CSS-свойств улучшить дизайн веб-страниц. — Чтобы, на…
  6. Sep 10, 2026Кейт Каплан написала о контекстном меню. — Контекстное меню включает набор действий, связа…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →