Принципы построения навигации на сайте
Очень много веб строителей, особо не задумываясь, располагают в ряд кнопки, или делают длинные списки ссылок. И все это называется «навигационная система сайта». Однако это не совсем соответствует действительности. Ведь посетитель сайта стремится с максимально возможной скоростью добраться до нужного материала.
По сайту можно перемещаться с помощью графических и текстовых ссылок. Передвижение по сайту подразумевает реализацию навигационной системы, которая обычно находится либо сверху экрана, либо сбоку, либо и там и там. Внизу страницы обычно этого не делают.
Произведем краткий обзор, где лучше размещать навигационные меню, и что лучше использовать графику, или текст.
Виды навигации:
1. Самая простая навигация это текстовые ссылки. Обычно это от одного до пяти слов, которые показывают, куда мы можем прийти, перейдя по этой ссылке. Основные преимущества текстовых ссылок это правильность отображения во всех браузерах и высокая скорость загрузки. Очень легко производить масштабирование и редактирование. Поисковые системы лучше работают с текстовыми ссылками. Среди недостатков можно назвать невозможно, добиться точного размера, поскольку разные браузеры по-разному отображают те или иные шрифты. Для удобства можно добавить дополнительную информацию, которая будет отображаться, допустим, в строке состояния.
2. Графические ссылки можно условно разделить на две основные категории это кнопки и графические карты.
2.1. Графические карты представляют собой отдельный графический элемент, который разделен на участки, которые являются ссылками. Среди преимуществ можно выделить то, что графические карты смотрятся довольно эффектно. Они служат довольно мощным средством общения с пользователями. Главный недостаток состоит в том, что если пользователь отключит загрузку изображений в браузере, то такие ссылки бесполезны. Их просто не будет видно. Еще среди недостатков можно отметить то, что при редактировании, скорее всего, придется полностью переделывать карту. И еще такие ссылки для поисковых систем ничего не значат. Вывод, при заходе на сайт, где используются графические карты, пользователи на некоторое время будут ошеломлены, но нельзя на графические карты полагаться как на единственное средство навигации. К тому же следите за размерами. Иначе возможно ваш сайт будет грузиться ну очень долго.
2.2. Графические кнопки визуально более описательны, по сравнению с текстовыми ссылками и более гибкие и быстрые в загрузке по сравнению с графическими картами. У графических кнопок нет недостатка фиксирования ссылок, как у графических карт. Для каждого нового раздела сайта необходимо делать новую кнопку. Желательно применять ALT теги, чтобы при отключенной загрузке изображений, можно было все равно перейти на нужную страницу. Если вы планируете осуществить навигацию по двадцати и более пунктам, то лучше об использовании кнопок забыть.
Панель навигации лучше располагать вверху страницу. Это говорит посетителю, какие разделы сайта имеют приоритет по отношению к другим. Но только постарайтесь не размещать меню в самом верху страницы, так как при этом пользователь может просто не заметить ссылки и начать спускаться вниз, в безуспешных попытках найти навигационную панель в других местах.
Меню в нижней части страницы довольно удобная штука, поскольку обычно чтение заканчивается внизу страницы. Однако эта область остается невидимой пока страницу не прокрутят до нужного места. И если пользователь зашел на любую страницу, и ему не понравилось по каким-либо соображениям информация, расположенная на этой странице, то он может покинуть ваш сайт, так и не добравшись до меню, где возможно и находится, тот материал, который ему нужен.
В случае расположения навигационной панели с какой-либо стороны на странице, то ее практически сразу видно посетителю. Как позиционировать панель навигации на странице остается на усмотрение создателя сайта, но нужно внимательно следить, за тем, чтобы меню всегда располагались на всех страницах в одном месте. Не нужно сбивать посетителей с толку.
Некоторые мысли и замечания. Не пытайтесь удивить посетителя внезапно появившейся навигационной панелью. Он вполне может решить, что попал на другой сайт и уйти. Старайтесь вкладывать в свою систему навигации как можно больше информации описательного характера. Не нужно заставлять пользователя делать лишние движения мышью. Все страницы должны быть доступны не более чем за четыре перехода. Идеальным случаем для небольшого проекта будет доступ ко всем страницам с главной страницы.
Прислушивайтесь к посетителям. Потому, что успех вашего сайта зависит непосредственно от них. Вот и все.