Как сделать мобильную версию главного меню сайта с большим количеством разделов?

Привет! В главном меню сайта бюро всего восемь разделов, поэтому на телефоне их легко пролистать пальцем вбок и найти нужный. Я понимаю, почему это лучше, чем гамбургерное меню. Хочу сделать так же, но на нашем сайте пара десятков разделов и подразделов. Пролистывать их на телефоне в поисках нужного будет утомительно, как мне кажется. И как показать подразделы? Что можете посоветовать? Использовать в нашем случае всё‑таки гамбургерное меню на телефонах?

Данила!

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

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

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

Возможно, вы придумаете, как упростить навигацию в мобильной версии, сократив количество пунктов меню. Может быть, сделаете вкладки с самыми важными разделами сайта, а менее важное уберёте за одну из вкладок. Или покажете разделы сайта не в меню, а на главной странице как‑нибудь красиво с иконками, например, как на «Алиэкспрессе»:

P. S. Прошу всех, кто присылает вопросы в советы, прикладывать свои картинки, чтобы советчики рассмотрели именно их и предложили решение.

P. P. S. Это был вторничный совет о дизайне интерфейсов. Присылайте вопросы.

Интерфейс
Отправить
Поделиться
Запинить

Комментарии

Мне кажется, в 2021 не стоит бояться бургер‑меню на мобильных. Целиться в него не так сложно, как пишет Константин, но если пользователь не нашёл на странице то, что ему необходимо, или хочет продолжить изучать сайт‑приложение вне того сценария, который для него придумал дизайнер, то это вполне нормальное продолжение для развития отношений с ним.

10 апр 2021

Рекомендуем другие советы