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

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

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

  • Традиционность: не нужно использовать инновационные и нестандартные дизайнерские решения в навигации сайта, это только оттолкнет среднестатистического пользователя.
  • Очевидность: создавайте элементы навигации описательного характера и сделайте их предсказуемыми для пользователя. Помните, что они выступают еще и в роли SEO-контента.
  • Всего в меру: множество выпадающих меню только создает хаос и отпугивает пользователя, старайтесь создать гармонию между меню и другими элементами навигации.
  • Краткость: сведите к минимуму содержание навигационной панели.
  • Стандарты: в навигационной системе необходимо всегда использовать ссылки. Наличие только лишь изображений без альтернативного текста идет в разрез с привычным для пользователя понятием о стандартной форме текста, что способно отпугнуть его.
  • Последовательность: помните, что наибольшее внимания пользователя привлекают первый и последний пункты панели навигации. А так же то, что просмотр меню происходит слева направо, следовательно, наименее значимые ссылки для привлечения внимания пользователя будут находиться в центре меню.
  • Обратный путь: у пользователя должна быть возможность нескольких вариантов возвращения назад, а не только лишь кнопка назад в браузере.

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

Используем веб-визор для анализа юзабилити навигации

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

В первую очередь нужно понять насколько структура вашего сайта понятна пользователям. 

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

Взаимосвязь качества юзабилити сайта и навигации

Элементы навигации сайта

Логотип компании - располагается на всех страницах сайта

  • Традиционно располагается в левом верхнем углу страницы
  • Является графической ссылкой на главную страницу сайта

Меню сайта - структурирует содержание сайта

  • ГОРИЗОНТАЛЬНОЕ МЕНЮ – располагается в верхней части страницы и часто дублируется над футером.
  • Горизонтальное меню обычно имеет 5-7 пунктов, если их больше, то используется выпадающее меню
  • Помните, что выпадающее меню кроме экономии места, может быть не очень наглядным и иметь низкую эффективность
  • ВЕРТИКАЛЬНОЕ МЕНЮ – чаще всего располагается справа, потому что эта зона на сайте наиболее активна
  • Вертикальное меню – обязательно должно присутствовать на всех страницах

Панель иконок - вспомогательная панель инструментов

  • ПАНЕЛЬ ИКОНОК – располагается в верхней части страницы сайта, чаще всего бывает закреплена.
  • Помогает при помощи привычных графических иконок быстро перейти к важным действиям.
  • Содержит кнопки: «добавить в избранное», «зарегистрироваться», «ваша корзина», «карта сайта», «на главную» и другие.

Строка навигации - «хлебные крошки»

  • Хлебные крошки показывают точное место «где мы сейчас находимся»
  • Визуально подсказывают, как вернуться на некоторое количество шагов назад

Поиск по сайту - необходим каждому сайту

  • Удобно расположить в панели иконок
  • Поиск помогает пользователю быстро найти нужную информацию, при помощи ключевого слова, вводимого в строку поиска

Карта сайта - обязательный элемент навигации

  • Содержит в структурированном виде рубрикатор всех категорий и подкатегорий сайта
  • Существенно экономит усилия и время посетителя для того чтобы сориентироваться

Рекламные баннеры - на странице продажи

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

Внутренняя перелинковка связанных страниц

  • Используется, чтобы не усложнять структуру, создавая переходы дальше третьей страницы 
  • Помогает быстро перейти к дополнительной информации «по теме»
  • Для разделов Отзывы или Новости и хорошо использовать ссылки Предыдущая/Следующая

Вам нужен хороший современный сайт и выбираете исполнителя?

Тогда не теряйте время, напишите нам прямо сейчас!

Оставить заявку

Пять статей по юзабилити, которые вам помогут разобраться в теме

Мега-меню и скрытая навигация: рекомендации от экспертов rusability.ru

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

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

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

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

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

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

Материалы по теме «Основы юзабилити»

  1. Руководство по увеличению конверсии. Оптимизируем CRO и получаем качественные лиды
  2. Как успешно провести юзабилити тестирование за 6 шагов
  3. Рекомендации студии веб-дизайна: 50 оттенков качественного сайта
  4. Эволюция юзабилити сайтов – что мы ждем в 2016 г.
  5. 50 оттенков хорошего сайта: рекомендации студии web-дизайна

Заявка на услуги

{emailcloak=off}

Все услуги веб-студии АВАНЗЕТ

Подать заявку
🎁

Получите на ваш e-mail: 65 секретных приёмов для взрывного роста вашего бизнеса

captcha