Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. UX

4 ключевых принципа навигации

by
Read Time:2 minsLanguages:

Russian (Pусский) translation by Ellen Nelson (you can also view the original English article)

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

1. Последовательность навигации

Расположение панели навигации (элемент, который содержит все ссылки на различные области вашего сайта) на том же месте на всех страницах, помогает вашим посетителям следовать первому принципу. Нахождение панели в фиксированном месте, позволяет проще понять содержимое текущей страницы; это передаёт контекст, вне зависимости от того, как далеко продвинулся пользователь по иерархии навигации.

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

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

2. Используйте сильный контраст

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

Избегайте скрытия навигационной панели страницы, если это возможно. Недавняя тенденция на фиксированную навигацию, помогает преодолевать хождения по веб-сайту независимо от того, насколько далеко вниз пользователь прокрутил страницу. Для сайта с более сложными уровнями содержимого, наличие «хлебных крошек» возле панели навигации может обеспечить странице большую связь с содержимым и помочь пользователю: понять, где он был до этого и вернуться туда в один клик.

3. Гибкость

Отличная навигация веб-сайта позволяет пользователям находить вещи разными способами. Например, на многих потребительских сайтах для розничной торговли, поиск и навигация объединены для более сильного взаимодействия. Вы можете не только осуществлять обычный поиск, но и перемещаться по категориям, перед добавлением поискового параметра (или наоборот).

Envato Elements uses a combination of search terms and taxonomiesEnvato Elements uses a combination of search terms and taxonomiesEnvato Elements uses a combination of search terms and taxonomies
На Envato Elements используется комбинация поисковых запросов и таксономии

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

Целью гибкой системы навигации на сайтах является поддержка ключевых задач для самых разных пользователей.

Вывод

Чтобы максимально повысить эффективность оформления вашей следующей навигации по сайту, помните о принципе последовательности, высокой контрастности и гибкости.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.