UX-FEED
Сколько пунктов должно быть в меню на сайте?
Каждый элемент веб-дизайна и его применение должно быть обосновано. Иногда можно увидеть сайты, где меню из трех пунктов спрятано за иконкой меню-гамбургера. Насколько это обосновано с точки зрения удобства для пользователей? Какое меню и сколько пунктов в нем наиболее целесообразно использовать на сайтах?
Горизонтальное меню удобнее и проще в навигации
Горизонтальное меню с количеством пунктов менее 7 применяется в большинстве сайтов.
Рекомендуемое количество пунктов в горизонтальном меню должно соответствовать ширине экрана. Ширина экрана и длина наименования стандартных пунктов меню показало, что оптимальное количество составляет 5-7, если наименования пунктов меню короткие, то их может быть более 7.
В каких случаях можно не использовать горизонтальное меню?
Открытое горизонтальное меню в верхней части экрана работает лучше, нежели скрытые пункты за иконкой меню-гамбургера. Скрытые пункты меню усложняют поиск, увеличивают время работы с сайтом.
Резюме
Оптимальное количество пунктов меню зависит от решаемой задачи. А также, от вида навигации. Целесообразно в дизайне сайта использовать именно горизонтальное меню. Такое меню имеет ограничения в количестве пунктов из-за ширины экрана. Исходя из этого, оптимальное количество пунктов в горизонтальном меню - не более 7 на десктопных версиях сайтов, и 4 пункта в горизонтальном меню - на мобильных версиях сайтов.
И только при количестве пунктов более 7 допускается использование альтернативной навигации: вертикальное меню, меню-гамбургер и комбинированное меню с ниспадающими списками.
Горизонтальные меню считается самым распространенным видом навигации. А то, что знакомо пользователям больше всего - лучший вариант для использования в дизайне. Знакомая навигация и предсказуемое расположение пунктов меню сразу при входе на сайт помогает быстрее сориентироваться и делает удобным использование сайта.
Переход от вертикального меню к горизонтальному на новостном сайте CNN улучшил показатели и статистику посещений сайта.
Проектирование горизонтального меню в дизайне сайтов позволяет сделать интерфейс предсказуемым в использовании. Ведь это повышает скорость и удобство работы с сайтом. Кроме того, количество пунктов в горизонтальном меню должно быть ограничено размерами экрана ПК и не превышать рекомендуемых 7 пунктов.
Создание адаптивных версий сайта, особенно, для экранов мобильных устройств, не позволяет использовать горизонтальное меню, в котором может быть 5-7 пунктов. Такое отображение меню попросту не влезет в экран смартфона. В таких случаях целесообразно использование скрытой навигации в виде иконки меню-гамбургера. При этом, желательно оставлять открытыми некоторые функции навигации..
Если количество пунктов меню не влезает в горизонтальное меню, то можно использовать вертикальное меню. В таком случае, его нужно размещать в левой части экрана, также учитывая ограничения пунктов исходя из высоты первого экрана. Тем не менее, использование вертикального меню является менее эффективным по сравнению с горизонтальным меню.
При количестве пунктов меню более 7 можно также использовать комбинированную навигацию -с ниспадающими подпунктами из пунктов главного меню. В таких случаях обязательно выделять пункты главного меню, которые имеют ниспадающее меню, с помощью иконки «стрелка вниз».
При большом количестве пунктов меню можно использовать другую навигацию вместо горизонтального меню. При этом, необходимо учитывать различные факторы, которые могут навредить удобству пользователей при использовании альтернативной навигации (вертикальное меню, гамбургер, комбинированная навигация).
ПОДЕЛИТЬСЯ МАТЕРИАЛОМ
ХОЧЕШЬ ПОЛУЧАТЬ ЛУЧШИЕ НОВОСТИ ПО ДИЗАЙНУ РАЗ В НЕДЕЛЮ?
UX-FEED
Актуально ли применения меню-гамбургера на сайтах?
UX-FEED
Скроллят ли люди, оказавшись на сайте?
UX-FEED
Нужны ли принципы минимализма в веб-дизайне?
© 2016 Your company
UX-FEED
Сколько пунктов должно быть в меню на сайте?
Каждый элемент веб-дизайна и его применение должно быть обосновано. Иногда можно увидеть сайты, где меню из трех пунктов спрятано за иконкой меню-гамбургера. Насколько это обосновано с точки зрения удобства для пользователей? Какое меню и сколько пунктов в нем наиболее целесообразно использовать на сайтах?
Горизонтальное меню удобнее и проще в навигации
Горизонтальное меню с количеством пунктов менее 7 применяется в большинстве сайтов.
Рекомендуемое количество пунктов в горизонтальном меню должно соответствовать ширине экрана. Ширина экрана и длина наименования стандартных пунктов меню показало, что оптимальное количество составляет 5-7, если наименования пунктов меню короткие, то их может быть более 7.
В каких случаях можно не использовать горизонтальное меню?
Открытое горизонтальное меню в верхней части экрана работает лучше, нежели скрытые пункты за иконкой меню-гамбургера. Скрытые пункты меню усложняют поиск, увеличивают время работы с сайтом.
Резюме
Оптимальное количество пунктов меню зависит от решаемой задачи. А также, от вида навигации. Целесообразно в дизайне сайта использовать именно горизонтальное меню. Такое меню имеет ограничения в количестве пунктов из-за ширины экрана. Исходя из этого, оптимальное количество пунктов в горизонтальном меню - не более 7 на десктопных версиях сайтов, и 4 пункта в горизонтальном меню - на мобильных версиях сайтов.
И только при количестве пунктов более 7 допускается использование альтернативной навигации: вертикальное меню, меню-гамбургер и комбинированное меню с ниспадающими списками.
Горизонтальные меню считается самым распространенным видом навигации. А то, что знакомо пользователям больше всего - лучший вариант для использования в дизайне. Знакомая навигация и предсказуемое расположение пунктов меню сразу при входе на сайт помогает быстрее сориентироваться и делает удобным использование сайта.
Переход от вертикального меню к горизонтальному на новостном сайте CNN улучшил показатели и статистику посещений сайта.
Проектирование горизонтального меню в дизайне сайтов позволяет сделать интерфейс предсказуемым в использовании. Ведь это повышает скорость и удобство работы с сайтом. Кроме того, количество пунктов в горизонтальном меню должно быть ограничено размерами экрана ПК и не превышать рекомендуемых 7 пунктов.
Создание адаптивных версий сайта, особенно, для экранов мобильных устройств, не позволяет использовать горизонтальное меню, в котором может быть 5-7 пунктов. Такое отображение меню попросту не влезет в экран смартфона. В таких случаях целесообразно использование скрытой навигации в виде иконки меню-гамбургера. При этом, желательно оставлять открытыми некоторые функции навигации..
Если количество пунктов меню не влезает в горизонтальное меню, то можно использовать вертикальное меню. В таком случае, его нужно размещать в левой части экрана, также учитывая ограничения пунктов исходя из высоты первого экрана. Тем не менее, использование вертикального меню является менее эффективным по сравнению с горизонтальным меню.
При количестве пунктов меню более 7 можно также использовать комбинированную навигацию -с ниспадающими подпунктами из пунктов главного меню. В таких случаях обязательно выделять пункты главного меню, которые имеют ниспадающее меню, с помощью иконки «стрелка вниз».
При большом количестве пунктов меню можно использовать другую навигацию вместо горизонтального меню. При этом, необходимо учитывать различные факторы, которые могут навредить удобству пользователей при использовании альтернативной навигации (вертикальное меню, гамбургер, комбинированная навигация).
ПОДЕЛИТЬСЯ МАТЕРИАЛОМ
ХОЧЕШЬ ПОЛУЧАТЬ ЛУЧШИЕ НОВОСТИ ЗА НЕДЕЛЮ?
UX-FEED
Актуально ли применение меню-гамбургера на сайтах?
UX-FEED
Какой выбор нужен пользователю: большой или ограниченный?
UX-FEED
Нужны ли принципы минимализма в веб-дизайне