Цель вашего сайта - общаться с вашими клиентами так же эффективно, как если бы они разговаривали с вами напрямую. Ваш сайт - это ваша витрина, продавец, менеджер и ваш сильнейший цифровой актив. И он не сможет выполнить ни одну из этих функций без интуитивно понятной навигации.
В этом блоге мы коротко расскажем об основных типах навигации и самые распространенные ошибки, которые лучше избегать.
Почему это важно
Основная цель навигации на вашем сайте - облегчить посетителю поиск информации. С точки зрения бизнеса, правильная навигация по сайту помогает вашим посетителям принимать решения. Построив правильное меню и интерфейс в целом, вы будете лучше контролировать процесс покупки в вашем интернет-магазине, выбирать как, когда и контент показывать посетителям, вести их по нужным для достижения ваших бизнес-целей маршрутам.
Качественная навигация очень важна для SEO. Google и другие поисковые системы рейтингуют страницы по множеству показателей, важнейший из которых - взаимодействие и поведение пользователя на вашем сайте. Если посетитель сайта не сможет быстро найти на сайте то, что он спрашивал у поисковой системе, скорее всего он уйдет к конкурентам. И наоборот, найдя то, что нужно, он проведет на вашем сайте больше времени.
Показатель отказов, время сессии и глубина просмотров сайта - одни из главных индикаторов эффективности работы любого сайта. Плохая навигация может сформировать у вашего потенциального клиента плохое впечатление и негативный опыт от пребывания на сайте, а это может непосредственно повлиять на вашу прибыль.
Основные типы навигации
Теперь, когда мы убедились в важности навигации, давайте рассмотрим ее наиболее распространенные типы, которые вы можете использовать на своем сайте.
- Прокрутка / нажатия (скроллинг / клик)
- Меню и подменю (классическое меню)
- Иконки, изображения и кнопки
- Ссылки в контенте страницы (перелинковка)
Прокрутка на первый взгляд может показаться способом просмотра информации на сайте, поведением, а не формой навигации. Но очень часто именно она определяет выбор дизайна при отображении контента вашего сайта. Самый яркий пример - популярные ныне одностраничные сайты (Лендинге). Основная причина популярности - сенсорный интерфейс смартфонов и планшетов. Ключевая задача в этом типе навигации - правильно определиться, какая информация будет доступна пользователю при прокрутке вниз по основной странице, а какая - отображаться при нажатии пункта короткого (!) Меню или по кнопке.
Классическое иерархическое меню - это, вероятно, первый тип навигации по сайту, который приходит на ум большинству людей. Как правило, оно предполагает структурную навигацию - помогает пользователю перемещаться вверх и вниз по всей иерархии вашего сайта.
Верхнее и боковое меню, раскрывающиеся списки, карусель или контент с боковой прокруткой, а также меню области большого пальца (для мобильного / сенсорной версии сайта) являются одними из самых популярных, и такими, какими большинство интернет-пользователей привыкли пользоваться. Тип меню, который вам лучше использовать на своем веб-сайте, и то, где вы их размещаете, полностью зависит от объема информации, вашей целевой аудитории и ваших целей.
Иконки, изображения и кнопки также чрезвычайно популярными формами навигации. Кликабельны изображения часто используются на целевых страницах. Они привлекательны и удобны при навигации на мобильных устройствах (если вы когда-нибудь пытались нажать на ссылку в мелком тексте на странице во время серфинга по телефону и оказались на неправильной странице, вы понимаете, о чем мы).
Кнопки позволяют выделить нужную для вас информацию, подтолкнуть пользователя перейти на нужную страницу, расставить акценты.
Наконец, иконки - один из самых универсальных типов навигации. Большинство пользователей Интернета понимают, что значок шестеренки содержит настройки, а значок корзины ведет на страницу оформления заказа. Иконки - это универсальные инструменты навигации, которые помогают посетителям быстро сориентироваться на вашем сайте.
Ссылки в тексте, перекрестные ссылки, рекомендации - это стандартная форма навигации, которая не требует больших усилий с вашей стороны. Они помогают пользователям перемещаться вглубь вашего сайта. Одним из распространенных применений является ассоциативная навигация: & laquo; если вам нравится этот контент, нажмите пересмотреть этот похож контент & raquo ;. Сюда же относится содержание, внешние ссылки на другие ресурсы и перенаправления на другие целевые страницы или содержание сайта
Типичные ошибки и фейл навигации сайта
Нам в Laconic Design часто приходится исправлять чужие ошибки, проводя редизайн сайтов. Поэтому мы решили выделить ТОП-5 самых распространенных ошибок в навигации сайта:
- непонятная навигация. Меню вообще отсутствует как таковое, не идентифицируется на странице, или его пункты не соответствуют адресам назначения. Вызывает улыбку, но, к сожалению, бывает не до смеха;
- слишком много меню на странице - последствия неправильного структурирования информации, ее лишнего дробления и детализации. Мешает пользователю определиться со следующим шагом;
- перегруженное меню - перекликается с предыдущим пунктом, но связано больше с неудобством восприятия;
- цель не ясна - назначение меню должно быть понятным и соответствует цели. То есть кнопка & laquo; купить & raquo; должна вести на страницу оформления заказа, а не куда-нибудь еще;
- отсутствие удобной мобильной версии сайта (и меню). Очень критична в нынешних условиях и очень распространенная ошибка.
Отметим, цель качественной навигации - помочь людям быстро и легко найти решение проблемы или потребности, которые привели их на ваш сайт.
