Плохо продуманная навигация – самая большая беда всех коммерческих сайтов. Именно ей мы обязаны досадно низким средним показателем конверсии в 2–3%.

«Информационная архитектура большинства сайтов никуда не годится. Это еще одно свидетельство тому, что при их разработке мнение будущих посетителей в расчет не принимается. Не удивительно, что клиенты не хотят использовать столь неудобную навигацию». Специалист по дизайну Якоб Нильсен писал эти строки много лет назад, но с тех пор почти ничего не изменилось.

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

– простой;

– интуитивно понятной;

– единообразной.

Исследования показали, что поиск и сбор информации происходит обычно по одному и тому же сценарию. В задачи навигации входит:

– сориентировать пользователя, подсказать ему, где он находится;

– указать пользователю, куда можно направиться и как вернуться обратно.

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

– Если посетители не могут быстро и легко найти нужные сведения, они уходят с сайта.

– У пользователей есть четко определенные цели и задачи. Большую часть времени они думают только о том, как их выполнить. Даже просматривая каталог, покупатели ищут конкретную вещь в определенной категории товаров.

– Если через 2–3 секунды посетитель не увидел на странице ничего стоящего, он нажимает кнопку «Назад».

– Если пользователь не понимает, зачем нужен какой-либо элемент на сайте, он не станет тратить свое время на его изучение.

– Большинство посетителей терпеть не могут отвлекаться на флеш– ролики и тому подобную анимацию, а также всплывающие окна и выскакивающую на заднем плане рекламу.

Существует множество разновидностей меню навигации. В идеале вы должны найти такую комбинацию элементов навигации, которая больше всего подойдет как вашему сайту, так и вашим клиентам. Главная цель – сориентировать посетителя и подвести его к совершению требуемого действия: покупке, подписке на услуги, телефонному звонку или к чему-то еще. Давайте рассмотрим различные меню навигации подробнее.

Иерархическое. Это меню представляет собой обычную строку, в которой слева направо перечислены разделы и подразделы, посещаемые пользователем. Между пунктами обычно ставятся стрелки. Глядя на эту схему навигации, можно вспомнить, как в детской сказке Мальчик-с-пальчик бросал на землю хлебные крошки, чтобы найти дорогу домой. Часто такое меню выглядит следующим образом:

Домашняя страница > Классические модели > Авто с открывающимся верхом (см. нижнюю часть рисунка).

Глобальное. Это меню обеспечивает доступ ко всем разделам сайта, оно содержит вкладки или выпадающие подменю. Посмотрите на наш сайт Future Now, Inc. Вкладки верхней панели навигации просты в использовании, кроме того, они видны на всех страницах сайта.

Локальное. Меню этого типа позволяет пользователю перемещаться внутри одного раздела. Оно особенно полезно для посетителей, которые нашли нужный раздел сайта через поисковую систему, но попали не на ту страницу. На нашем сайте такое меню навигации тоже имеется.

Ссылки в тексте. Это очень простая схема навигации. Вы просто размещаете в тексте соответствующие ссылки. Однако необходимо правильно назвать ссылку, чтобы пользователю было понятно, куда она ведет.

Вот неудачный пример использования ссылок: «Мы пишем роман о женщине, которая была убита». Куда приведет эта ссылка? На страницу о том, как нужно писать роман? Или о том, как создавался роман? Или пользователь сможет прочитать сам роман? Согласитесь, не очень понятно.