Глава 6. Проектирование структуры сайта
Несмотря на то что многие программы — генераторы страниц и сайтов — предлагают готовые шаблоны, разработка структуры сайта, а особенно структуры веб-издания — задача, которую должны решать сами разработчики проекта, не перекладывая ее ни на веб-дизайнера, ни тем более на провайдера. Готовым шаблонам также доверять не стоит.
Правильная организация структуры сайта является одним из главных условий успеха проекта. Это следует из того, что структура информации, а не сама информация в большей степени определяет коммуникативные возможности проекта, т.е. качество информации.
От структуры зависят также удобство навигации и легкость дизайна редакции сайта, его пополнения и добавления разделов. При этом организация навигации зависит не непосредственно от физической структуры узла, а только опосредованно. В этом смысле структура достаточно универсальна, переносима и масштабируема. Перечислим базовые структуры узлов и рассмотрим, когда их предпочтительнее использовать.
Типы структур
Плоская структура (звездная или полносвязная).Имеется головной документ (домашняя страница), который имеет ссылки на все остальные документы узла. Такую структуру имеют многие домашние страницы и корпоративные узлы «визитки». Под узлом «визиткой» подразумевается некий узел, имеющий типичные страницы: «О компании», «Наши услуги», «Как с нами связаться», «Наши партнеры», «Наши клиенты». Подобная структура имеет смысл для узла, насчитывающего не более 15 документов.
Линейная структура (последовательная).Она представляет собой серию последовательно связанных документов, в каждом из которых имеются только ссылки «Вперед» и «Назад». Используется для простых презентаций, больших целостных текстов и учебников. Ее использование оправдано, если смысл документа в середине цепочки не ясен или его получение нежелательно без предыдущих документов. Посещение ресурсов, обладающих такой структурой, подобно пролистыванию книги от страницы к странице. Но точно так же как и книгу мы не всегда читаем последовательно, посетитель может захотеть сразу попасть на интересующую его страницу, поэтому линейную структуру следует применять только в очень небольших пределах, которые можно быстро пройти до конца.
Древовидная структура.Повторяется физическая структура узла, соответствующая файловой структуре дерева документов. В своем строгом виде она не используется нигде, так как существуют петли, нарушающие древовидность. Древовидная структура служит базой для организации сложной структуры практически всех крупных узлов.
Комбинированная структура. Подавляющее большинство крупных узлов: будь то каталог, корпоративный узел или информационный узел — организованы следующим образом.
Верхний уровень (домашняя страница, группа вспомогательных документов, индексы разделов) организован как плоская структура.
От заголовков разделов исходят древовидные конструкции, объединяющие документы, относящиеся к этим разделам, часто имеющих ссылки только на своих прямых «родственников» и «родителей». Листьями этих деревьев могут быть отдельные документы, плоские или линейные структуры.
Чтобы решить, какую структуру должен иметь узел, необходимо разобраться не только в том, что должно содержаться на нем, но и рассмотреть все возможные и невозможные сценарии развития узла на несколько лет вперед. Недооценка возможностей развития узла часто приводит к необходимости его полной реструктуризации з будущем.
Таким образом, структура сайта — это одновременно и карта его развития.
Навигация.Навигация по узлу — механизм, позволяющий посетителю найти то, что вы хотите ему показать. От понятности системы навигации по узлу, продуманности ее элементов зависит, достигнет ли посетитель своей цели или уйдет, так и не разобравшись, что тут есть. Удобная навигация заставляет посетителей возвращаться на ваш сайт, так как они знают, что с легкостью найдут необходимый материал.
Организация домашней страницы.Одним из основных элементов навигации является домашняя страница узла. Эта страница, показывается при запросе корня сервера, например: http://www.Moft сайт.ги/. Как правило, домашняя страница хранится в файле index.htm или index, html.
Заставка.На некоторых узлах встречается особый тип домашней страницы — страница-заставка. Такая страница не несет никакой информационной нагрузки и зачастую не содержит текста, только графику. В те времена, когда не существовало серверов, автоматически перекодирующих русский текст, главной ее целью было предоставление возможности выбора варианта кодировки русского текста. Теперь эта необходимость отпала, но страницы заставки остались. Функционально они еще используются как ключи, например выбор режима «только текст» или «без фреймов», но и эти функции постепенно теряют актуальность. На заставку возлагается функция, аналогичная функции обложки журнала: минимум информативности, максимум иллюстративности, но с учетом скорости загрузки. Заставка, вообще говоря, не является домашней страницей, а только входом в нее. Роль собственно домашних страниц выполняют презентационные и информационные домашние страницы.
Презентационная домашняя страница. Презентационная страница обязательно создается изданием. Она красиво оформляется, часто почти целиком состоит из графики и имеет малое количество ссылок, показывающих обобщенную структуру сайта. Такая страница, как правило, должна помещаться на один экран.
Информационная домашняя страница. Информационная страница, наоборот, создается с использованием минимума графики. Она содержит большое количество информации, занимающей до четырех экранов. Ее главная задача — продемонстрировать посетителю обилие информации, имеющейся на узле, или представить всю наиболее актуальную информацию.
Карта сайта (тар). Это основной элемент навигации, который может быть размещен как на домашней странице, так и на отдельной странице. Задача карты сайта, как и любой другой карты, наглядно показать структуру информации, размещенной на сайте.
Меню и кнопки «Вперед», «Вверх», «Назад». На каждой странице сайта обычно размещают панель навигации. В простейшем случае — это кнопки «Вперед», «Вверх», «Назад», в более сложных случаях — это фрагмент карты сайта или карта сайта полностью. Существуют разные технологические решения панелей навигации, используются фреймы, раскрывающиеся списки, поиск и т.п. В любом случае навигационная панель — это способ управления посетителем, следовательно, элемент логического дизайна сайта.
Контекстные ссылки. Это ссылки, которые встречаются прямо внутри текста. Они могут пояснять некий термин или фразу, указывать на другую страницу или другой ресурс. Конечно, не следует утяжелять документ чрезмерным количеством контекстных ссылок, но контекстная ссылка — это именно то, что превращает ваш текст в гипертекст.