У продуктовых пунктов меню нет выпадающих списков

Критичность проблемы: Низкая | Сложность внедрения: Средняя | Встречаемость: Средняя

Открываю шапку сайта и вижу знакомые слова: Каталог, Бренды, Акции. Навожу на «Каталог». Тишина. Никаких подсказок, никаких веток. Только один путь — кликнуть и надеяться, что дальше станет понятнее.

Кликаю. Попадаю на большую страницу с баннерами. Красиво, крупно, шумно. Я пришёл за конкретикой, а мне предлагают полюбоваться витриной. Где подкатегории? Где короткий путь к нужному разделу? Листаю вниз. Карточки, карусели, подборки. Но не структуру, а витрину.

Возвращаюсь в шапку. Снова «Каталог». Я знаю, что в «Ноутбуках» мне нужен «Игровой». Но меню не даёт углубиться с первого шага. Я делаю лишние клики, прохожу через лишние экраны. Каждый раз отвлекаюсь на промо и ярлыки. Точки входа есть, но они не про путь, а про внимание.

На мобильном не легче. Бургер открывает список первого уровня. Дальше — скролл, развороты разделов, переходы туда-сюда. Если рука дрогнула — ты снова на «Каталоге», и путь начинается заново. Я ловлю себя на мысли, что быстрее вбить в поиск. Но поиск — это уже план Б. Я не хотел угадывать запрос, я хотел двигаться по понятной карте.

В голове — своя иерархия. Она простая: категория → подкатегория → фильтр → карточка. На сайте — плоская поверхность, где глубина прячется за кликом и промо-блоками. Маршрут становится квестом. Вроде всё есть, но не на расстоянии вытянутой руки.

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

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

Когда проблема критична, а когда нет

Критична:

• Интернет-магазины с широким каталогом (много категорий и уровней: электроника, маркетплейсы, стройматериалы, запчасти).
• B2B-каталоги и опт (тысячи SKU, сложные подгруппы, технические параметры).
• Образовательные платформы и СМИ с глубокой рубрикацией (курсы по темам, направлениям, уровням).
• Аггрегаторы/турагентства с множеством направлений и тарифов.
• Сайты, где основная задача — быстрое погружение в подкатегорию (быстрый доступ важнее витрины).

Некритична:

• Лэндинги одного продукта/услуги или бутики с 5–10 позициями.
• Портфолио/корпоративные сайты с верхнеуровневой навигацией.
• Сайты, где 80% трафика приходит на глубокие страницы из поиска или рекламных кампаний.
• Сервисы, где меню — вспомогательное, а основной сценарий — внутренний поиск и фильтры на первом экране.
• Проекты с намеренно плоской ИА: один уровень разделов, без вложенности.

Что об этом говорят другие пользователи

Опишите, как вы будете искать конкретный подтип товара (например, «Игровой ноутбук 15"») через верхнее меню без поиска: куда нажимаете, что ожидаете увидеть на каждом шаге, в какой момент теряете ориентир и почему?

Бесполезные ответы

• «Я всегда вбиваю в поиск, мне так удобнее.»
• «Нашёл с третьего раза, не критично.»
• «С телефона неудобно, но я привык.»

Полезные ответы

• «Десктоп, Chrome. Навожу на «Каталог» — ничего не раскрывается. Кликаю — попадаю на витрину. Хочу «Ноутбуки → Игровые», но вижу только общий раздел. Нужны 3–4 клика и прокрутка, чтобы дойти до подкатегории.»
• «Мобильный, iOS. Открываю бургер, список длинный. Чтобы попасть в «Беспроводные наушники», сначала захожу в «Аудио», затем ещё один экран. Ожидал увидеть подкатегории сразу в выпадающем списке.»
• «Ищу «Женская обувь → Зимние». Меню не даёт углубиться. Захожу в «Обувь», потом фильтрую. На это ушло около минуты. Потеряла контекст из‑за баннеров, которые перебивают путь.»
• «B2B-каталог. Раздел «Кабельная продукция». Нет раскрытия типов прямо в меню. Я не знаю терминов на уровне фильтров, ожидал видеть структуру подкатегорий, чтобы понять различия.»
• «Сделал 5 кликов вместо двух, чтобы попасть в «Смартфоны → До 6"». Без выпадающих подкатегорий не понимаю, где “короткая дорога”.»

Решение проблемы

• Сначала разложите каталог. Зафиксируйте дерево разделов: 1–2 уровня для массовых товаров, 3 — только там, где иначе нельзя. Уберите дубли и маркетинговые псевдокатегории из навигации.
• Выберите паттерн. Для десктопа — мега-меню с группами и заголовками, до 12–15 ссылок в первом экране. Для второго уровня — правый столбец или колонка расширения. На мобильном — аккордеоны с явным «назад» и сохранением позиции.
• Покажите популярные подкатегории. В каждом пункте первого уровня дайте 5–8 самых востребованных ссылок. Остальное — по кнопке «Все разделы».
• Обозначьте ожидания. В пункте меню добавьте стрелку/иконку раскрытия. Наведение — открывает; клик — тоже открывает, не уводит на витрину. На тач‑устройствах — первый тап раскрывает, второй открывает раздел.
• Сделайте доступным. Поддержите клавиатуру (Tab, Esc, стрелки), фокус, aria‑атрибуты, логичную табуляцию. Контраст и крупные интерактивные зоны.
• Ускорьте. Загружайте содержимое меню лениво, но без «прыжков»; держите кэш; следите, чтобы мега‑меню открывалось <150 мс и не скакало при прокрутке.
• Свяжите с фильтрами. Ссылки подкатегорий ведут на предварительно отфильтрованные списки, а не на общий каталог. Пользователь должен попадать «сразу в нужное место».
• Уберите шум. Баннеры и промо — только внутри мега‑меню в виде компактных текстовых ссылок. Без больших изображений, которые отвлекают от маршрута.
• Протестируйте крайние случаи. Длинные названия, 2–3 уровня, отсутствие подкатегорий, маленькие экраны. Проверьте «мышь», «тач», «клавиатура».
• Внедрите метрики. Снимайте клики по пунктам меню, время до первого просмотра подкатегории, глубину перехода, возвраты к «Каталогу». На этих данных поддерживайте чистоту структуры.

Гипотезы для роста конверсии

• Если добавить в мега-меню популярные подкатегории первого уровня, то конверсия в просмотры списка товаров может увеличиться за счёт того, что путь до нужного раздела сокращается до одного клика.
• Если на мобильном заменить плоский список «Каталога» на аккордеоны с сохранением позиции и кнопкой «назад», то конверсия в добавление фильтров может увеличиться за счёт снижения потерь при переключениях между уровнями.
• Если в пунктах меню показать ярлык «Новое/Хиты» как отдельные подкатегории, то конверсия в просмотры карточек может увеличиться за счёт быстрой навигации к высокоинтересным сегментам.
• Если сделать клик по пункту первого уровня раскрывающим, а не ведущим на витрину, то конверсия в переход к подкатегориям может увеличиться за счёт устранения лишнего экрана.
• Если связать ссылки подкатегорий с преднастроенными фильтрами (ценой, брендом, типом), то конверсия в добавление в корзину может увеличиться за счёт попадания пользователя сразу в релевантную выборку.