Логотип imagecms

Принципы создания меню для сайта

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

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

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

Скачать ImageCMS совершенно бесплатно

Хорошее меню для сайта должно обладать определенными качествами, среди которых можно выделить следующие:

  • Доступность. В виртуальном мире, наряду с другими навигационными элементами, оно помогает определить ваше текущее местоположение в рамках веб-проекта, а затем совершить правильные шаги в нужно направлении. Вот почему так важно, чтобы оно отображалось на каждой странице, и была возможность вернуться на предыдущий URL.
  • Простое и интуитивное управление. Работа с меню не должна требовать от пользователя какого-то особенного опыта работы или знаний. Принимая решение о его внешнем виде и структуре, обязательно учитывайте этот фактор.
  • Информативность. Хорошо структурированная навигация служит посетителю в качестве путеводителя, упрощая ориентацию по содержанию ресурса, и помогая достичь требуемой цели. Кроме того, элементы меню должны адекватно реагировать на действия, которые пользователь совершает на сайте, например, путем выделения адреса в «хлебных крошках», на котором в данный момент находиться пользователь.
  • Сбалансированность структуры. Не существует идеального количества категорий, которое должно содержать хорошее меню, поэтому необходимо найти баланс между шириной (число основных категорий) и глубиной (количество подкатегорий в основной рубрике).
     
  • Правильная организация элементов. Правильная иерархия категорий классифицируется по принципу «перевернутой пирамиды», когда на самом высоком уровне находятся наиболее общие разделы, чтобы затем перейти к более подробной детализации.
  • Понятные надписи. Названия в меню сайта должны быть сформулированы на языке понятном для пользователя, не содержать специализированной лексики или маркетинговых фраз, а одна надпись не должна отображаться на странице более одного раза.
  • Соответствие единой концепции. Во время навигации по сайту все элементы первого уровня должны оставаться постоянными, а поведение элементов при наведении курсора должно быть одинаковым. Элементы, принадлежащие к одному и тому же уровню, должны быть отформатированы в одинаковом стиле.
  • Информационные страницы. Такие страницы как «Помощь», «О нас», «Контакты» - должны быть фиксированными элементами, которые доступны при навигации по любой из страниц сайта. Хорошей практикой является вынос их в отдельный блок, чтобы пользователь быстро мог получить к ним доступ. 
     

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

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

Читайте также:
14 Октября 2013 2492 0
Подпишитесь на еженедельную рассылку и получайте скидки на популярные e-commerce продукты
И совсем скоро Вы станете гуру в e-commerce, веб-разработке, SEO и в интернет-маркетинге! Развивайте свой бизнес с актуальной информацией, успешными кейсами и вдохновляющими примерами.
(Комментарии: 0)
Вы должны , чтоб присоединиться к разговору
Давайте дружить!

Узнавайте все новости, получайте обзоры, кейсы
и другие полезные материалы по e-commerce через социальные сети!

Консультация по ImageCMS Shop
 
Уже уходите? Еще секундочку!

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

или