Меню: плюсы и минусы скрытого меню разделов сайта

Eduard Fayzullin ⚡️
Conversant
Published in
3 min readNov 26, 2020

В основе хорошо продуманной навигации лежит меню разделов веб-сайта, которое располагается на всех страницах и выполняет 2 основных функции:

  1. Позволяет пользователям легко переключаться между разделами сайта, независимо от текущего местоположения;
  2. Позволяет пользователям, зашедшим не через главную страницу, сориентироваться.

В последнее время всё чаще встречаются сайты, на которых применяется раскрывающееся меню, которое скрыто под кнопкой “Каталог”. Так, например, сделано на сайте Garmin.

Раскрывающееся меню с категориями товаров скрыто за кнопкой “Каталог”, garmin.ru

С одной стороны, такой подход выглядит логичным и упрощает работу дизайнеру. При таком подходе не нужно умещать все разделы меню в полосе на главной странице. Но в ходе тестов стало ясно, что пользователи впервые зашедшие на сайт Garmin посчитали, что на данном сайте представлены только часы. Хотя на сайте, помимо часов есть также, навигаторы, эхолоты, экшн-камеры, видеорегистраторы и другие товары. Часть пользователей этого не увидела.

В поддержку скрытого меню, часто ссылаются на крупнейший сайт в области электронной коммерции Amazon. Ведь в Амазоне все нововведения тестируются перед внедрением.

Раскрывающееся меню с категориями товаров скрыто за кнопкой “Все”, amazon.com

И действительно подход с скрытием разделов меню уже достаточно давно применяется на сайте Amazon и это не влияет на конверсию. Но это не означает, что подобный подход будет работать и на других сайтах электронной коммерции. Потому что Amazon существует очень давно, хорошо узнаваем и продаёт практически все категории товаров, именно поэтому им сложно вынести какие-то разделы в меню. Не все компании (даже крупные), предлагают такое количество товаров на сайте и потому нуждаются в информировании пользователей в большей степени. Ниже пример того, как в меню на сайте Эльдорадо, расположено меню. Учитывая то, что Эльдорадо продаёт большое количество товаров, то в меню вынесены самые популярные товарные категории, а остальные скрыты в раскрывающемся меню под кнопкой “Каталог” в самом начале меню (слева).

Раскрывающееся меню за кнопкой “Каталог” дополнено популярными разделами в меню, eldorado.ru

Истинная цена сокрытия меню навигации становится очевидной, если посмотреть не на главную страницу сайта, а на внутренние, например, на страницу товара. Довольно часто пользователи попадают прямиком на внутренние страницы сайта, минуя главную. Например, пользователь искал видеорегистратор в поисковой системе Яндекс/Google и кликнув по ссылке в результатах поисковой выдачи оказался на странице товара.

Меню с категориями товаров отсутствует на внутренних страницах сайта, garmin.ru

В случае отсутствия или скрытого меню, становится непонятно:

  • Куда попал пользователь из вне?
  • Есть ли другие продукты из той же категории на сайте?
  • Есть ли другие категории товаров на сайте?

Навигация по сайту в этом случае осложняется и для того, чтобы найти ответы на эти вопросы, пользователю потребуется проделать гораздо больше работы, чем при наличии меню на сайте. Но что ещё хуже, часть пользователей просто уйдет с сайта, посчитав, что других товаров/категорий на данном сайте нет. Поэтому меню желательно размещать на всех страницах сайта.

Точка роста конверсии: используйте меню на всех страницах сайта

В данной статье рассмотрена лишь одна точка роста конверсии. Узнать ещё 100+ точек роста конверсии и UX-исследований можно в электронном учебнике Conversant.

--

--

Eduard Fayzullin ⚡️
Conversant

Основатель + исследователь + автор + спикер