DDRW / Учебный интерфейс

Одна строка. Два ожидания.

Нажмите «Каталог» и значок рядом с ним. Затем переключите вариант и сравните, куда ведёт то же действие.

Учебное демо; пользовательское исследование и рост конверсии не измерялись.

Вариант A: текст открывает категорию, отдельная кнопка раскрывает подразделы.

Учебный экран

Попробуйте меню

Здесь появится название выбранного раздела. Покупок, заказов и отправки форм в демо нет.

На узком экране макет сжимается до доступной ширины. В варианте B вся строка — кнопка высотой не менее 56 CSS px. Это решение демо, а не заявление о соответствии WCAG.