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

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

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

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

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

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

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

Структура навигации неразрывно связана с типом сайта, его направленностью. Так для текстово-информационного сайта с объемными материалами хорошо подходит развернутое меню линейного характера (со слабым рубрицированием страниц). С другой стороны, для развлекательного ресурса с большим количеством мелких текстов или рисунков требуется более детальная рубрикация и, возможно, перебор материалов внутри каждой рубрики. Таким образом, мы пришли к третьему правилу построения системы навигации на сайте: "Система навигации сайта должна соответствовать типу сайта". Сравните два сайта: "Библиотеку мастера" - ресурс, состоящий в основном из больших текстов, и "Парад уродцев" из одних картинок - у этих двух сайтов принципиально разная навигация.

Однако легко сказать "должна соответствовать, но из чего выбирать-то? А выбирать, на самом деле, есть из чего.

1. Меню

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

К сожалению, действительно удобным можно считать только такое меню, где перечислены все страницы сайта, но для ресурса объемом более 50 страниц это уже предоставляется малореальным. Частично решить эту проблему помогает раскрывающиеся системы меню, основанные на относительно простом Java скрипте (его можно взять в специальном архиве), но даже и в этом случае предел наступает в районе 100-120 страниц сайта. Пример удачного меню можно посмотреть на "Обозрении рулетки" - здесь все страницы сайта выложены на одном пространстве меню, и пользователь сразу видит, какие материалы он может найти на этом сайте. Это пример небольшого информационного сайта, для которого идеально подходит подобная система навигации.

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

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

2. Поисковая система.

"Поиск - это по взрослому, это сложно" - могут сказать многие, а, на самом деле, ничего сложного в этом нет. Если вы не в состоянии по тем или иным причинам установить поисковый скрипт у себя на сервере (см. статью "Обзор CGI скриптов. Часть 2"), то можно просто воспользоваться бесплатным сервисом Jandex"a, который, кстати, действительно очень здорово понимает русский язык.

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

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

3. Карта сайта.

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

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

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

4. Вертушка (выпадающий список меню).

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

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

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

5. Перебор страниц.

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

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

6. Пиктографическая система.

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

Одним из лучших, на мой взгляд, примеров применения пиктографической система навигации является сайт RLE. Здесь сочетается и удобство и информативность и при этом сохранен дизайн сайта.

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

(материалы из сайта "Библиотека Мастера")