2022-06-07 15:40:20
Небольшой ликбез по пользовательскому интерфейсу (UI)
Навигация сайта (
Website navigation)
Невозможно представить сайт или приложение без меню. Это важнейший компонент глобальной навигации, с помощью которого пользователь может с легкостью взаимодействовать с сайтом. Навигация по сайту может быть представлена в форме
меню (
menu),
вкладок (
tabs),
боковых панелей (
sidebars). Давайте разбираться с видами навигационных меню.
Горизонтальное меню (
horizontal navigation bar) расположено в самом
верху страницы (
website header) и содержит несколько главных
разделов (
sections).
Выпадающее меню (
dropdown navigation menu) так же содержит несколько разделов, однако при наведении курсора мыши или клику по выбранному разделу “выпадает” детализированный список категорий выбранного раздела.
Меню-гамбургер (
hamburger navigation menu) чаще всего используется в разработке мобильных приложений или для адаптации веб-сайтов под размеры экранов различных мобильных устройств. Когда пользователь нажимает на иконку гамбургера (три горизонтальные полоски напоминают слои бургера), открывается
выпадающее меню (
dropdown menu). Таким образом разработчик может оптимизировать пространство на экране.
Боковое меню (
sidebar navigation menu) похоже на горизонтальное: так же имеет несколько главных разделов сайта для удобства поиска информации, но расположено оно вертикально, чаще всего слева.
Нижнее меню (
footer navigation menu) чаще всего работает в паре с горизонтальным: в подвале страницы расположены не только разделы сайта, но и
категории разделов (
categories).
Вкладки (
tab bars) очень часто используются в мобильной разработке как альтернатива гамбургеру. Панель вкладок находится внизу экрана и является
фиксированным (
fixed/sticky).
Выделяют несколько видов навигации сайта (приложения): языковая, тематическая, рекламная и т. д. На повестке
глобальная навигация сайта (
global website navigation).
***
Ликбез подготовила для вас Дарья Чертоусова (@chertousova), переводчик-редактор нашего бюро
Иллюстрации в следующем посту (или посте )
209 viewsEvgeniy Bartov, 12:40