Вся Аттика была погружена в глубокую печаль. С Крита от могущественного царя Миноса прибыли послы за данью. Тяжела и позорна была эта дань. Афиняне должны были каждые девять лет посылать на Крит семь юношей и семь девушек. Там их запирали в громадном дворце Лабиринте, и их пожирал Минотавр, ужасное чудовище с туловищем человека и головой быка.
Боги и герои Древней Греции

Древние были мудры, что спорить! Как вы наверное уже догадались, в этой статье пойдет речь о Лабиринте. А вернее о том как НЕ сделать свой сайт похожим на Лабиринт! Непросто это... Тесею помогла Ариадна, которая дала ему клубок ниток, вашим посетителям не поможет никто кроме вас! К сожалению, для написания этой статьи мифов Древней Греции мне не хватило, на свой скудный опыт особо рассчитывать мне тоже не приходиться, поэтому я ознакомился с некоторыми ресурсами по этой теме и вашему вниманию предлагаю коктейль из наиболее полезных и интересных, на мой взгляд, советов, рекомендаций, конечно же все в моем личном изложении. Материала оказалось очень много, поэтому я планирую несколько статей по этой теме. Фундаментом того, что вы сейчас читаете, послужила серия статей о навигации Nav 101, автор: Charlie Morris. Эти статьи я нашел на сайте The Web Developer's Virtual Library, а сами статьи вы сможете найти здесь. Советую почитать - я не буду досконально переводить их, я просто взял за основу некоторую часть изложенных принципов, поэтому если заинтересуетесь, то загляните туда - там найдете много интересного! Итак приступим...

С чего начинается сайт?

Если вы помните, то наш герой, Вася Пупкин, любит шляться по Интернету. Зачем это ему надо, знает только он - может картинки непристойные рассматривает, эмпэтришки и программки ломанные скачивает, а может он ищет русскую документацию по SSI, все это не имеет большого значения, пока он не придет на ваш сайт. Вваливается он к вам и глазенки его шальные быстренько, в одно мгновенье осматривают дело рук ваших. "Так, что тута у нас есть?" - спрашивает он себя вслух. И наипервейшая ваша задача сделать так, что бы до Васьки, независимо от уровня его интеллекта, дошло как можно быстрее, что же у вас тут есть, и почему это интересно для Него.

Если у вас там такая входная страница, что он сразу впадает в ступор (Памела Андерсон?), то думать он будет чуть дольше, но это не спасет вас! Если он придет в свое обычное состояние, и сообразит, что на сайте тут непонятно что, то уйдет он очень быстро. Донесите до своих посетителей, что они найдут на вашем сайте!

Возможно вы спросите причем тут навигация? Расмотрим это несколько иначе: сайт ваш выглядит неплохо, посетитель знает, что найдет тут что-то интересное, а вот как найти это интересное он не знает! Что сделает Вася? Потыкав что-то кнопкообразное, и увидев несколько не то, на что рассчитывал, он, ругнувшись, подумает, что попал не туда, что его накололи и ничего здесь нет. Кроме того, хорошая навигационная панель сама по себе дает краткую информацию о том, что есть на сайте. Я сказал "хорошая", потому как может быть и плохая, а она плохая если:

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

2. Если названия на кнопках/ссылках вашей навигации непонятны. Это больше относится к крупным сайтам, а не к тем, которые состоят из двух страничек. Видим кнопку "Интересно?" - нажимаем. Да, действительно интересно! Потом видим другую кнопку "А на крыше?" Да, и на крыше интересно, а потом начинаются мучительные вспоминания: "Где же я это видел? В "интересно" или "на крыше", а может во вступлении?" Тут стоит придумать или что-то логичное, или обыденное, понятное для всех. Все-таки это не рекламные кнопки, где мы пытаемся заинтриговать, удивить, затащить посетителя - он уже тут, теперь надо чтоб он остался. Это моя болезнь - какое-то нездоровое хобби называть кнопки непонятно как, лечусь...

3. Не делайте много кнопок! Да, это на первый взгляд кажется нелогичным, но желая сделать все понятным, и вынося для каждого тематического раздела свою кнопку в основную панель, вы можете только подпортить себе. Я несколько раз встречал упоминания, что человек без усилий, интуитивно, а значит легко, ориентируется в 7-10 объектах. Звучит коряво, но тем не менее, рекомендации делать не более семи кнопок, я встречал. Посмотрите сами, многие сайты также пытаются придерживаться этого правила. Лучше объединить несколько разделов в один, чем вываливать 30 кнопок - мол, копайся сам! Если ну очень надо сделать больше кнопок, то лучше сделать еще одну панельку, или выделить как-то кнопки разнах разделов (например, кнопки разделены названием разделов, а те выделены другим цветом).

4. И конечно же, панель навигации НЕ должна смотреться как нечто из другого мира! Это и так всем понятно, но я решил напомнить еще - к кнопкам это тоже относится! Другой важный момент - это объем рисунков ваших кнопок. Если ваша панелька будет грузиться ооочень долго, то посетитель, не дождавшись, будет кликать по тому месту где когда-то появится кнопка, ПОЭТОМУ НЕ ЗАБЫВАЙТЕ ВСЕ КНОПКИ СНАБЖАТЬ ALT пояснением. Вдруг кто-нибудь графику отключит?
< img src="http://gdetotam.ru" width=88 height=31 alt="Архив" border=0 >
Вообще это надо проделывать для всех рисунков!

Берегите Мышь: меньше кликов - дольше срок службы!

Так... С плохой навигационной панелью (как я ее вижу) разобрались - идем дальше! Конечно же, сейчас я скажу про золотое правило "Двух кликов". Есть такое правило: что с любой страницы сайта на другую страницу этого же сайта можно было бы попасть всего два раза нажав кнопку. Это - идеал, и к этому надо стремиться. За два-три клика посетитель должен добраться до того, что ему нужно. Конечно все тут зависит от сайта: если существует множество разделов, подразделов, то этого достичь невозможно, соблюдая вышенаписанные правила о навигационной панели. В этом случае, в вашей навигации обязательно должна присутствовать кнопка, которая ведет на страницу, содержащую все основные разделы (Home, Главная, Домой - называйте как хотите, про эту страницу я говорю). Посмотрите на Yahoo! - с любой страницы этого сайта вы можете перейти на его основную страницу. А так, для небольших проектов, идеальным решением является принцип "каждый с каждым", т.е. когда из любого раздела вы можете перейти в другой, нажав по соответствующей кнопке.

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

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

страницы: 1 2

Статьи по теме: