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

Понятно, что структура сайта прежде всего зависит от его направленности, то есть сайт корпорации не может иметь тех же разделов, что и скажем персональная страница, типа «Любимые фотографии» или что-то подобное (корпорации правда разные бывают, но в общем понятно, я думаю).

Структурированная информация имеет много приемуществ. Во-первых, её удобно дополнять и обновлять; во-вторых, к ней легче добраться посетителям (да и редакторам тоже!). Но всё это при условии, что структура организована разумно, и в то же время достаточно просто для понимания. В общем, вывод очевиден:

навигация по сайту должна (в идеале) отражать структуру имеющейся на нём информации

К тому же, названия пунктов меню, ссылок должны ну хоть как-то отвечать теме той страницы, на которую ведут. Если ссылка ведет на форум, то так и напишите «Форум», а не «Пообщаемся?» или тому подобное. Ведь общаться можно по-разному — форум, чат, электронная почта, обычная почта, ну телефон, наконец.

Как алтернативный вариант, можно рядом написать, что ссылка ведет на форум, или склепать хитроумный скрипт с подсказкой для ссылки. Можно, конечно, но если подумать: а зачем? В последнее время у дизайнеров складывается странное мнение, что чем сложнее и навороченнее, тем лучше, тем профессиональнее сделана работа. «Вот — как бы говорит дизайнер заказчику — какой я крутой, как я умею!»

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

А всё потому, что склепать десяток страниц, и навесить на них бесплатный апплет из комплекта поставки какого-нибуть HTML-редактора, украсив всё такой же картинкой, намного проще, чем действительно создать дизайн — организовать информацию в чёткую и слаженную структуру, потом вкусно преподнести это посетителю, и, естественно, красиво оформить всё это (чтобы пользователь сразу не убежал, дёргаясь от отвращения). Именно это признаки настоящей профессиональной работы.

навигация создаётся для посетителей, поэтому удобство, доступность и простота ставятся на первое место

Но, опять-таки, бывают случаи, когда эти правила законно нарушаются. Например, если у вас на сайте три страницы — одна из них главная, вторая «about», а третья — «under construction», то о навигации можно особенно не задумываться. Если сайт — это домашняя страница, а особенно страница дизайнера, то и в этом случае шанс напороться на «хтозна шо» вместо навигации довольно велик. Но это мнение обычных пользователей, которым бывает сложно понять творческий замысел дизайнера. Это вообще особый случай, ведь такой сайт скорее является произведением искусства, которое не предназначено для широких мас и понять которое сможет далеко не каждый (да не каждому, надо заметить, это и нужно).

Но если рассматривать общий, информационный сайт, то удобная навигация ему особенно необходима. Хорошим решением при большом количестве информации будет создание нескольких уровней на сайте. Скажем, раздел «Программирование» можно разделить на подразделы «С++», «Visual Basic», «Pascal». Однако тот же раздел можно разделить на «Статьи», «Исходные коды», «Файлы». Но ни в коем случае не «С++», «Visual Basic», «Downloads»! Ведь в этом случае нарушается вся структура информации.

желательно разделить информацию на сайте на несколько структурных групп, а возможно и на несколько уровней

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

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

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

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

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

Но поскольку все привыкли видеть её именно слева, то стоит размещать её именно там (я прям вижу, как вы начинаете подсчитывать, в который раз уже вы это читаете). Тем более, что мышей с колесом прокрутки сейчас даже больше, чем обычных. Кстати, у меня возникла неожиданная мысль: а может, именно эти сайты с «левой» навигацией подтолкнули дизайнеров из Logitech (или там Microsoft, не знаю) создать подобное средство для прокрутки текста?

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

Кстати, ничто не мешает использовать комбинированные решения из этих двух типов. Так, например, как это сделано на «MY SITEZ». Никогда не стоит ограничиваться старыми, скучными и избитыми решениями (если только это — не общепринятые правила, как например, правила пунктуации и орфографии :), всегда нужно экспериментировать. Именно в таких экспериментах часто рождается истина.

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

Перейти к рубрике --> WEB-мастерская