Новомодные варианты навигации по сайту
Навигация – это различные приемы, способы и элементы на сайте, которые помогают пользователю ориентироваться на странице и переключаться между разными разделами и страницами сайта.
То есть, это такой себе путеводитель по сайту. Вот как на дороге мы ориентируемся благодаря знакам, вывескам и указателям — вот так и здесь все. Куда повернуть, куда зайти, чтобы найти нужное, подсказывают ссылки, кнопки, всплывающие подсказки и многое другое.
Есть ряд уже традиционных способов организации навигации по сайту: верхнее меню, боковое меню, ссылки внутри текста (да, это тоже элемент навигации). Но есть и сравнительно новые, а то и вовсе инновационные подходы к данному вопросу. Разберем некоторые из них.
Меню-гамбургер
Да, это те самые три черточки, под которые прячется меню. Все знают – нажми на них, и откроется больше. Иногда три черточки заменяются на три точки. Когда меню открыто, оно принимает вид списка, закрыть который можно, нажав на крестик.
Этот подход к организации меню изначально был разработан и использовался только на мобильных устройствах. Постепенно этот значок перебрался жить и на полноценные версии сайтов, которые предназначены для просмотра с компьютера.
Почему? Потому что очень хочется на главном экране оставить больше места для цепляющего заголовка и большой картинки. Одним словом, меню в итоге не ворует место у контента и не отвлекает от основного – от изучения предложения.
И как не ругались поначалу маркетологи всего мира на такой подход, мол, пользователям ничего не понятно – гамбургер живет на сайтах дальше, и всем все понятно.
Боковая навигационная панель
Все новое – хорошо забытое и обновленное старое. Боковое вертикальное меню – одно из первых с появлением интернета вообще. Им никого не удивишь.
Но сегодня этот вариант меню приобрел новый вид, новое дыхание. Это не прост список ссылок сбоку – это элегантная навигационная панель.
Чем хорош такой подход? Пользователь сразу видит логотип, затем его взгляд плавно перемещается к меню. И все разделы сайта сразу перед глазами, без необходимости искать три черточки или другие иконки. Если дизайнер хорошо продумает вид главного экрана (как на примере выше), получается очень красиво – раз, функционально – два.
Можно также увидеть вариант, когда боковая панель все-таки прячется и открывается со стороны при нажатии на стрелку или другую иконку.
«Липкая» навигационная панель
А эта удобная штука позволяет оставить на виду необходимые пункты меню и другую информацию. Появляется при прокрутке страницы вниз.
С помощью такой панели пользователь легко может перейти в другой раздел сайта, позвонить, написать вам, заказать обратный звонок – все зависит от того, какие элементы вы разместите на этой самой панели.
Использовать данный элемент можно как на мобильной версии сайта, так и на полноценной – и в этом его прелесть.
На сегодня закончим знакомство с навигационными элементами, но это еще не все. У меня еще есть:)
Используете ли вы какой-то из этих вариантов на своем сайте?
seohead.pro
