Дизайн навигации: вертикальное меню

Все записи

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

Горизонтальная навигация — старый стандарт.

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

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

Меню гамбургер

Преимущества вертикальной навигации

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

Недостатки вертикальной навигации.

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

Опять мы возвращаемся к меню в виде «гамбургера» это простой компромис между вертикальным меню и горизонтальным.

Сейчас и перенос навигации по всему сайту закрепленной вверху экрана становится нормой

ведь смартфоны и планшеты как раз вытянуты в высоту, почему бы не воспользоваться этим пространством эффективно?

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


29.01.2019



Поделиться: