UX-дизайн для меню навигации

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

1. Место размещение имеет значение

В Интернете разработан четкий паттерн навигации (самый верх страницы, левая сторона или нижний колонтитул). Когда меню размещаются за пределами этих областей, его становится неудобно и трудно найти.

UX-дизайн для меню навигации

2. Покажите пользователям, где они

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

UX-дизайн для меню навигации

3. Мега-меню или выпадающие списки

Исследования показывают, что мега-меню лучше, чем выпадающие списки (раскрывающиеся меню), потому что они показывают все сразу, могут использовать изображения, позволяют лучше группировать разделы и кажутся более привлекательными.

Профессия «Дизайнер интерактивных медиа»
Профессия «Дизайнер интерактивных медиа»
Скидка 45% по промокоду UXPUB
Узнать подробнее
UX-дизайн для меню навигации

4. Эффективные заголовки ссылок

Пользователь должен иметь возможность легко предсказать, куда его приведет ссылка, до того, как он нажмет на нее (это называется информационным запахом). Для этого самый важный фактор – насколько хорошо мы подписываем ссылки.

UX-дизайн для меню навигации

5. Сколько пунктов меню?

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

UX-дизайн для меню навигации

6. Не скрывайте их

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

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

UX-дизайн для меню навигации

7. Советы по визуальному дизайну

Хороший дизайн интерфейса имеет большое значение. Ниже приведены несколько советов по его улучшению. Если сомневаетесь, протестируете их! И не забывайте о доступности.

UX-дизайн для меню навигации

Вот и все! Спасибо за прочтение.

Total
6
Shares
Добавить комментарий

Ваш адрес email не будет опубликован.

Похожие статьи
UX дизайн окна потверждения
Подробнее

UX дизайн окна потверждения

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

Еженедельная рассылка

Одно письмо с лучшими записями за неделю

Total
6
Share