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

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

Пришел за конкретной категорией. Вижу каталог. Кажется, просто: нажми и зайди. Нажимаю — открывается общий раздел. Подразделы спрятаны под стрелкой рядом, а я это замечаю уже после.

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

На телефоне еще страннее. Первый тап раскрывает подпункты, второй — уводит на общий раздел. Иногда наоборот. Ловлю правильный ритм, как будто учу темп чужого метронома.

Счетчик терпения тикает. Я не изучаю ассортимент, я изучаю механику кликов. В голове копится мелкая злость — мне мешают добраться до нужного.

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

Я чувствую себя человеком, которому дали адрес, но забыли номер подъезда. Дверей много, и все без табличек на уровне взгляда.

В конце я просто угадываю. И угадываю не туда. Возвращаюсь в начало, иду в поиск по сайту. Поиска нет. Возвращаюсь в каталог. Круг замкнулся.

Когда критично, а когда нет

Критично:

• E-commerce с широкой номенклатурой, маркетплейсы, B2B-каталоги с глубокой иерархией.
• Мобильный трафик, где точность нажатий ниже.
• Категории с похожими названиями, где ошибка клика ведет к потере контекста.

Не критично:

• Небольшие каталоги в 1–2 уровня с малым числом позиций.
• Контентные сайты, где навигация редкая, а главное — чтение.
• Сценарии, где пользователи приходят по прямым ссылкам в нужный раздел.

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

Опишите, что вы хотели найти, куда кликнули в каталоге в первый раз, что ожидали увидеть после первого клика и что на самом деле произошло; укажите устройство и браузер.

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

• Долго, непонятно.
• Как-то открылось, уже не помню.
• Мне неудобно, переделайте.

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

• На главной нажала “Каталог” → “Одежда”. Ожидала увидеть список “Мужская/Женская/Детская” сразу. Вместо этого открылся общий список товаров. Потратила ~10 секунд, вернулась назад.
• Навел на “Электроника”, курсор съезжает — подпункты закрываются. По клику по “Электроника” открывается страница раздела, а не подпункты. Пытался три раза, ушел в поиск.
• Жму по “Посуда” в бургере. Первый тап ничего не показывает, второй отправляет на страницу. Маленькая стрелка справа раскрывает, но по ней трудно попасть большим пальцем.
• Хотел “Спорт → Туризм → Палатки”. После первого клика ожидаю видеть “Туризм”, но загружается общая категория. Время до нужного списка увеличилось на 2–3 действия.
• Клавиатура: Tabом дошел до “Авто”. Enter открывает страницу, а не раскрывает уровень. Стрелками по разделам двигаться нельзя, потерял фокус.

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

• Сделайте правило: первый клик всегда раскрывает раздел. Никаких переходов по первому клику.
• Разделите действия. Название раздела раскрывает и сворачивает. Отдельная ссылка “Открыть раздел” ведет на страницу категории.
• Увеличьте мишени. Кликабельные зоны не меньше 44×44 px. Отступы не мешают попаданию по стрелке и названию.
• Откажитесь от hover как единственного триггера. На всех устройствах основа — клик/тап.
• Дайте мгновенную обратную связь. Иконка поворачивается, список появляется без задержек. Нет анимаций, которые тормозят.
• Держите состояние. Каталог помнит раскрытые уровни при возврате назад и при переходе между страницами.
• Настройте клавиатурную навигацию. Tab — по пунктам, Enter/Space — раскрыть, Esc — свернуть. Добавьте aria-expanded и role для скринридеров.
• Страхуйте ошибки. Повторные клики не отправляют на другую страницу. Скрипт не падает, если не загрузились дочерние пункты.
• Проверьте скорость. Подгружайте подпункты по запросу, но без видимой паузы. Не блокируйте каталог сторонними скриптами.
• Запишите события в аналитику. Раскрытие, сворачивание, переходы в подраздел — отдельные события. Смотрите, где люди застревают.
• Протестируйте. Три устройства, три браузера, медленная сеть, большой палец. Каталог должен раскрыться с первого раза у всех.

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

• Если первый клик по разделу всегда будет раскрывать подпункты, то конверсия в просмотры карточек может увеличиться за счёт того что путь до нужной категории сократится.
• Если добавить отдельную ссылку “Открыть раздел” и разделить её с зоной раскрытия, то конверсия в переходы по целевым категориям может увеличиться за счёт того что исчезнут случайные переходы вместо раскрытия.
• Если увеличить кликабельные зоны пунктов каталога до 44×44 px, то конверсия в углубление по дереву разделов может увеличиться за счёт того что пользователю станет проще попадать по нужной мишени.
• Если убрать зависимость от hover и сделать единое поведение по клику/тапу, то конверсия в достижение третьего уровня каталога может увеличиться за счёт того что мобильные и тач-пользователи перестанут терять контекст.
• Если сохранять состояние раскрытых разделов при возврате, то конверсия в добавление товаров в корзину из глубоких подразделов может увеличиться за счёт того что пользователи не будут начинать навигацию заново.