TGViewer
UX Notes UX Notes @uxnotes · 23.7K subscribers
Post #1770 3.08K
Эрик Чанг написал о навигации с помощью табов (вкладок).

— Вкладки упрощают навигацию, экономят место на странице, группируют контент и обеспечивают быстрый доступ к нему;
— Табы хорошо работают, когда их немного, все они видны на экране и нет горизонтальной прокрутки;
— На мобильных устройствах может появиться горизонтальный скрол в блоке табов или кнопки для его прокрутки влево и вправо. Также переключаться между табами иногда можно свайпами влево и вправо;
— Их лучше не использовать для сложного иерархического контента (табы внутри табов внутри табов);
— Они хорошо подходят для навигации второго уровня, когда основная навигация находится в боковом меню;
— Также лучше от них отказаться, если нельзя каждой вкладке дать короткое и понятное название, из-за чего текст может обрезаться или переноситься на несколько строк;
— Минус табов: для доступа к контенту вкладок, не открытых по умолчанию, пользователю надо на табы нажимать. Если находящийся там контент имеет решающее значение для пользовательских целей, лучше его там не размещать;
— Не забывайте выделять активную вкладку, а также реагировать на наведение курсора на десктопе;
— Чем отличаются от аккордеонов: обычно вкладки расположены горизонтально, а аккордеоны — вертикально, в аккордеонах часто возможно одновременное раскрытие нескольких панелей.

In English. #tab
uprock.webflow.io Навигация с помощью вкладок в пользовательском интерфейсе: где и когда ее использовать — читайте на UPROCK Разбираем, когда навигация с помощью вкладок улучшает пользовательский опыт, а в каких случаях становится препятствием, а также лучшие практики проектирования эффективных вкладок.. читайте полезные статьи о дизайне в блоге UPROCK
  • ❤ 4
More from @uxnotes
  1. Sep 17, 2026Анастасия Ефанова написала, как сокращение количества пушей в 2,5 раза повысило конверсию…
  2. Sep 15, 2026Татьяна Бублик поделилась своей системой организации файлов в Фигме. — Все макеты продукта…
  3. Sep 13, 2026Стас Мельников написал, как с помощью CSS-свойств улучшить дизайн веб-страниц. — Чтобы, на…
  4. Sep 10, 2026Кейт Каплан написала о контекстном меню. — Контекстное меню включает набор действий, связа…
  5. Sep 8, 2026UX Feedback запускает «Разговоры» — новый формат встреч онлайн. Несколько команд коротко р…
  6. Sep 6, 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 →