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

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

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

Для ответа на подобные вопросы вы составляете макет каждой Web-страницы (он должен быть уникальным). Макет, показанный является схематическим пред­ставлением страницы. Как дизайнеру, для создания макета страницы мне удобно использо­вать программу Illustrator или Freehand, однако информационные архитекторы обычно пред­почитают приложение Microsoft Visio, которое они также применяют для разработки карты сайта.

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

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