Выпуск №73. Удобная и понятная навигация на сайте
Сегодня мы разберемся, каким образом термин «навигация» применим к сайтостроению, и поговорим о том, как правильно организовать навигационную систему вашего сайта.
Навигация
Навигация – это набор приемов и средств, которые позволяют посетителю вашего сайта свободно на нем ориентироваться и быстро находить нужную ему информацию.
Элементы навигации
Логотип
- является ссылкой на главную страницу
- присутствует на всех страницах
Меню (основная навигационная панель)
- структурирует основное содержание сайта
- горизонтальное меню не должно иметь огромного количества пунктов; если их много, то лучше использовать иерархию
- нельзя забывать, что выпадающее меню кроме эффектности и экономии места на сайте, может иметь низкую наглядность и неэффективность
- вертикальное меню лучше разместить справа, т.к. данная зона наиболее активна на сайте
- обязательно должно присутствовать на всех страницах
Панель иконок (пиктограммы)
- вспомогательная инструментальная панель
- кнопки для сохранения адреса сайта, страницы (добавить в избранное, сделать стартовой)
- указания на функциональные и навигационные элементы сайта (на главную, карта сайта, корзина заказов)
- оформляется привычными графическими иконками
- лучше добавить описание иконки с помощью атрибута alt
Карта сайта
- нужна каждому сайту
- содержит рубрикатор всех разделов и подразделов сайта
- экономит время и усилия посетителя
Навигационная строка («хлебные крошки»)
- показывает «где мы сейчас находимся»
- позволяет вернуться на нужное количество шагов
- идентифицирует место документа
Поисковая форма
- обязательный атрибут на сайте
- помогает пользователю быстрее найти необходимую ему информацию
Дополнительные ссылки по теме, ссылки внутри текста
- выделенные текстовые блоки или слова в тексте, позволяющие разместить дополнительную информацию
Нижний колонтитул
- если документ не помещается в один экран, то внизу можно поместить ссылку Наверх
- иногда целесообразно разместить внизу облегченную версию меню
Внутренняя баннерная система
- реклама на месте продажи
- комплект анимированных баннеров с самыми актуальными предложениями на страницах сайта заставит пользователя обратить внимании на ту информацию, которую вы хотите ему преподнести
Внутренняя перелинковка
- связывание страниц одного сайта между собой
- не нужно усложнять структуру, используя вложения дальше третьей страницы, потому что это может затянуть процесс индексации, да и пользователю будет труднее ориентироваться на сайте
- входящих ссылок на страницу должно быть больше, чем исходящих
- для разделов Новости и Статьи можно использовать ссылки Следующая /Предыдущая
Ajax навигация
- увеличивается скорость перехода по страницам, потому что загружается только часть страницы, на которую совершается переход
Общие принципы навигации
Все должно быть четко и ясно
Пользователь должен понимать логически выстроенную структуру сайта. Каждый элемент должен нести смысловую нагрузку.
Навигация предполагает удобство
Поиск информации, структурированной по разделам, будет более удобен для пользователя, чем в огромном текстовом файле.
Узнаваемость
Пользователь не должен искать нужные ему ссылки, они должны быть узнаваемыми для него.
Стиль должен быть сохранен
Все элементы навигационной системы должны быть в стиле сайта, обеспечивая этим ее успешность.
Связь с дизайном
Все элементы навигации должны одновременно вписываться в композицию и в то же время быть достаточно эффективными, удобными и интуитивно понятными, не раздражая пользователя явным указанием на свое предназначение.
Скорость получения нужной информации
Пользователь должен потратить минимальное количество времени на ориентирование и понимание того, где он находится. Это зависит не столько от скорости загрузки страниц, как от того, насколько правильно настроена система навигации внутри сайта.
Способы улучшения навигации
- Не забывайте о традициях: среднестатистического пользователя оттолкнут инновационные дизайнерские решения и нестандартные решения навигации на сайте.
- Предлагайте очевидные решения: элементы навигации должны носить описательный характер и содержать в себе то, что ожидает пользователь. Кроме этого, не забывайте, что это еще и SEO-контент.
- Не перестарайтесь: устрашающее выпадающее меню вносит беспорядок, что может отпугнуть пользователя. Старайтесь использовать и другие элементы навигации, не только меню.
- Помните, что «Краткость – сестра таланта»: не отягощайте навигационную панель лишними элементами.
- Придерживайтесь стандартов: при создании навигационной системы всегда используйте ссылки. Использование просто изображений без альтернативного текста является плохим выходом, так как в оформлении должен присутствовать текст в стандартной, привычной для пользователя форме.
- Будьте последовательны: не забывайте, что первый и последний пункты стандартной панели навигации всегда воспринимаются как наиболее важные , а также то, что просмотр элементов меню начинается в направлении слева направо, из чего можно сделать вывод, что ссылки с наименьшим индивидуальным эффектом привлечения внимания пользователя всегда будут находиться в центре навигационного меню
- Давайте возможность всегда вернуться назад: нужно, чтобы у пользователя было несколько вариантов возвращения, а не только нажатие Назад в браузере.
Вывод
Для того чтобы понизить количество уходов со страниц вашего сайта, делайте его, в первую очередь, удобным для посетителя, а лишь потом только привлекательным. Посмотрите вокруг, поищите свои решения организации навигации на сайте. Ведь ваш сайт уникален! Он достоин того, чтобы посетитель приходил снова и снова.
6 сентября 2013