Client intelligent loyal. Наши услуги: сайты, мобильные приложения, брендинг и айдентика, IT-консалтинг.

Принципы создания эффективной навигации на сайте


Навигация — это система перехода по страницам сайта. С ее помощью посетитель может быстро найти нужную ему информацию, например, прайс или каталог товаров. Если навигация будет сложной или громоздкой, то посетители быстро уйдут с ресурса. Особенно важно правильно настроить переход для сайтов-визиток и интернет-магазинов — это влияет на количество продаж.

Особенности навигации на сайте

Основа эффективной навигации — правильная структура. Не стоит создать простой перечень разделов:

  • история компании;
  • системные блоки;
  • клавиатуры;
  • жесткие диски;
  • доставка.

В таком перечислении нет логической связи и пользователь потратит время на поиск нужного ему товара. Поэтому выдерживают иерархию и переходят от общего к частному, например:

  • компания — в этот раздел добавляют историю организации и вакансии;
  • продукция — товары распределяют по категориям (системные блоки, комплектующие, периферия и т.п.), потом еще сортируют по типам);
  • доставка;
  • оплата.

Навигация должна быть единой для всех страниц — это касается расположения меню и элементов оформления. Например, если есть набор кнопок, который ведет на разные страницы, то активную выделяют цветом.

Важно сделать навигацию предсказуемой. Так, если используется выпадающие меню и на кнопке нарисована стрелочка вниз, то логично предположить, что при нажатии на нее появится блок. Если он просто выделится цветом — это непонятно и пользователь растеряется. Можно добавить текстовые подсказки или шкалу прогресса. Второй вариант подходит для случаев, когда пользователь последовательно заполняет несколько форм или отвечает на вопросы. Желательно сделать навигацию контрастной и очень заметной, тогда ее будет легко обнаружить на сайте.

Перед началом создания сайта с нуля нужно задуматься о перспективах. В дальнейшем может увеличиться объем информации, а значит нужно оставить место для добавления элементов. При разработке важно представить основные пользовательские сценарии поведения и реализовать их. Путь до нужного раздела делают максимально коротким.

Akita блог
Mr. Akita

Главный редактор блога it-Akita.com