Несколько советов о навигации на сайте
Несколько советов о навигации на сайте
Навигация - это важнейшая часть сайта и оформлять её надо соответственно: красиво и понятно.
Итак, какой же должна быть навигация на вашем сайте?
Во-первых: навигация должна быть узнаваема.
Дайте возможность пользователю с первого взгляда понять, как же управлять вашим сайтом. Просто располагайте панель управления сайтом там, где она будет сразу видна и заметна. Обычно это верхняя часть сайта, сразу после хедера. Можно использовать для навигации левую или правую части сайта, а также нижнюю его часть.
Главное, чтобы навигационная панель была хорошо видна и выделялась из общего содержания сайта. Поэтому лучше всего поместить навигационную панель в таблицу: видимую или невидимую.
Во-вторых: навигация должна быть удобна.
Довольно часто многие новички создают такую панель навигации, из которой довольно трудно понять, где и какие разделы расположены на сайте. Навигация по вашему сайту должна быть проста и понятна любому зашедшему на сайт пользователю.
Не запутывайте посетителя непонятными названиями пунктов.
Располагайте навигацию так, чтобы было понятно, что ждет посетителя в том или другом разделе сайта и называйте разделы общепринятыми словами.
Кроме того, не забывайте писать подсказки к гиперссылкам, чтобы посетитель не соображал: а куда же, интересно, ведёт данная ссылка?
Например, у Вас есть страница со статьями на тему сайтостроения. Ссылка, ведущая на эту страницу у вас называется "Статьи". Естественно, что по названию ссылки, невозможно узнать, какие именно статьи у вас там расположены.
Поэтому обязательно напишите подсказку к гиперссылке, например: "Статьи по сайтостроению для начинающих". Чтобы пользователь, подведя мышку к вашей ссылке, смог прочитать и понять, куда же ведёт та или иная ссылка, а не терять время в догадках.
И ещё: не углубляйтесь. Ваша навигация по сайту должна иметь не более трех уровней.
То есть число кликов, требуемых на то, чтобы попасть с главной страницы на любую другую, должно быть не более трёх. Иначе пользователь вконец запутается в вашей навигации и уйдет с вашего сайта восвояси, а вам оно надо?
И самое главное: обязательно проверьте работоспособность ссылок.
Ссылки должны вести на ту страницу, куда они направлены, а не показывать ОШИБКУ 404. Иначе вы рискуете потерять доверие посетителей к вашему ресурсу и прослыть нерадивым веб-мастером.
Навигация: текстовые ссылки или кнопки?
Рано или поздно перед каждым веб-мастером встаёт вопрос: какой вид навигации использовать на сайте: обычные текстовые ссылки или кнопки?
У обоих видов, естественно, есть свои преимущества и недостатки. Что ж, давайте рассмотрим обе стороны.
1. КНОПКИ.
Преимущества:
- С помощью кнопок можно создать очень красивое меню, подогнав его под тематику сайта. Что же может быть лучше классно оформленного меню, вписывающегося в общий дизайн сайта? Тут, конечно же, всё зависит от вкуса и фантазии веб-мастера. Чем искусней веб-мастер - тем лучше результат.
Недостатки:
- Медленная скорость загрузки
Любой графический элемент, в том числе и кнопки навигации, имеют свой вес. А чем больше кнопок, тем больше становится вес странички, соответственно, тем дольше ваш сайт будет загружаться. Не у каждого посетителя хватит терпения ждать, пока загрузится ваша страничка, и он может просто закрыть её и уйти восвояси, так и не узрев ваш шедевр во всей красе. Так что не забудьте оптимизировать ваши кнопки.
- Сложность изготовления кнопки.
Создание красивой качественной кнопки навигации довольно долгое и не самое простое занятие, и не каждому оно по силам. Особенно если вы плохо разбираетесь в графических программах, например, таких как Фотошоп. Правда есть одна специальная программка - "Crystal Button", которая значительно облегчит вам создание любых кнопок, от навигационных до кнопок заказа. Кстати, ссылка на скачивание этой программки находится на секретной страничке, которая доступна только моим подписчикам.
- Проблемы с отключением графики.
Некоторые пользователи во время путешествий по безграничным просторам интернета в целях экономии времени и трафика отключают в своём браузере отображение графики. Вполне естественно, что они просто не смогут увидеть вашей навигации в виде кнопок. Поэтому, если вы используете ссылки в виде кнопок, то обязательно используйте атрибут "Alt" с описанием ссылки.
2. ТЕКСТОВЫЕ ССЫЛКИ.
Преимущества:
- Текстовые ссылки очень мало весят и загружаются наравне с остальным текстом, так же быстро.
- Они создаются легко и просто с помощью стандартных тегов HTML
- При желании, всегда можно изменить свойства ссылки, то есть изменить цвет, размер, жирность и т.п.
Недостатки:
- Ограничения в выборе шрифта.
К сожалению, из огромного обилия существующих шрифтов можно использовать только несколько видов стандартных шрифтов, используемых при создании сайтов. Можно, конечно, использовать какой-либо красивый и эффектный шрифт, но где гарантия того, что у посетителя вашего сайта установлен точно такой же шрифт, и что он не увидит вместо вашей ссылки совершенно нечитаемую абракодабру?
- Эстетически менее красива.
Ну тут уж и так ясно, что текстовые ссылки явно уступают по красоте и эффектности классно сделанному меню в виде кнопок. Особенно если дизайн вашего сайта насыщен красивой графикой.
Итак, мы рассмотрели два вида обормления панели навигации, и только вам решать, какой из данных видов навигации вы будете использовать на своём сайте.
Но я хочу вам рассказать ещё об одном виде навигации, который лично я использую на своих сайтах. Это что-то среднее между двумя рассмотренными выше видами навигации. Это текстовые ссылки, внешне похожие на кнопки. Зайдите на мой сайт и вы поймёте, о чём я...
Георгий Тойгузин, автор проекта "Как Создать Сайт При Помощи Программы Microsoft FrontPage 2003", в котором излагается его собственный опыт по быстрому и лёгкому Созданию Своих Собственных Сайтов. Подробнее на:
