Меню вертикальное против горизонтального

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

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

Однако смеем предложить парочку существенных аргументов против горизонтального меню.

Аргумент первый

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

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

Аргумент второй

Обратимся к дизайну интерфейсов операционных систем. Откроем "Проводник" Windows или "Finder" Mac Os и увидим, что левая часть окна "лазилки по папкам" занята навигационной панелью. Верхняя зона занята кнопками действия, а верхнее меню открывает доступ к инструментам, но не навигации.

Детали интерфейса Mac Os

Детали интерфейса Windows

Попробуйте запустить другие программы, например, Adobe Bridge или Adobe Lightroom, и здесь вы тоже увидите навигационную панель слева, а в верху - панель инструментальную.

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

• 12 июля 2013 14:02 в рубрике Интернет