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

Структурно-функциональный анализ Интернет-версии британского таблоидного издания «The Sun»

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

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

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

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

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

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

В приложении 1 на рисунке 2 цветными полями обозначены описанные выше зоны максимальной фиксации внимания пользователя на стартовой веб-странице таблоидного издания «The Sun» на основании приведенных исследований. Красным маркером указана зона первичной максимальной фиксации внимания, а именно пространство логотипа. Желтый маркер демонстрирует вторую точку фиксации взгляда на основе категории визуального веса. Зеленый маркер обозначает третью позицию сосредоточения внимания пользователя, а белое поле подразумевает дальнейшее исследование читателем представленной информации.

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

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

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

В качестве материала для анализа тематических страниц Интернет-версии издания «The Sun» были выбраны рубрики «Travel» и «Sport». Использование стратегий управления вниманием для данных рубрик во многом соответствует уже описанным особенностям визуальной презентации информации стартовой страницы, таким как блочная система представления информации с ориентацией относительно вертикальной оси, расположение и характер оформления панелей навигации, использование категорий визуального веса с акцентированием внимания на верхней части веб-страницы, использование аналогичных стратегий типографики и графических линеек с цветовыми маркировками, связанными с общим цветовым решением той или иной рубрики. Для категории «Sport» выбран зеленый цвет оформления логотипа и графических линеек, для категории «Travel» — оранжевый. Однако для рубрики «Travel» предусмотрено иное использование стратегии визуального веса, представленного в качестве не логотипа, а заменяющего его изображения с высокой степенью детализации. Внимание как процесс познания естественным образом ориентировано на большую фокусировку на объектах, отличающихся сложной структурой и повышенной детализацией, что в свою очередь является существенным фактором для остановки внимания пользователей на более детализованном фотографическом изображении, чем на логотипе при незначительной разнице в размерах между описываемыми визуальными объектами.

В рамках рубрики «Travel» для анализа выбрано журналистское произведение, представленное в приложении 1 на рисунке 11. На основании приведенного выше исследования визуальной структуры веб-сайта таблоидного издания «The Sun» можно сделать вывод о незначительных изменения в использовании стратегий управления вниманием для разных веб-страниц одного ресурса. Исследуемая веб-страница обладает аналогичными характеристиками и функциями относительно стартовой страницы и страницы отдельной рубрики. Управление вниманием пользователя осуществляется в основном за счет использования стратегии визуального веса. Данный прием проиллюстрирован рисунком 12 в приложении 1: красным цветом выделено фотографическое изображение с высокой степенью детализации, выступающее в качестве визуального центра страницы и привлекающее максимальное внимание. Желтым цветом обозначены зоны вторичной фокусировки внимания. Зеленый маркер описывает конечную остановку взгляда пользователя во время изучения веб-страницы.

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

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

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