Глава 6. проектирование структуры сайта

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

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

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

Типы структур

Плоская структура (звездная или полносвязная). Имеется голов­ной документ (домашняя страница), который имеет ссылки на все остальные документы узла. Такую структуру имеют многие домаш­ние страницы и корпоративные узлы «визитки». Под узлом «визит­кой» подразумевается некий узел, имеющий типичные страницы: «О компании», «Наши услуги», «Как с нами связаться», «Наши партне­ры», «Наши клиенты». Подобная структура имеет смысл для узла, насчитывающего не более 15 документов.

Линейная структура (последовательная). Она представляет собой серию последовательно связанных документов, в каждом из которых имеются только ссылки «Вперед» и «Назад». Используется для про­стых презентаций, больших целостных текстов и учебников. Ее ис­пользование оправдано, если смысл документа в середине цепочки не ясен или его получение нежелательно без предыдущих докумен­тов. Посещение ресурсов, обладающих такой структурой, подобно пролистыванию книги от страницы к странице. Но точно так же как и книгу мы не всегда читаем последовательно, посетитель может за­хотеть сразу попасть на интересующую его страницу, поэтому линей­ную структуру следует применять только в очень небольших преде­лах, которые можно быстро пройти до конца.

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

Комбинированная структура. Подавляющее большинство круп­ных узлов: будь то каталог, корпоративный узел или информацион­ный узел — организованы следующим образом.

Верхний уровень (домашняя страница, группа вспомогательных документов, индексы разделов) организован как плоская структура.

От заголовков разделов исходят древовидные конструкции, объе­диняющие документы, относящиеся к этим разделам, часто имею­щих ссылки только на своих прямых «родственников» и «родителей». Листьями этих деревьев могут быть отдельные документы, плоские или линейные структуры.

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

Таким образом, структура сайта — это одновременно и карта его развития.

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

Организация домашней страницы. Одним из основных элементов навигации является домашняя страница узла. Эта страница, показы­вается при запросе корня сервера, например: https://www.Moft сайт.ги/. Как правило, домашняя страница хранится в файле index.htm или in­dex, html.

Заставка. На некоторых узлах встречается особый тип домашней страницы — страница-заставка. Такая страница не несет никакой ин­формационной нагрузки и зачастую не содержит текста, только графику. В те времена, когда не существовало серверов, автоматически перекоди­рующих русский текст, главной ее целью было предоставление возможности выбора варианта кодировки русского текста. Теперь эта необходи­мость отпала, но страницы заставки остались. Функционально они еще используются как ключи, например выбор режима «только текст» или «без фреймов», но и эти функции постепенно теряют актуальность. На заставку возлагается функция, аналогичная функции обложки журнала: минимум информативности, максимум иллюстративности, но с учетом скорости загрузки. Заставка, вообще говоря, не является домашней страницей, а только входом в нее. Роль собственно домашних страниц выполняют презентационные и информационные домашние страницы.

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

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

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

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

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

Советы по организации домашних страниц

1. Актуальная информация должна быть представлена на первом экране; если ее много, используйте анонс со ссылкой.

2. Элементы навигации (меню) должны быть стандартными или легко узнаваемыми.

Панели навигации должны находиться на одном экране.

3. Домашняя страница показывает посетителю то, что есть на сайте и ничего больше.

4. Домашняя страница должна занимать максимум 30—40 Кбайт, иначе посетитель не дождется, пока она загрузится.

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

6. Принимайте по возможности нестандартные решения.

Принципы построения системы навигации

Навигация узла подразделяется на две части — глобальную и ме­стную. Глобальные «магистрали» должны позволять посетителю бы­стро перемещаться из одной опорной точки узла в другую, а местные «дорожки» — легко перемещаться в пределах одного раздела или группы документов.

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

Целесообразно элементы локальной навигации визуально отде­лять от элементов глобальной, но так, чтобы они в то же время вы­глядели как единое целое.

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

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