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

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

Принципы хорошей навигации

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

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

3. Используйте принцип “чем меньше переходов по ссылкам для достижения необходимого результата, тем лучше”. Хорошим тоном считается, что можно достичь любой страницы вашего сайта не более чем за три клика.

4. Думайте как посетитель. Самой распространенной проблемой в веб дизайне при разработке навигации является то, что разработчик не думает, как будет удобней посетителям его сайта, а разрабатывает навигацию исключительно так, как удобно ему. Помните, вы не эталон среднестатистического посетителя.

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

Разработка хорошей первичной навигации

Навигация слева.

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

Данный вид навигации наиболее широко распространен, так как в основном пользователи привыкли читать текст слева направо.

Верхняя навигация.

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

Навигация справа.

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

Хорошая вторичная навигация

Те ссылки и связи, которые не принадлежат к первичной навигации, относятся к вторичной. Как правило, это такие элементы навигации как “Контакты”, “О компании”, “Карта сайта”, “Ссылки” и т.п.

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

Внутренние связи

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

Чрезмерно запутанная навигация и ее причины

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

1. Ссылки должны быть короткими и интуитивными. Посетитель должен легко понять, куда он попадет, если нажмет на какую-либо ссылку.

2. Первичная навигация не должна состоят более чем из 6-7 ссылок. Все остальные менее важные элементы, используйте во вторичной навигации.

3. Используйте единый графический или текстовый стиль в первичном навигации. Дизайн веб навигации должен вписываться в общий дизайн сайта.

4. Если вы используете графический или javascript ссылки, по возможности предоставьте посетителям альтернативу в виде текстовый ссылок. Некоторые люди, например, отключают графику или блокируют javascript.

5. На каждой странице должно быть разумное количество ссылок. Страницами с 20-30 ссылками намного труднее пользоваться, чем страницами с 10 ссылками. Лучший подход – использование вторичной навигации, которая будет различной в зависимости от того, в какой раздел сайта перешел посетитель.

6. Посетитель всегда должен знать, где в настоящий момент от находится на сайте. Каждая страница должна иметь свое собственное описание и заголовок.