Навигация на смартфоне должна вести к цели за 2-3 касания. Если человек ищет меню, прячет ли оно важное: каталог, поиск, корзину, вход? Чем меньше шагов до действия, тем выше шанс, что он не потеряется.
• Не перегружайте первый экран: 5-7 пунктов — уже много. Остальное лучше убирать в «Ещё» или вторичный слой.
• Делайте зоны нажатия крупными: мелкая ссылка в шапке почти всегда промахивается пальцем.
• Не прячьте поиск, если у вас много контента или товаров. На мобильном он часто быстрее меню.
• Фиксированная шапка полезна, только если не съедает высоту экрана и не дублирует лишнее.
Отдельно проверьте состояние меню: открытие, закрытие, возврат назад, скролл внутри списка. Если после клика пользователь не понимает, где он находится, навигация работает против него.
Хорошая схема проста: один главный маршрут, короткие подписи и заметная точка возврата. Уберите лишнее, и мобильная навигация начнёт помогать, а не мешать.
Мобильная верстка: лучшее
@mobile_first_design_tips_ww
Навигация, из-за которой пользователь уходит: 5 ошибок на мобильном сайте
Этот пост опубликован в Telegram-канале Мобильная верстка: лучшее. Подписаться можно по ссылке: @mobile_first_design_tips_ww.