8.5. Схема сайта

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

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

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

Схему сайта можно нарисовать в одной из следующих форм:

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

• гребешковая схема полезна для протяженных рабочих об­ластей (с большинством электронных документов лучше работать, если они растут в длину, а не в ширину) со структурной схемой скорее глубокой, чем широкой (рис. 22).

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

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

Рис. 21. – Пример древовидной схемы

8.6. Логическая схема страницы

Логическая схема (или схема страницы) является базовым эскизом отдельной страницы, на котором отображаются элементы страницы, их взаимосвязь и их сравнительная важность. Во многом она похожа на каркас скульптуры, на который затем накладывают глину: он придает форму и обеспе­чивает поддержку /3/.

Как делается логическая схема

1. Вначале нарисуйте рамку в центре листа бумаги.

2. Добавьте глобальные элементы.

3. Добавьте в страницу уникальные элементы. Обозначайте следующее:

• степень их важности;

• какие из них динамические (если такие есть);

• являются ли они текстом или элементом графического интерфейса.

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

1 Организационная схема - совокупность структуры сайта (разбиение содержания по разделам и страницам) и средств навигации, помогающих найти нуж­ную страницу. То есть то, что обеспечивает порядок на сайте. Синонимы: «организация сайта» и «структура сайта».

42