Создание карты сайта

Набросок, который вы создали для Web-сайта, можно преобразовать непосред­ственно в карту сайта (site map). Такая карта поможет с визуализацией струк­туры будущего Web-сайта, которая называется архитектурой информации. Для создания карты сайта нужно, используя ваш набросок, преобразовать каждую группу элементов и ее подпунктов в блок-схему. Блоки связать линиями со стрелками для обозначения возможных переходов по сайту. Создание карты сайта— очень важный этап проектирования. В ходе последующей разработки вы часто будете обращаться к созданной карте. Если вы работаете верстальщиком, можете представить себе карту сайта, как набор поли­графических значков, который вы создаете для составления содержимого брошюры.

Для преобразования наброска в карту сайта выполните следующую последовательность действий.

1. Возьмите большой лист бумаги.

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

Для построения карты сайта на компьютере можно воспользоваться программным пакетом Inspiration или программой Microsoft Visio. Эти программные инструменты позволяют быстро создавать блок-схемы. Существуют и специализированные программные средства для дизайнеров — это Illustrator или Freehand (лично я пользуюсь последней про­граммой), С помощью этих программ можно украсить карту сайта собствен­ным логотипом.

2. Обозначьте прямоугольниками каждую Web-страницу.

Начиная с главной страницы, изобразите в виде прямоугольников каждую Web-сфаницу сайта. Расположите прямоугольник главной страницы наверху листа бумаги. Затем, начните с новой строки и на­рисуйте прямоугольник для каждого названия группы элементов навигации (для главных, вторичных и дополнительных).

3. Добавьте прямоугольники для групп элементов.

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

4. Пронумеруйте элементы блок-схемы.

Важным моментом является нумерация каждого прямоугольника. Это необ­ходимо для того, чтобы впоследствии можно было легко сослаться на соот­ветствующий элемент, указав его номер, а также связать прямоугольники между собой по индексу относительно главной страницы (более детально о данной операции рассказано ниже). Назначьте главной странице номер 1.0. Группам элементов навигации присвойте номера 2.0, 3.0, 4.0 и т.д. В пределах каждой (руины пронумеруйте прямоугольники, как 2.1, 2.2, 2.3 и т.д. Для второго уровня навигации (Web-страниц, идущих после внутренних страниц) используйте номера 2.1.1, 2.1.2, 2.1.3 и т.д.

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