Навигация в Веб-дизайне

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

Существует несколько правил для разработки дизайна сайта / навигации веб-сайта:

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

Размещение элементов навигации

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

Левостороннее меню - левосторонняя навигация обычно реализуется как столбец или текстовая область в левой части страницы. Как и в верхнем меню элементы левостороннего меню могут иметь выпадающие списки.

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

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

Важные элементы навигации

Ссылки на внутренние страницы - каждая страница должна быть доступна в три клика. В зависимости от типа и целей сайта Вы должны определить важные страницы, которые должны быть доступны в один клик.

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

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

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

Хлебные крошки - это ссылки или изображения, информирующие пользователя о текущем местоположении на сайте. Как правило, размещаются в левом верхнем углу под логотипом. Каждый элемент хлебнык крошек, кроме последнего, представляет собой ссылку (Главная -> Статьи -> Разработка веб-сайта ).

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

Реклама - как правило представлена в виде баннеров, которые могут быть размещены в любом месте, но как правило в заголовке или в правой части страницы. Исследования показывают, что баннеры размещенные в части страницы, которая видна без прокрутки, являются более эффективными.

Загрузка - обычно позволяет скачать какой-либо файл с ресурса. Может быть реализовано кнопкой или текстовой ссылкой, но необходимо проинформировать пользователя об объеме скачиваемого файла, например указав размер в тексте ссылки.

Карта сайта - является хорошим инструментом представления всей структуры сайта пользователю. Карта сайта обычно реализуется как иерархический список всех доступных страниц.

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