Навигация решала многое в древние времена. Возьмем тех же викингов. Если в команде кто-то хорошо разбирался в навигации, то вероятность добраться с берегов Норвегии до Исландии была намного выше.
Кому-то везло меньше. Многие так и сгинули в море, уйдя слишком далеко. Кто-то даже выиграл из-за своих ошибок, открыв новые земли. Но это единицы, среди моря людей, сгинувших в холодных водах.
Задача хорошей навигации на сайте – облегчить передвижение посетителя. И в этом как раз поможет так называемая «липкая» навигация, известная больше в качестве «Sticky Menu». Она определенно сделает жизнь посетителя сайта легче. Но есть один подвох: в некоторых случаях она действительно может привести его вместо Исландии в Гренландию…
Что это такое?
Это навигации, которая следует за посетителем даже в процессе прокрутки. Как работает обычная навигация? Она отображается в шапке сайта. Но если мы прокрутим сайт вниз, то меню уйдет из поля зрения. Для компьютеров это не так критично, а вот на мобильных устройствах может быть не очень удобным решением:
«Липкая» навигация следует за прокруткой и всегда отображается в самом верху. Поэтому посетитель в любой момент может перейти в новый раздел без возвращения в самый верх сайта.
Соответственно, преимущество такой навигации:
- Она всегда на виду. Упрощается взаимодействие с сайтом (т.е. мы несем пользу посетителю)
- По данным Smashing Magazine посетители взаимодействуют с такой навигацией на 22% быстрее (проще сориентироваться в навигации)
- Опрос, проведенный, Smashing Magazine показывает, что большинство пользователей предпочитают именно «липкую» навигацию. Она кажется им удобнее
Хороший пример
Сайт Rodolph Cecelestin– отличный пример «липкой» навигации. Обратите внимание, как меняется шапка при переходе навигации из фиксированного состояния в динамичное. Уходит центральная часть, которая в этом случае отвечает за «логотип».
(исходное положение)
(прокрутка)
Ключевой момент – простота самой навигации. Липкая навигация отлично работает, когда у вас немного пунктов меню. Если у вас большой корпоративный сайт с десятками разных услуг, то такая навигация скорее перегрузит посетителя. А вот если вы продаете что-то одно (с вариациями), то стоит присмотреться к подобному решению.
Призыв к действию вместо навигации
Естественно, не только навигация может следовать за прокруткой. Это может быть и призыв к действию – кнопка заявки, телефон для связи. Такой вариант подойдет любому сайту. Но продумывать его необходимо с учетом расположения остальных призывов на странице. Если у вас есть яркий призыв в боковой колонке или в конце продающего текста, то, вероятно, делать еще и «липкий» не стоит.
Почему?
Будет слишком много призывов, перекрывающих друг друга. В любом случае этот момент нужно тестировать на каждом сайте в отдельности. Каждая аудитория ведет себя по-разному в данном случае. И наличие на сайте «липкой» навигации следует обсуждать с дизайнером. Потому что он должен предусмотреть общую структуру сайта и остальные призывы. Все должно соотноситься.
Когда же использовать «липкую» навигацию?
Наличие «липкой» навигации необходимо предусмотреть на начальном этапе проектирования сайта. Я бы рекомендовал руководствоваться следующим:
- Вы продаете одну услугу (снимаете свадьбы, например). Возможно, что с несколькими вариациями или дополнительными услугами (не добрым десятком)
- На сайте будет 4-6 разделов
- Навигация располагается в самом верху
- Вам выгодно, если посетитель будет активно перемещаться по сайту (зайдет не только на целевую, но и в портфолио, отзывы и т.д.)
Если на все эти пункты ответ утвердительный, то можно делать «липкую» навигацию. Она точно не помешает и облегчит пребывание на сайте.
