Статьи :Создаем удобное и логичное главное меню сайта

Создаем удобное и логичное главное меню сайта

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

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

Типичные ошибки при создании главного меню

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

Типичный пример неправильно построенного выпадающего меню:

Горизонтальное выпадающее меню, ошибки в меню

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

Вертикальное выпадающее меню, ошибки в меню

В верхнем выпадающем меню используются разные по длине основные пункты меню и названия с непродуманной и несоответствующей боковому меню структурой, а также неэстетичное расположение текста. В навигационной строке снизу не понятно, где мы находимся в данный момент и плохо подобрана цветовая палитра (голубой сливается с синим). Абсолютно неправильно в данном случае выделены синим цветом ссылки, которые пользователь уже посетил, а голубым — которые еще не посещал. Выделять как уже посещенный раздел "Полезная информация", в который входят другие подразделы в корне неверно. Можно выделять ссылки как уже посещенные только на некоторые страницы сайта, например, статьи или новости.

Создаем удобное, красивое и логичное главное меню для сайта

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

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

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

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

Интерфейс сайта, главное меню, разработка интерфейсов

Элегантный внешний вид главного меню основан на прямых углах, градиентной заливке синим и грамотными пропорциями цветового баланса. Мы подобрали стильные, мягкие и приятные тона, доставляющие удовольствие при использовании главного меню нашего web сайта.

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

Аураби веб дизайн – мы создаем сайты достойные внимания.

Page title: 
Создаем удобное и логичное главное меню сайта

Введите Ваше имя и телефон для заказа бесплатного расчета системы безопасности: