Подменю довольно тривиальный элемент интерфейса. Это вспомогательное/вложенное меню, в которое обычно включены подразделы более крупного раздела. У него есть несколько паттернов поведения. А именно:

  1. Меню «всплывает» при наведении на головной раздел
  2. Меню «всплывает» при клике на головной раздел
  3. Меню находится внутри на самой странице раздела

Остальные паттерны наследуются из текущих. Можете меня поправить если что. И вроде бы все просто, но не до конца ясно какой из этих паттернов наилучший для улучшения поведенческих характеристик сайта.

Если честно, все три варианта имеют право на равное существование. Все зависит исключительно от контекста в котором пользователь использует это меню и соответствует ли выбранный вами тип этом контексту.

Меню «всплывает» при наведении на головной раздел

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

Для чего подходит такое меню?

  • Для организации вспомогательных страниц и подразделов
  • Для осознанного выбора несвязанных опции
  • Для экономии места на экране

Недостатки:

  • Не подходит для быстрого переключения между разделами

Меню «всплывает» при клике на головной раздел

Второй тип — раскрытие при клике. Пользователь делает осознанное действие в виде клика на участке сайта и получает отклик системы в виде меню. Все просто и очевидно. Только 2 клика, чтобы добраться до чего-либо.

Это ооочень медленный тип меню. В целом, как и первый. Плюсы и минусы такие же. Тут можно добавить только одно, отсутствие эффекта всплывания при наведении гарантирует, что меню не перекроет что-либо важное для пользователя против его воли.

Меню находится внутри на самой странице раздела

Третий тип. Меню на странице.

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

Недостатки:

  • с корневых/стартовых страниц такие подменю могут быть недоступны из-за большого объема и нецелесообразности.

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


И немного про вложенность. Тут конечно больше личное мнение. Третий уровень меню — это издевательство над пользователем. Хуже только поп-ап поверх поп-апа. Это супер-неудобно. Старайтесь делать оптимальное количество разделов в одну вложенность. Пример каталог магазина «Розетка». Вроде большой и сложный, но все удалось засунуть в один уровень