Поговорим о правильном меню

Какое оно, правильное меню? Каждый из вас отвечает на этот вопрос по-своему. Иногда лаконично, иногда в 2-3 строки с пунктами-предложениями. Было даже дело с 90 пунктами (если считать выпадающее меню).

В дополнение статья про информационную структуру сайта.

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

1. Названия пунктов меню должны быть короткими и как можно более точно описывать, что увидит пользователь, нажав на этот пункт.

Основные ошибки

1. Загадочные, неинформативные названия (должны заинтриговать и привлечь, на самом деле больше путают).
2. Слишком общие, также неинформативные названия (непонятно, что содержится в разделе при переходе).
3. Слишком длинные названия (не перечитаешь, загромождают меню, усложняют восприятие).

2. Число пунктов основного меню

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

Кратковременная память человека способна запоминать в среднем девять двоичных чисел, восемь десятичных чисел, семь букв алфавита и пять односложных слов — то есть человек способен одновременно помнить 7 ± 2 элементов.

Таким образом, кратковременная память — «кошелёк», в который можно «положить» одновременно семь «монет». Причём память не пытается анализировать смысл информации, важны лишь внешние, физические характеристики, то есть не важно, какие «монеты» находятся в «кошельке» — доллар или цент, главное чтобы их было семь. Если количество элементов больше семи (в крайнем случае, девяти), то мозг разбивает элементы на группы таким образом, чтобы количество запоминаемых элементов было от 5 до 9. (Взято из википедии)

Так формируется еще один принцип правильного меню: в основном меню число пунктов должно быть не больше 9. В идеале 7.

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

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

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

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

3. Доступность меню

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

Надеемся, эти простые рекомендации помогут вам усовершенствовать сайты и сделать их более доступными и удобными 🙂

Просмотрено (3873)