Вебдизайн: книга Джесса Гарретта
Глава 5. Уровень структуры
В проектах с большим объемом иерархически организо
ванного контента эффективным способом документирова
ния архитектуры могут оказаться простые многоуровне
вые списки. В некоторых случаях для отражения нюансов
сложной архитектуры потребуются электронные таблицы
и базы данных.
Однако самым главным инструментом документирования
информационной архитектуры и проектирования взаимо
действия является схема. Визуальное представление струк
туры — наиболее эффективный способ разобраться в от
ветвлениях, группах и взаимосвязях компонентов сайта.
Структура веб сайта по сути своей достаточно сложна, и ее
словесное описание, вероятнее всего, просто никто не ста
нет читать.
На заре существования Сети такие схемы назывались
картами сайта, однако это словосочетание используется
также для обозначения конкретного средства навигации
по сайту (которое подробно описывается в главе 6), поэто
му, говоря об инструменте описания структуры сайта, сей
час лучше использовать термин архитектурная схема.
Эта схема вовсе не обязана документировать каждую ссыл
ку на каждой странице сайта. На практике подобный уро
вень детализации в большинстве случаев только сбивает
читателя с толку и заслоняет информацию, действительно
необходимую команде разработчиков. Гораздо важнее до
кументировать концептуальные связи: какие категории
сгруппированы, а какие остаются сами по себе, как согла
суются шаги в данной процедуре взаимодействия и т. п.
Техника, которую я создал для отражения структуры сай
тов в схемах, называется Visual Vocabulary. С тех пор как
в 2000 году я разместил ее в Сети, ее приняли в качестве ра
бочего инструмента информационные архитекторы и про
ектировщики взаимодействия во всем мире. Вы можете
больше узнать о Visual Vocabulary, загрузив образцы схем
и средства для их создания с моего веб сайта www.jjg.net/
ia/visvocab/.
115
Visual Vocabulary —
это техника для
построения схемы
любой архитектуры,
от простейшей (вверху)
до очень сложной
(внизу).
Подробности см. на
сайте www.jjg.net/ia/
visvocab/
Поскольку проектирование взаимодействия и информаци
онная архитектура лишь недавно появились в сфере опыта
взаимодействия, в командах веб разработчиков по преж
нему, как правило, никто не отвечает за эти области явным
образом. В свете этого неудивительно, что так мало веб
сайтов могут похвастать продуманностью своей структуры.
Глава 5. Уровень структуры
Ответственность за структуру часто ложится на чьи то
плечи по умолчанию, а не в результате обдуманного реше
ния. Выбор ответственного нередко совершается в зависи
мости от культуры организации или от природы проекта.
На ранних этапах развития Сети создание и поддержка
сайта обычно становились еще одной задачей имеющегося
технического персонала. В организациях, где изменения
происходят медленно (или ресурсы ограничены), такая си
туация, похоже, сохранилась и доныне. При разработке
нагруженных контентом сайтов, а также в организациях,
где присутствие в Сети изначально мыслилось как марке
тинговая деятельность, ответственность за определение
структуры сайта передавалась группе подготовки контен
та, издательской группе или отделу маркетинга. В органи
зациях с развитой внутренней технической культурой или
с руководством, получившим техническое образование,
ответственность за структуру сайта обычно возлагалась на
менеджера проекта по созданию веб сайта.
Любой проект выиграет от наличия выделенного специали
ста, отвечающего за вопросы структуры и работающего на
полной ставке. Иногда такая должность называется про
ектировщик взаимодействия, но чаще — информацион
ный архитектор. Пусть названия не вводят вас в заблуж
дение: хотя некоторые информационные архитекторы дей
ствительно специализируются на создании организацион
ных схем и навигационных структур для контента сайтов,
в большинстве случаев информационный архитектор имеет
определенный опыт и в проектировании взаимодействия.
На практике некоторые сотрудники на должностях инфор
мационных архитекторов в большей степени являются спе
циалистами в области проектирования взаимодействия.
Возможно, в вашей компании не найдется достаточно ра
боты для штатного информационного архитектора на пол
ный рабочий день. Если ваши задачи по сопровождению
веб сайта по большей части сводятся к поддержке имею
щегося контента в актуальном состоянии, если помимо
полной переработки сайта раз в несколько лет никакая
117
другая разработка не ведется, содержание информацион
ного архитектора в штате вряд ли является разумной тра
той денег. Однако если вы имеете дело с непрерывным по
током нового контента и должны постоянно расширять
функциональные возможности сайта, то наличие в штате
информационного архитектора позволит вам управлять
этим процессом эффективно, то есть так, что будут удовле
творены потребности пользователей с одной стороны и до
стигнуты ваши стратегические цели с другой.
Не так важно, есть ли у вас отдельный специалист по во
просам структуры сайта, — важнее, чтобы решение этих
вопросов было кому то поручено. Ваш сайт будет иметь ка
кую то структуру независимо от того, целенаправленно вы
ее спланировали или нет. Сайты, построенные по явным
образом определенному структурному плану, как правило,
реже требуют капитального ремонта, позволяют своим
владельцам добиться конкретных результатов и лучше
удовлетворяют потребности пользователей.
Что читать дальше
Cooper, Alan. The Inmates Are Running the Asylum: Why
High Tech Products Drive Us Crazy and How to Restore the
Sanity. Sams, 1999.1
Norman, Donald A. The Design of Everyday Things. Revised
edition. Currency/Doubleday, 1990.2
Rosenfeld, Louis and Peter Morville. Information Architec
ture for the World Wide Web. 2nd edition. O’Reilly, 2002.3
Веб ресурсы: www.jjg.net/elements/resources/
1
А. Купер Психбольница в руках пациентов. — Пер. с англ. -
СПб.: Символ Плюс, 2004.
2
Норманн, Дональд А. Дизайн привычных вещей. — Пер.
с англ. — М.: Вильямс, 2006.
3
Розенфельд Л., Морвиль П. Информационная архитектура
в Интернете, 2 е издание. — СПб.: Символ Плюс, 2005.
6
Уровень
компоновки
ДИЗАЙН ИНТЕРФЕЙСА, ДИЗАЙН НАВИГАЦИИ
И ИНФОРМАЦИОННЫЙ ДИЗАЙН
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59
