[МУЗЫКА] [МУЗЫКА] Мы продолжаем рассматривать пользовательскую модель формообразования сайта, которая включает в себя пять уровней: стратегия, набор возможностей, гипертекстовая структура сайта, навигация — интерфейс, компоновка страницы. Сегодня мы рассмотрим уровень гипертекстовой структуры сайта, то есть уровень систематизации всего объема информации, а также шагов, которые необходимо предпринимать пользователю для работы с информацией. Со стороны организации информационного пространства мы будем говорить об информационной архитектуре. Со стороны организации сайта как программного продукта мы будем говорить о сценариях взаимодействия. Информационная архитектура имеет отношение к реализации возможностей, связанных с представлением пользователю информации. Проектирование взаимодействия имеет отношение к реализации возможностей, позволяющих пользователю решать его задачи. После сбора и ранжирования требований на уровни и набор возможностей становится ясным то, какими данными и внутрисистемными функциями должен обладать конечный продукт. То, каким образом составляющие этого набора образуют целое здание, определяется соединением данных и отношений в гипертекст. Гипертекст — это способ организации сообщения, представление информации как сети, в которой пользователи получают свободу перемещения нелинейным способом. В соответствии с определением Анатолия Баранова, гипертекст состоит из узлов, в которых находятся традиционные тексты или их фрагменты: изображения, таблицы, видеоролики и тому подобное. Узлы связаны разнообразными отношениями. Отношения могут быть однонаправленными или двунаправленными. Цепочка узлов, через которые проходит читатель при просмотре компонентов текста, образует путь или маршрут. Разработка гипертекста как информационного пространства предполагает организацию и предметизацию информации. Разработка гипертекста как программного продукта предполагает проектирование путей или маршрутов в решении пользовательских задач. Сейчас на экране вы видите уже знакомую презентацию Ольги Наумовой, представляющую проекты студентки, созданные в рамках к курсу «Пропедевтика» под руководством Татьяны Журавской в Художественно-промышленной академии в 2008 году. Вы видите главную страницу раздела «Проекты» в таком виде, в каком она открывается пользователю. Здесь интересно совокупное представление всех проектов на одной странице таким образом как проекты, расположенные в виртуальном пространстве сайта. Последовательность расстановки иконок каждого проекта соответствует последовательности просмотра проектов пользователем при перелистывании проектов посредством кнопок «вперед», «назад». Таким образом, пользователь видит информационную архитектуру раздела и представляет сценарий взаимодействия с информацией. Такое представление информационного пространства сайта одновременно является навигацией по нему, а также в силу того, что каждая иконка является кнопкой загрузки соответствующей работы, — интерфейсом взаимодействия с информационным пространством. Теперь на экране презентация Екатерины Ерлиной. Информационная архитектура этой презентации характеризуется иерархической структурой. Презентация состоит из нескольких равнозначных разделов, в которые пользователь попадает с главной страницы. На главной странице структура не показана так явно, как в предыдущем примере. Разделы здесь проиндексированы изображениями птиц. Выбирая раздел, пользователь попадает уже в линейную структуру организацию информации, отношения между узлами которой являются двунаправленными. Сценарий взаимодействия в этой презентации предусматривает выборочный просмотр разделов через возврат на главную страницу сайта. Информационную архитектуру мы будем рассматривать, основываясь на работах Луиса Розенфельда и Питера Морвиля, на работе «Информационная архитектура в Интернете», а также на работе [НЕРАЗБОРЧИВО] «Табельный веб-дизайн». Информационная архитектура сайта, согласно этим работам, систематизирует информацию — знания, данные, сведения — в электронной среде, с которой и в которой работает пользователь. Страницы сайта составляют сеть взаимосвязанных информационных блоков. Архитектура занимается распределением этих блоков в информационном поле. Архитектура организует информацию и предопределяет навигацию по ней способом, адекватным потребностям пользователя. В построение информационной архитектуры входят, с одной стороны, организация, то есть распределение информации в сообщении, а с другой стороны, предметизация и именование, то есть обозначение информации. Розенфильд и Морвиль также включают в информационную архитектуру системы навигации и поиска. В рамках пользовательской модели мы их рассмотрим на следующем уровне. Розенфильд и Морвиль выделяют два подхода к организации информации: нисходящий и восходящий. Нисходящий подход предполагает построение информационной архитектуры на основе целей сайта и потребностей пользователя, то есть на основе стратегии: отталкиваясь от задач, которые должен решать сайт, проектировщик проводит логическое разбиение главных категорий на подкатегории и составляющие их элементы. Восходящий подход подразумевает противоположное направление действий: начиная с имеющегося исходного материала, то есть набора возможностей, разработчик группирует элементы в подкатегории и категории, чтобы выстроить структуру, удовлетворяющую целям создания сайта и потребностям пользователей. Сейчас на экране вы видите кадры с предыдущего урока, на котором показаны варианты приоритетности тем содержания презентаций студенческих проектов. Круг и вложенность тем сайта определяются на уровне набора возможностей, подбираются же темы в соответствии с целями и задачами проекта. На примере данной работы сложно определить, используется ли нисходящий или восходящий подход в организации информации. С одной стороны, все темы отвечают задаче представления проектов автора, с другой стороны, если бы в материалах не было эскизов, то и такого бы раздела в презентации не существовало. Думаю, здесь подходы сочетаются. В любом случае, приоритетность тем содержания — это одна из отправных точек для систематизации информации в информационной архитектуре. Розенфельд и Морвиль предлагают систематизировать информацию в гипертексте посредством схем организации и структур организации. Схема организации (или на языке библиотечного дела — фасет) представляет собой принцип группировки, основанный на общих характеристиках элементов содержимого. Применяют алфавитную, хронологическую, тематическую схемы, а также группировку информации по решаемым с ее помощью задачам и по аудитории. Структура организации показывает характер связей между группами элементов содержимого. Характер структуры организаций зависит от разбиения группировки информации по смыслу, а также от предполагаемых путей взаимодействия пользователя с информацией. Элементарной единицей структуры является узел, который соответствует определенному фрагменту информации. В организации гипертекста применяют линейную, иерархическую (или древовидную), матричную и органическую структуры. Линейная структура — это простейшая структура организации информации. Она характерна для небольших презентаций, в которых нужно провести пользователя по определенному пути. В линейной структуре не существует разбиения контента на уровни. Страницы располагаются последовательно, переход с одной страницы на другую осуществляется в одном «измерении». Иерархическая структура развивается в глубину по вертикали и в ширину по горизонтали. Глубина означает количество уровней в иерархии, а ширина — количество вариантов на каждом уровне. Узлы иерархической структуры имеют отношения типа «родитель — потомок». Узлы-потомки представляют более узкие понятия в пределах широкой категории, представленной узлом-родителем. Матричная структура позволяет пользователю перемещаться от узла к узлу в двух и более «измерениях» (матрица с числом «измерений» более трех сложна для представления в навигации, так как организует многомерное виртуальное пространство). Относительно легко поддается визуализации двумерная матрица, страницы которой классифицируются по темам и параметрам их рассмотрения, образуя в виртуальном пространстве своеобразную таблицу. Сейчас на экране вы видите фрагмент уже знакомой вам презентации кафедры коммуникативного дизайна Художественно-промышленной академии имени Штиглица. Структура презентации является примером матричной организации информации. В презентации дисциплины, преподаваемые на кафедре, иными словами, темы, рассматриваются по пяти параметрам: преподаватели, методика, проекты, студенты и проекты в деталях. Структура представляет собой таблицу, которая состоит из стольких строк, сколько дисциплин представлено в презентации. Ячейка таблицы — это страница. При просмотре презентации страница отображается во весь экран. В органической структуре блоки информации связываются ссылками в свободную сеть отношений не на основе определенных закономерностей, а на основе индивидуальных предпочтений автора. Структура не пытается следовать какому-либо регулярному шаблону. Узлы в ней объединяются произвольным образом. Мысленно модель такой организации сайта представить невозможно, поэтому она нуждается в специально продуманной организации навигации и интерфейса издания. В рамках системы предметизации и именования формулируются описания, заголовки, ссылки, термины — все то, что будет обозначать смысловое содержание сайта. Терминология издания разрабатывается в соответствии с требованиями непротиворечивости и ясности для пользователя. На уровне структуры издания создается так называемый словарь нормативной лексики, то есть набор стандартных терминов и обозначений, применяемых на сайте. Проектирование сценариев взаимодействий на программной стороне организации сайта — это разработка путей возможного поведения пользователя и определения того, как система, то есть сайт, будет реагировать на это поведение и приспосабливаться к нему. В задачи сценирования взаимодействия входит донесение до пользователя закономерностей функционирования программы, а также разработка интуитивно понятных и ясных с точки зрения пользователя алгоритмов исследования и использования информационного пространства собственного сценария взаимодействия. В проектировании взаимодействия выделяют три типа концептуальной модели взаимодействия. Концептуальная модель — это предполагаемое представление пользователя о функционировании системы. Модель предугадывает образ мыслей и действий пользователя. В модели места узлы сайта — это места, которые пользователь посещает: пользователю нужно отправиться на страницу, где представлена информация, например, изображение и описание проекта. На экране вы видите пример модели, в котором пользователь перемещается с главной страницы на первую, потом вторую и третью страницы раздела. В модели объекта узлы сайта — это объекты, которые пользователь получает: пользователю нужно взять объект (возможно, из группы ему подобных) и рассмотреть его. На экране вы видите пример такой модели: пользователю необходимо выбрать рисунок и как бы вынуть его из информационного пространства, кликнув на него, чтобы рассмотреть его вблизи на экране. Модель «Метафора» основана на аналогии с функционированием предметов реального мира. Например, метафоричным является представление электронного издания в форме книги, страницы которой можно листать, потянув за уголок курсором мыши. На уже знакомом вам сайте Университета общественных наук в Латвии сценарий взаимодействия пользователя с информационным пространством построен по аналогии с прохождением психологического теста, то есть здесь применяется модель «Метафора», дающая пользователю возможность узнать, какие образовательные программы предлагает университет: описать себя, поиграть и в результате получить свой профессиональный портрет. [БЕЗ_ЗВУКА]