Графическая нотация для документирования информационной архитектуры и взаимодействий пользователя с веб-сайтом

История развития документа

Версия 1.1b (06 Марта 2002)

OmniGraffle 2.0 - первое приложение, которое поставляется с встроенной поддержкой VisVocab. Сейчас OmniGraffle предустанавливается на все Apple Power Macs и PowerBooks. Можно так же загрузить с сайта Omni.

Версия 1.1 (31 Января 2001)

Добавлен элемент «набор файлов»

Добавлен элемент «условный селектор»

Модифицирован элемент «стрелка», можно использовать несколько указателей (arrowheads)

Модифицирован элемент «кластер», теперь этот элемент используется только в нисходящем потоке от условной ветви или селектора

Модифицирован элемент «условная ветвь», элемент может принимать значение «пусто» (null)

Улучшения в библиотеках символов

Новая библиотека для Adobe InDesign

Версия 1.0 (17 Октября 2000)

Первая версия документа

Предисловие переводчика

Большое влияние на перевод этого текста оказала книга А.Леоненкова «Самоучитель UML», многие термины и словарные конструкции использованы мной в том же смысле, что и А. Леоненковым. Вообще, эта книга является ключом к правильному пониманию графической нотации для моделирования ИА и способов взаимодействия пользователя с сайтом.

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

Предисловие

Графическая нотация — это набор символов, используемых для визуального моделирования чего-либо (обычно системы, структуры или процесса). Нотация, представленная здесь, может быть использована информационным архитектором или дизайнером взаимодействий (Interaction Designer) для того, чтобы описать на высоком уровне абстракции информационную архитектуру и/или процесс взаимодействия пользователя с веб-сайтом.

Эти описания (диаграммы) разрабатываются для пяти основных аудиторий:

Спонсоры проектов и менеджеры проектов используют диаграммы, чтобы получить общее представление о структуре и форме проекта.

Редакторы используют диаграммы, чтобы определить требования к содержанию (информационному наполнению) проекта.

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

Веб-Технологи используют диаграммы, чтобы определить функциональные требования.

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

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

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