Взаимодействие дизайна и контента в мультимедийных лонгридах

1. Группа «изображения», которая включает следующие элементы

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

· карикатура, форма, которая приобретает новое осмысление, поскольку в неё может быть заложена анимация и, в некоторых случаях, звук;

· инфографика, т. е. графическое представление информации, связей, числовых данных и знаний. Как правило, выделяют статичную (схема, карта и др.) и динамичную инфографику, способную меняться в зависимости от действий пользователя (слайд-шоу, видеоролик). Однако М. Лукина и Н. Лосева также выделяют такие виды инфографики, как модульная схема, оперативная 3D-реконструкция, сложная статичная схема (содержит несколько иллюстративных объектов), сложная динамическая схема, полуфункциональная 3D-реконструкция, а также flash-заметка (сборный модуль, который состоит из текста, видео, фотографий и других элементов, собирающихся в целое редактором);

· фотоленты, фоторепортажи, фотогалереи, слайд-шоу. При этом фотографии могут выстраиваться последовательно либо хаотично в зависимости от задач автора;

2. Группа «видео», к которой отнесём элементы:

· видеоиллюстрация, т. е. фрагмент видео, который имеет отношение к определенной части текста или невербального элемента. Важно, что это незаконченный сюжет;

· видеосюжет -- законченное видеосообщение, однако не содержащее факультативной информации или стендапов;

· видеоколонка, видеоочерк, видеокомментарий представляют собой варианты работы с «говорящими головами». Авторы отмечают, что этот жанр менее остальных приспособлен к онлайн-среде, поскольку является переходным к более сложным синтетическим жанрам, например, интерактивной видеоколонке;

· интерактивная видеоколонка, интерактивный видеосюжет -- видео, в которое встроены другие мультимедийные элементы;

3. Группа «аудио», включающая элементы:

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

· аудиосюжет представляет собой сообщение, в котором сочетаются текст, аудиоцитаты и смыслы;

· аудиослайд-шоу -- фотоистория, созданная с помощью технологии flash или silver light с наложением аудиофайла. Кроме фотографий, сюда также могут быть включены другие типы иллюстраций, например, карты или инфографика.

В группу медийных элементов мы не включили такие формы, как подкаст, аудиоверсия текста, потоковое видео, интерактивный видеомост, мультимедийное ток-шоу, мультискрипт, формы интерактивного инфотейнмента (викторины, турниры, flash-игры). Несмотря на то что на практике эти мультимедийные элементы в формате лонгрид нам не встречались, мы допускаем их использование. Однако отметим, что некоторые из них в большей степени относятся к сфере телевидения (мультимедийное ток-шоу, интерактивный видеомост), другие характерны для радио и онлайн-версий печатных изданий (подкасты, аудиоверсия текста).

Исследователь Д. П. Чигаев делит все медийные элементы в мультимедийных лонгридах на континуальные, т. е. сопровождающие весь вербальный ряд, и локальные -- элементы, которые сопровождают отдельные отрывки вербальной части. К первому типу он относит титульные изображение, аудио или видео, которые адаптируются к размеру экрана и являются «обложкой» лонгрида; фоновую музыку и фоновые изображения, связанные с содержанием текста на когнитивном уровне; континуальную интерактивную графику, сопровождающую весь текст. К группе локальных элементов в мультимедийных лонгридах автор причисляет те элементы, которые относятся к определённым отрывкам текста. Чигаев делит их по типу корреляций: вербальный элемент + изображение, вербальный элемент + видео без звука, вербальный элемент + видео со звуком, вербальный элемент + аудио, изображение + аудио, вербальный элемент + изображение + аудио, вербальный элемент + интерактивная графика. Отметим, что эти типы взаимодействия элементов друг с другом пересекаются в мультимедийных лонгридах не только в «чистом» виде, но и в гибридных формах. Подобное взаимодействие и позволяет достичь креолизации текста.

Однако думается, предложенное деление предполагает, что мультимедийные элементы относятся к определённому фрагменту текста и не могут быть прочитаны без связки с этим фрагментом. Мы считаем, что в некоторых случаях такое деление может быть не совсем корректно, поскольку структура лонгрида предполагает, что пользователь имеет возможность самостоятельно выбрать «путь» изучения материала. Таким образом, он может считать смыслы каждого элемента по отдельности, например, фотогалереи, аудиоинтервью или видеосюжета, и создать собственные связи, даже если эти элементы задумывались автором «в связке» с конкретным отрывком текста.

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

§ информативная функция -- разъяснение содержания вербальных элементов и дополнение отсутствующих в них сведений в виде иллюстраций, например, инфографики;

§ иллюстративная функция -- отображение характерных черт описываемого предмета или явления для большей наглядности материала;

§ интерактивная функция (контактная) -- вовлечение пользователя и стимулирование его к изучению материала;

§ функция навигации -- помощь в ориентировании в материале;

§ функция «погружения» -- передача атмосферы, эмоций материала, позволяет читателю почувствовать себя на месте событий.

Некоторые исследователи, рассмотрев комплекс медийных и вербальных элементов, попробовали классифицировать лонгриды. Так, Д. П. Чигаев предлагает отталкиваться от первичного элемента материала по аналогии с рекламными креолизованными текстами. Исходя из этого принципа, он выделяет следующие виды лонгридов:

· вербальноцентрические лонгриды, в основе которых лежит линейный вербальный элемент, на который «наслаиваются» медийные элементы. Автор отмечает, что это наиболее распространённый вид;

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

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

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

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

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

1.4 Дизайн мультимедийных лонгридов

С точки зрения вёрстки мультимедийный лонгрид в своей основе является примером первой полосы периодического издания или плаката. Убрав некоторые мультимедийные элементы (видео и аудио), ввиду технической невозможности использования их в печати, мы получим композиционно-графическую модель, которая «подчиняется» тем же фундаментальным принципам построения материала на полосе, что и в газете или журнале.

Основой для любого проекта является условный чистый лист, который в свою очередь неоднороден -- отдельные участки и направления листа имеют разный вес для взгляда. Эта закономерность была, в частности, отмечена американским исследователем искусства Рудольфом Арнхеймом. Он считал, что человек прежде всего обращает внимание и останавливает взгляд на определённых точках листа: композиционном центре и углах. Эти точки связаны силовыми линиями, которые позволяют взгляду плавно перемещаться от одной точки к другой: две диагонали, а также вертикальная ось страницы и горизонтальная линия, делящая страницу пополам. Расположение ключевых элементов на этих точках и силовых линиях, при отсутствии других акцентов, способно обратить внимание читателя именно на эти объекты и задать направление его взгляду по всей полосе.

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

Помимо акцентирования помочь читателю разобраться с материалом, расставить приоритеты в исследовании контента, отделить главное от второстепенного может визуальная иерархия. Создание визуальной иерархии достигается путем использования различного визуального веса элементов. Исследователи определяют «тяжесть» элементов как «способность притягивать внимание без специально созданных акцентов, в силу его естественных конструктивных и содержательных особенностей». Среди способов создания визуального веса выделяют:

· расположение объекта в ракурсе линейной перспективы;

· высокую степень детализации объекта;

· конфигурацию объекта на странице: объект становится более «тяжелым», когда стремится к правильной геометрической форме;

· ранжирование масштаба объектов.

Важно, что элемент становится менее или более весомым в зависимости от своего положения на странице: так, наиболее «тяжелыми» объектами станут те, что расположены в удалении от композиционного центра или силовых линий и наоборот.

Ключевую роль в дизайне мультимедийного лонгрида, как и любого другого графического произведения, играет композиция. В зависимости от соотношения и взаимного расположения элементов на плоскости она может быть симметричной или асимметричной. Исследователи выделяют три основных вида симметрии: симметрия переноса (расположение одинаковых элементов в разных областях страницы), симметрия вращения (вращение элементов относительно общего центра) и симметрия отражения (зеркальное отражение элементов). Симметрия композиции позволяет подчеркнуть равноценность и сходство элементов, она придаёт композиции устойчивость и равновесие, изображения приобретают статичность. В то же время асимметрия нарушает статичность, одновременно сохраняя ориентацию относительно оси; асимметрия несёт динамическое начало.

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

Относительно мультимедийного лонгрида ритм может выражаться в чередовании мультимедийных элементов. Так, авторы первого мультимедийного лонгрида «Snow Fall» отмечают, что стремились чередовать элементы таким образом, чтобы по мере чтения увеличивать напряженность повествования. При этом используемые визуальные эффекты должны были быть естественным продолжением чтения, что потребовало подбора подходящих цветовых палитр и скорости воспроизведения. Элементы должны были появляться только в тех местах, где одних слов недостаточно, например, при описании местности.

Создание ритма композиции также связано с понятием «группировка». Группировка создаёт взаимоотношения между близко расположенными объектами -- визуально они кажутся частью целого. Кроме того, этот приём обеспечивает повторение и ритм, облегчая композицию и усиливая роль отрицательного пространства, что создаёт впечатление визуальной упорядоченности. При группировке элементов количество «воздуха» на странице увеличивается, что позволяет обеспечить более простое и цельное видение композиции. В мультимедийных лонгридах фотографии и другие элементы также сгруппированы и, как правило, расположены близко друг к другу, что позволяет воспринимать их как часть «стержневого» элемента -- текста.

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

· манипуляции визуальным весом элементов -- обычно взгляд перемещается от более тяжёлых объектов к более лёгким (градация визуального веса);

· типографика заголовков, которая включает набор определённых маркеров привлечения внимания: заголовки разных уровней, лиды, блоки цитат и врезки, списки и сноски и другие;

· скрытая линеарность элементов композиции;

· выравнивание, при котором используется ведущая базовая линия, а элементы выстраиваются вокруг неё.

Кроме этого, при вёрстке мультимедийных лонгридов важным параметром является выравнивание элементов. Это означает упорядочивание их таким образом, чтобы элементы находились возле естественных линий и границ, которые они образуют. Обычно в такого рода проектах при вёрстке текста и других элементов используется одна колонка, однако существуют и другие модели. При этом выравнивание текста по левому или правому краю кажется более устойчивым, чем выравнивание по центру. Выравнивание создаёт впечатление единства и целостности материала, позволяя «скользить» взгляду сверху-вниз страницы.

Поскольку говоря о мультимедийном лонгриде мы подразумеваем материал, расположенный и функционирующий в пространстве веб, и мы уже частично затронули эту область дизайна, то считаем нужным сказать о базовых принципах дизайна веб-страниц. Теоретик Джесс Гарретт в своей ключевой работе «Веб-дизайн: элементы опыта взаимодействия» относит создание отдельной страницы и её частей к уровню компоновки. Он выделяет на этом уровне:

· дизайн интерфейса, к которому относит элементы интерфейса. Его задача -- предоставить пользователю возможность совершить действие;

· дизайн навигации -- отдельная ветвь дизайна интерфейса, которая занимается представлением информационных пространств. Здесь речь идёт о предоставлении возможности пользователю переходить из одного места страницы в другое;

· информационный дизайн, предназначенный для максимально понятного транслирования информации. Он позволяет донести до пользователя определённые идеи.

В мультимедийных лонгридах интерфейс, как правило, ограничивается кнопками для совершения определённого действия (например, включение видео или аудио). При этом списки, позволяющие выбрать пользователю что-либо, или текстовые формы для запроса отсутствуют. В то же время навигация также является вариативным элементом на странице мультимедийного лонгрида. Навигация обычно представлена в проекте в виде интерактивного бара (англ. bar -- «полоса», «планка»), расположенного на одной из сторон страницы. При этом объект «двигается» по мере скроллинга страницы пользователем, отображая в какой именно части лонгрида он находится. Ввиду второстепенности и вариативности как элементов интерфейса, так и элементов навигации, мы не станем подробно останавливаться на их дизайне, рассматривая примеры использования этих элементов во второй главе.

Отдельного внимания, на наш взгляд, заслуживает информационный дизайн. Как пишет Гарретт, он отвечает на вопрос, как предоставить сведения таким образом, чтобы людям было проще воспринимать их. Информационный дизайн может быть представлен как в виде визуального элемента (например, при выборе той или иной пиктограммы), так и в виде организации элементов информации (например, группировки). Подчеркнём, что и дизайн навигации, и информационный дизайн выполняют одну из важнейших функций -- ориентирование пользователя на странице. В последнем случае может применяться цветовое кодирование, пиктограммы, системы меток, а также типографика. Все эти формы активно используются в мультимедийных лонгридах.

В отдельную область исследователи выделяют визуальный дизайн, подразумевая под этим визуальную организацию элементов страницы. Так, Гарретт называет удачным дизайн, при котором траектория движения взгляда пользователя плавная. Среди основных способов привлечения и удержания внимания пользователя он называет контраст, который служит для выделения элементов интерфейса, навигации и других групп элементов; единообразие, для того чтобы не запутать и не загрузить пользователя, что в свою очередь, помогает достичь эффективной коммуникации; а также макетную сетку, взятую из полиграфии и позволяющую, в частности, поддерживать единообразие страницы. О необходимости использования контраста говорит и Наварро, выделяя контраст по цвету, форме, размеру, рисунку и другие виды.

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

Исследователи Томас Саноки и Ноа Сулман из Университета Южной Флориды провели эксперимент, в ходе которого попытались понять взаимосвязь цветовых сочетаний и кратковременной памяти. Они выяснили, что человек лучше запоминает цвета, если они сочетаются между собой, а также те цветовые палитры, в которых содержится не более трёх цветов. В то же время для лучшего запоминания информации цвета должны быть контрастны по отношению к фону, но не вступать с ним в конфликт. Таким образом, использование цвета в дизайне напрямую связано с восприятием информации. Вместе с тем сочетание контрастных и одновременно гармоничных цветовых палитр позволяет добиться лучшего запоминания данных.

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

· акцидентальную, т. е. привлечение внимания к важной информации;

· аффордативную -- указание на интерактивность элемента;

· селективную, для зонирования страницы и разделения элементов;

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

Все перечисленные функции цветового контраста играют важную роль в понимании содержания страницы читателем и служат для достижения максимально эффективной коммуникации.

О значении типографики в дизайне любого печатного материала сказано много и давно. В частности, типографика становится одним из инструментов создания ритма и композиции на полосе. В данном исследовании мы не касаемся терминологии, но обратим внимание на влияние типографики на восприятие материала. Отметим, ключевой задачей типографики является организация текста таким образом, чтобы облегчить процесс чтения. «Существует определённый объём текста, приходящегося на одну страницу, который с приятностью воспринимается читателем», -- писал типограф Эмиль Рудер. Несмотря на то что в данном случае речь идёт о книге, это утверждение верно и для любой другой печатной продукции, в том числе для мультимедийного лонгрида, где текст имеет ключевое значение.

В настоящее время исследователи выделяют следующие условные «типы» типографики: типографика как форма, как изображение, экспериментальная типографика и типографика в движении. К первому типу относится «классическая» типографика, во втором случае общепринятые начертания букв заменяются изображением. В экспериментальной типографике дизайнеры могут использовать неожиданные материалы и формы, что ставит под сомнение удобочитаемость текста. С развитием электронных медиа появилась новая категория «типографика в движении», которая может использовать двух- и трёхмерные буквы, анимацию и звук. Сегодня учёные считают, что во всех перечисленных случаях типографика может оказывать эмоциональное влияние на читателя. Толчком к этому может стать использование дизайнером определённого стиля, формы для удобства/неудобства чтения, а также прошлый опыт пользователя.

Исследователи Кевин Ларсен (Microsoft) и Розалинд Пикард (MIT Media Laboratory) провели эксперимент, позволяющий установить влияние типографики на настроение читателей и их когнитивные способности. Они предложили специально напечатанную версию журнала The New Yorker двум группам испытуемых: одной со стандартными шрифтами и выключкой, второй -- с изменённым шрифтом и «разнесёнными» словами. Участников просили оценить количество времени, которое у них ушло на прочтение, заполнить опросник о содержании текста, а также решить задачу на когнитивное мышление. При этом в первом вопросе исследователи отталкивались от того, что люди, считающие свое занятие приятным и находящиеся в хорошем настроении, чувствуют более быстрое течение времени и поэтому могут недооценивать количество пройденных минут. В результате, группа, которая получила текст с «хорошей» типографикой сильнее недооценила количество пройденного времени, чем вторая группа. Это может свидетельствовать о том, что правильно набранный текст положительно сказывается на настроении и самочувствии испытуемых. Кроме того, первая группа лучше справилась с когнитивной задачей. Учёные отмечают, что хорошая типографика таким образом опосредованно влияет на производительность в определённой сфере. В то же время опросник показал неоднозначные результаты.

Другое исследование также показало, что использование ровного, сбалансированного и чёткого шрифта положительно воспринимается испытуемыми и способствует лучшему выполнению творческих когнитивных задач. При этом при просмотре текста с «плохой» типографикой пользователи испытали большее разочарование и напряжение, а также приложили больше усилий для чтения.

Таким образом, типографика не только помогает «организовать» страницу, но и оказывает влияние на аудиторию. В мультимедийных лонгридах также активно применяется типографика. Как правило, это один наборный шрифт, использование разного начертания и, в некоторых случаях, «игра» с буквами в заголовочном комплексе. Подробнее на этом мы остановимся во второй главе нашего исследования.

Поскольку удержание внимания пользователя является одной из ключевых задач дизайна, важным считаем выделить так называемые принципы гештальт-восприятия. Теория гештальта (нем. «форма», «образ») возникла в начале XX века как направление психологии, связанное с попытками понять, как человек воспринимает информацию. Принципы гештальт-восприятия нашли широкое отражение среди тех, кто занимается визуальной коммуникацией, поскольку объясняют, как именно человек реагирует на ту или иную форму представления информации. Перечислим основные из этих принципов:

· взаимодействие изображения и фона, которое связано с контрастностью -- чем она выше, тем выше удобочитаемость;

· принцип близости -- элементы, расположенные рядом друг с другом, воспринимаются как часть одной группы и наоборот;

· принцип заполнения -- человек склонен визуально заполнять пробелы в знакомых формах для того, чтобы сделать изображение «стабильным»;

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

· продолжение -- взгляд человека всегда следует вдоль линии, кривой или последовательности фигур, даже если эти линии пересекают другие формы.

Отметим, что дизайнеры осознанно или бессознательно используют эти базовые принципы также при создании мультимедийных лонгридов. Так, они могут оперировать высокой степенью контрастности для выделения определённых элементов и привлечения внимания читателя, принципами близости и сходства -- для обозначения связей между элементами. На достижение этой же цели направлен и принцип заполнения. В сумме эти принципы помогают дизайнеру заинтересовать пользователя, «провести» его взгляд по всему материалу и завершить визуальную коммуникацию. В результате, дизайн «работает» на контент, способствуя его лучшему пониманию, запоминанию, а также помогает читателю получить удовольствие от материала.

В свою очередь, специалист в области интерфейсов и веб-дизайна Якоб Нильсен выделяет следующие принципы успешного взаимодействия пользователя с веб-страницей: удобство, доступность и полнота информации, функциональность, релевантность и эффективность.

Относительно дизайна страницы мультимедийного лонгрида, в первую очередь, речь идёт об удобстве и релевантности навигации и взаимодействия пользователя с ресурсом (например, корректное отображение проекта как с монитора компьютера, так и с экрана мобильного). Это же относится к пункту о доступности и полноте предоставляемой информации -- без достаточного количества данных коммуникация не будет успешной. Под функциональностью подразумевается использование элементов в композиционно-графической модели не в декоративных целях, а прежде всего с точки зрения их пользы. Однако когда речь идёт о дизайне мультимедийных лонгридов, элементы совмещают эти функции, и «декоративность» зачастую играет не последнюю роль в формировании у читателя итогового впечатления от проекта.

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

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

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

Таким образом, мы определили мультимедийный лонгрид как формат. В основе таких журналистских произведений лежит текст, сопровождающийся разнообразными формами нарратива. Среди ключевых особенностей лонгрида назовём построение материала на отдельной html-странице, многосложность, а также разворачивание истории «вниз» по мере её прокрутки. Тема мультимедийного лонгрида должна отсылать к новому/проблемному явлению в жизни общества, а повествование может быть как линейным, так и нелинейным. В любом случае, создавая лонгрид, авторы должны стремиться к тому, чтобы материал оставался актуальным по прошествии времени.

Мультимедийный лонгрид -- пример креолизованного текста. Среди форм представления контента в подобных проектах мы выделили вербальные и медийные формы. Вторая группа включает подкатегории «изображения» (иллюстрация, фотография, инфографика и др.), «видео» (видеоиллюстрации, видеосюжет и т. д.), «аудио» (аудиоиллюстрация, аудиослайд-шоу и др.). Медийные элементы выполняют информативную, иллюстративную, интерактивную функции, а также функцию навигации и функцию «погружения». Кроме того, допустим деление мультимедийных лонгридов на вербальноцентрические, интегративные и комплексные.

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

2. Мультимедийные лонгриды в российских СМИ

2.1 Формы представления контента в мультимедийных лонгридах

Для данного исследования мы собрали и классифицировали следующую эмпирическую базу -- мультимедийные лонгриды, созданные и опубликованные в российских СМИ в период с 2012 по 2018 год. Всего было отобрано 20 материалов изданий «Коммерсантъ», Lenta.ru, ТАСС, РИА Новости и «Такие дела». Оговоримся, что данные СМИ были выбраны ввиду того, что они регулярно обращаются к формату мультимедийного лонгрида, а, следовательно, имеют опыт в их создании и могут более наглядно представить разнообразие форм и средств дизайна таких проектов. Кроме того, как крупные игроки медиарынка, они имеют необходимые для этого ресурсы. Также скажем, что в работе рассматриваются мультимедийные лонгриды только российских средств массовой информации, поскольку, по нашему мнению, отечественный опыт наименее изучен.

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

Помимо этого, считаем необходимым дать краткий обзор издания, редакция которого создала мультимедийный лонгрид, и описание самого проекта, что позволит определить тематику подобных материалов. Также мы обозначаем способ подачи информации (линейный/нелинейный).

1. «Земля отчуждения» (КоммерсантЪ, 2014). Издательский дом «Коммерсантъ» был основан в 1988 году и включает в себя одноимённую газету, радиостанцию, сайт, а также журналы «Огонёк», «Коммерсантъ Стиль», «Коммерсантъ Weekend», «Автопилот» и региональное приложение «Quality». Созданием мультимедийных лонгридов занимается сайт ИД «Коммерсантъ». Ресурс специализируется на новостях о бизнесе, финансах, освещает вопросы экономики и политики.

Мультимедийный лонгрид «Земля отчуждения» -- один из первых подобных проектов на отечественном рынке медиа в целом, и «Коммерсанта» в частности. Лонгрид посвящен годовщине аварии на Чернобыльской АЭС и повествует о хронологии событий, нынешнем состоянии зоны, жителях, которые не захотели покидать свои дома. Мы определили тему данного лонгрида как «место», имея в виду, что повествование строится вокруг истории конкретного населённого пункта. Лонгрид разделён на пять частей, отделенных друг от друга фотографиями-плашками, развёрстанными на всю ширину браузера. В лонгриде не используются другие средства навигации, следовательно, способ подачи материала здесь линейный.

В качестве основной формы подачи контента в данном материале используется фотография. Она представлена в проекте в трёх формах -- фотозаставка, фотогалерея и одиночная фотография. Отметим, что фотографии-заставки, предваряющие текст, выполняют сразу три функции: иллюстративную, интерактивную (за счёт того, что на них расположены заголовки и подзаголовки), а также функцию навигации. Среди других элементов из группы «изображения» выделим две карты, график и чертёж.

К группе «видео» отнесём видеосюжет, представленный интервью с героями публикации, и видеоиллюстрации -- короткие зарисовки с места событий и фрагменты документальных фильмов. Видео в материале выполняет информативную, иллюстративную и функцию «погружения».

В группе «аудио» выделим аудиоиллюстрацию -- фоновый звук работы счетчика Гейгера, который определяет уровень радиации. Звук самовоспроизводится при открытии проекта и является одним из элементов заголовочного комплекса. Цель использования данного средства -- эмоциональное воздействие на читателя. Кроме того, в проекте есть ещё две аудиоиллюстрации -- фоновый звук работы радиолокационных станций, наложенный на соответствующую фотогалерею и запись разговора диспетчера с сотрудниками Чернобыльской АЭС в момент аварии. В последнем случае аудио также выполняет информативную функцию.

Отдельного внимания заслуживают «нетипичные» формы -- 3D-панорама и 3D-реконструкция. В первом случае пользователь может более подробно, чем просто при просмотре фотографии, изучить состояние зала управления четвёртого энергоблока. Реконструкция даёт наглядное представление о том, как строится и устанавливается новый саркофаг энергоблока.

Всего в мультимедийном лонгриде «Земля отчуждения» использованы 44 медийные формы представления контента. Перечислим их, обозначив функции.

Таблица 1

2. «Пограничное состояние» (КоммерсантЪ, 2016)

Данный мультимедийный лонгрид также был подготовлен редакцией «Коммерсанта». Проект рассказывает о жизни на российско-китайской границе после провозглашенного Россией «поворота на Восток», и охватывает шесть населённых пунктов с одной и с другой стороны. В основе повествования лежат рассказы предпринимателей, чиновников и простых жителей. В лонгриде шесть частей, соответствующих населённым пунктам, которые в свою очередь разделены на две-четыре подглавы. Такая сложная и «многослойная» организация текста обрамлена навигационным баром -- в нём цветом обозначено текущее место читателя в проекте. Несмотря на то что в проекте текст строится по принципу «движения» по определённому маршруту, использование подобной навигации может говорить о нелинейной подаче материала. Тему текста, как и в предыдущем случае, определим как «место» и «жизнь».

В данном мультимедийном лонгриде используется большое количество разнообразных медийных форм представления контента. Помимо наиболее распространённых форм выделим анимацию и инфографику. Анимация в проекте обозначена иконками с изображением точки «А» и точки «Б» с расстоянием между ними и предваряет каждую часть проекта. Её функции --навигационная и интерактивная. Статичная инфографика рассказывает об экономике приграничных территорий, в ней в частности указаны данные о населении в этих регионах, уровне безработицы, объеме экспорта и другие. Основная задача инфографики -- наглядно предоставить дополнительную информацию, которой не нашлось места в тексте.

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

Отметим, что вместо фотографии-заставки в проекте используется видео. Оно также является частью заголовочного комплекса в начале материала. Все видеофрагменты сопровождаются фоновым звуком, поэтому аудиоллюстраций в проекте нет. «Заставочные» видеоиллюстрации сняты таким образом, чтобы у читателя возникло ощущение, будто бы на самом деле это фотографии -- движение на них минимально. Кроме видеозаставок в лонгриде есть видеосюжеты (интервью) и видеоиллюстрации.

Среди изображений выделим статичную фотографию, фотогалерею и фотопортреты. Их основная задача -- дать наглядное представление о том, о чём говорится в тексте. Фотопортреты поданы в виде небольших «вырезанных» изображений людей, чья цитата приводится в материале, так часто оформляются фотографии авторов в газете или журнале.

Всего в мультимедийном лонгриде «Пограничное состояние» использовано 93 медийных элемента. Наиболее часто применяемые формы -- фотография и видео.

Таблица 2

3. «Средиземное горе» (КоммерсантЪ, 2016)

Мультимедийный лонгрид посвящён вопросу миграции. В частности, издание обращает внимание на тех людей, которые пытаются попасть в Евросоюз по так называемому смертельному маршруту из Ливии в Италию. Морской маршрут получил своё название из-за большого количества смертей и пропавших без вести на нём. В лонгриде пять частей, навигация по ним расположена в скрытом баре, открывающемся по щелчку мышки. «Внутри» этих частей есть четыре свёрнутых окна с текстом, содержащим дополнительные сведения, которые также открываются по щелчку. Сюжет строится вокруг движения корреспондентов вместе с сотрудниками организации «Врачи без границ» на спасательную операцию к берегам Ливии; повествование линейно. Таким образом, мы можем отнести этот лонгрид к теме «место», «жизнь».

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

Интерес также представляет анимация. По сути, это gif-изображение, показывающее содержимое «сухого пайка» мигранта. Анимация привлекает внимание пользователя, если он читает материал не с начала или что-то упустил, заставляет вернуться к тексту.

Всего в мультимедийном лонгриде «Средиземное горе» используется 25 медийных элементов. Наиболее «популярными» формами стали видеосюжет и рисунок.

Таблица 3

4. «Тридцать лет без права строить» (КоммерсантЪ, 2015)

Мультимедийный лонгрид посвящён нереализованным проектам Московского метрополитена, а также строительству первой очереди подземки. Проект разделён на пять частей и сопровождается навигационным баром вверху страницы. Части описывают определённый период времени, выстраивая хронологию событий. Несмотря на это, лонгрид можно изучать без потери смысла, не привязываясь к последовательности, таким образом повествование в нём нелинейно. Определим тему лонгрида как «история».

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

К группе «изображения» мы также отнесём галереи с изображениями, а именно с чертежами метрополитена и коллажами с открытками и схемами. К этой же группе относятся архивные карты. Такого рода изображения выполняют, в первую очередь, информативную функцию. Отдельно скажем о не встречавшемся в нашей работе ранее элементе -- слайд-баре «было» -- «стало». Это две фотографии одного и того же места, снятые с одной точки и совмещённые в одном «окне». Пользователь может потянуть за ползунок в одну или другую сторону и в зависимости от этого увидеть снимок «до» или «после». Такой приём позволяет наглядно показать изменения, которые произошли с течением времени, а также выполняет интерактивную функцию.

Всего в мультимедийном лонгриде «Тридцать лет без права строить» используется 91 медийный элемент. Наиболее популярные средства -- статичная фотография и копии документов, выполняющие иллюстративную и информативную функции.

Таблица 4

5. «Удар ниже поезда» (КоммерсантЪ, 2015)

Мультимедийный лонгрид подготовлен к годовщине трагедии, произошедшей на Арбатско-Покровской линии московского метрополитена, в результате которой погибли 24 и пострадали около 200 человек. Проект разделён на четыре части, каждая из которой рассказывает о самой аварии, её причинах, суде и вопросе безопасности подземки. «Перемещение» между частями возможно с помощью навигационного бара, расположенного вверху страницы. Первые три части выстроены в хронологическом порядке и предполагают линейное изучение, четвёртая часть дана факультативно -- пользователь может её пропустить либо, наоборот, прочитать только её. Однако думается, что авторы всё же выстроили линейное повествование. Сюжет лонгрида строится вокруг конкретной истории, выводя на первый план вопрос безопасности метрополитена. Мы определим тему материала как «крупным планом».

В данном мультимедийном лонгриде основной акцент сделан на текст: свидетельства очевидцев трагедии и комментарии ответственных органов. Использование медийных средств в большей степени направлено на иллюстрацию текста, а также выстраивание коммуникации с читателем. В отличие от большинства проектов фотографии в нём практически не используются. Они представлены фотозаставками -- фотография одновременно становится фоновым изображением. Элементы видео используются как видеозаставка и видеосюжет. В первом случае это видео, относящееся к заголовочному комплексу, а также видео, «закрывающее» материал. Отметим, что оба видео связаны между собой -- на первом поезд следует по тоннелю (видео записано из кабины машиниста), на втором -- прибывает на станцию. Оба элемента служат для вовлечения пользователя и создания так называемого эффекта присутствия. На это же направлено использование видеосюжетов, которые представляют собой нарезки из видео спасательной операции.

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

Общее количество медийных средств в лонгриде «Удар ниже поезда» составляет 16 единиц. Наиболее часто использовались фотозаставка и видеофайлы.

Таблица 5

6. «Крымско-татарское эго» (КоммерсантЪ, 2015)

Авторы мультимедийного лонгрида рассказывают о крымских татарах, которые пытаются приспособиться к новой действительности после фактического вхождения Крыма в состав России в 2014 году. Проект разделён на семь частей, каждая из которых затрагивает какой-либо ключевой вопрос -- историю, политику, ценности, язык и другие. Навигация в проекте представлена сразу двумя способами -- навигационным баром, раскрывающимся при наведении мышки и не исчезающим по мере скроллинга страницы, и текстом с гиперссылками, расположенном в лиде. Сюжет при этом строится вокруг не одной семьи или места, а жизни народа. Это позволяет говорить о том, что повествование нелинейно. Тему лонгрида определим как «место» и «жизнь», поскольку речь идёт о жизни конкретной группы людей на ограниченной территории.

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

Интересным приёмом становится применение новой формы представления контента -- таймлайна. Таймлайн -- это временная шкала, на которой отмечены ключевые события (в данном случае в истории крымских татар), сопровождающиеся пояснениями. В лонгриде сразу три таймлайна, посвящённых тому или иному аспекту в истории. Помимо пояснений текст шкалы также «разбавляется» фотографиями (всего 27 единиц) и видео (1 единица).

Таймлайн позволяет компактно рассказать историю, обозначить причинно-следственные связи, а также вовлекает пользователя в процесс чтения.

В сумме в мультимедийном лонгриде «Крымско-татарское эго» используется 63 медийных элемента. Их основной функцией является иллюстрация текста, а также «погружение» читателя в материал через создание визуальных образов.

Таблица 6

7. «1917. Столетие ужаса» (Lenta.ru, 2017)

Lenta.ru -- российское новостное сетевое СМИ, основанное в 1999 году. Издание следит за новостями России и мира, освещая вопросы политики, экономики и общества.

Мультимедийный лонгрид «1917. Столетие ужаса» является не первым проектом издания. Он посвящён революциям 1917 года в России и разбит на двенадцать частей, каждая из которых соответствуют месяцу. Навигация по проекту обеспечена таймлайном, расположенном после заголовка вверху страницы. Сюжет строится вокруг истории страны, повествование линейно и предусматривает чёткое следование хронологии. Тема проекта -- «история».