TGViewer
UsabilityLab UsabilityLab @usabilitylab · 4.88K subscribers
Post #211 1.12K
"Как вы относитесь к "липким" (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/
Nielsen Norman Group Menu-Design Checklist: 17 UX Guidelines People rely on menus to find content and use features. Use this checklist to make sure your menus do their job.
More from @usabilitylab
  1. Oct 14, 2026Больше двух лет пользователи критиковали практики Adobe на Reddit и YouTube — компания фак…
  2. Oct 8, 2026Увидел ролик в духе "Черного зеркала". Парень заходит в магазин и спрашивает у ChatGPT, чт…
  3. Oct 5, 2026🏛 Универсальный дизайн в финтехе: выступление Анны Минаевой на «Арх-Перспективе» Доступно…
  4. Oct 1, 2026Завтра - в пятницу, 2 октября, в 16:00 в зале WIND (ЦМТ, 2 этаж) — я провожу круглый стол…
  5. Sep 30, 2026В пятницу, 2 октября, наш ведущий Никита Балаховский участвует в круглом столе «Эффект Рас…
  6. Sep 30, 2026Стало доступно видео моего выступления на бизнес-завтраке платёжного сервиса А3. Там 10 се…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →