"Как вы относитесь к "липким" (sticky) меню? Например, как на фейсбуке, меню следует за вами. Но одновременно оно занимает место на странице и может отвлечь, особенно если это не соц. сеть к которой все привыкли"
- Как у многих интерфейсных решений, у "липких" меню есть и плюсы, и минусы.
Главные страницы в большинстве социальных сетей сегодня — это бесконечные ленты постов с автоматической подгрузкой контента. Везде пользователь взаимодействует с лентой новостей без постраничной навигации.
Что будет делать пользователь социальной сети, если закрепленного меню на странице не будет? Ему придется листать страницу до самого верха, что из-за бесконечной подгрузки постов может занять много времени [1]. Если сайт недостаточно оптимизирован, то браузер может зависать, что усложнит задачу еще сильнее. Если не хочется закреплять полное меню, проблему может решить кнопка «Наверх» или аналогичная ей.
Закрепленное меню помогает пользователям ориентироваться на сайте: они меньше теряются при переходам по страницам [2], особенно если закрепленное меню показывает им, в каком разделе они находятся [3]. В одном исследовании было показано, что закрепленное меню ускоряет навигацию по сайту, а вариант страницы с таким меню кажется более предпочтительной [4].
Каким должно быть закрепленное меню?
Во-первых, оно не занимает бОльшую часть экрана, не отвлекает внимание пользователя от основной рабочей области. Это особенно важно при создании версии сайта, адаптированной под мобильное устройство.
Во-вторых, оно должно показывать пользователю, в каком разделе он сейчас находится, и при этом пользователю важно об этом знать. Для этого нужно понимать, какие пункты меню является самыми востребованными — или чего не хватает пользователям, которые пролистали страницу до самого конца. Нужны ли эти пункты меню на всех страницах? Должны ли они быть постоянно на виду? Каких инструментов не хватает под рукой при работе с сайтом? Ответы на эти вопросы помогут понять, нужно ли именно вашему проекту такое решение, и что в этом меню должно быть.
——
Сcылки:
[1] https://www.nngroup.com/articles/menu-design/
[2] https://www.clicktale.com/resources/blog/the-3-golden-rules-of-sticky-navigation/
[3] https://www.nngroup.com/articles/in-page-links/
[4] https://www.smashingmagazine.com/2012/09/sticky-menus-are-quicker-to-navigate/
Post #211
1.12K