Оба меню рабочие: наведите курсор на пункт — панель раскроется, клик по пункту зафиксирует её, чтобы можно было открыть оба варианта разом и сравнить. Закрыть — Esc или клик по пустому месту страницы. Под каждым десктопным меню — его мобильная версия, тоже рабочая. Разница только в разделах «Решения» и «Отрасли»; «Тарифы», «Клиентам», «О компании» и «Истории успеха» в обоих вариантах одинаковые.
Панель показывает всю глубину структуры: восемь групп «Решений» с 34 страницами внутри, пять групп «Отраслей» с 17 страницами. Любая страница — в один клик из любой точки сайта.
Три уровня вложенности. Раздел раскрывает список групп, группа — список страниц. Заголовок группы работает как ссылка на страницу-рубрикатор, шеврон рядом — как переключатель: две зоны, две задачи.
Полный список «Решений» — 42 строки в развёрнутом виде: посетитель прокручивает экран целиком, чтобы дойти до «Оборудования».
Панель показывает верхний уровень: восемь рубрик «Решений» и пять «Отраслей», каждая — с подписью о том, что внутри. Конечные страницы живут на странице рубрики.
Два уровня вместо трёх. Раздел сразу показывает рубрики — тот же список, что и в десктопной панели. Конечные страницы открываются уже на странице рубрики.
Развёрнутые «Решения» занимают восемь строк вместо 42 — раздел виден целиком без прокрутки. «Клиентам» и «О компании» в обоих вариантах одинаковые: у «Дополнительных услуг» вложенность остаётся.
| Параметр | Вариант A | Вариант B |
|---|---|---|
| Ссылок в меню | 78 | 27 |
| Высота панели «Решения» | 720 px | 283 px |
| Высота панели «Отрасли» | 539 px | 250 px |
| Что читает посетитель | 34 строки в четырёх колонках | 8 плиток с пояснением |
| Кликов до конечной страницы | Один | Два: рубрика, затем страница |
| Мобильное меню | Три уровня аккордеона, «Решения» — 42 строки | Два уровня, «Решения» — 8 строк |
| Ноутбук 1366 × 768 | Панель не помещается, нужен скролл внутри неё | Помещается целиком |
| Внутренняя перелинковка | 34 страницы получают сквозную ссылку | Сквозную ссылку получают 8 рубрик |
| Главный риск | Стена текста: посетитель не дочитывает | Лишний шаг: рубрика должна точно называть содержимое |
Прототип встроен в файл — интернет нужен только для загрузки шрифтов. Если меню не помещается в окно, прокрутите его по горизонтали.