Управление вниманием пользователя в Интернет-СМИ: стратегии и практика

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

На сегодняшний день описано около сотни различных стратегий визуализации информации, представленных в шести основных группах Lengler, R. and Eppler, M. J. Towards a periodical table of visualization methods for management // Institute of Corporate Communication University of Lugano. Switzerland., 2014. -- p. 79.:

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

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

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

4. Визуализация метафоры - перенесение центральной идеи или мысли в область визуального мира, предполагает наличие аналогий к используемым понятиям и объектам с созданием некоторого визуального ряда, наиболее полно раскрывающего суть рассматриваемого явления или процесса. Выбор метафоры для визуализации обусловлен субъективным восприятием адресанта, таким образом, возможно возникновение диссонанса в понимании одного и того же объекта адресантом и адресатом Авербух В. Л. Метафора интерфейса и метафора визуализации // International Conference «Graphicon 2006». Новосибирск, 2006. -- С. 3..

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

6. Комплексная визуализация -- охват максимального объема данных, интерпретируемых и представленных методом визуализации отдельных элементов в рамках общей картины.

Веб-дизайн наиболее тесно связан с областью визуального восприятия, объектом исследования которого выступает перцепция как процесс познания, функционирующий на основе совокупности ощущений, ответственных за формирование субъективного целостного образа некоторого объекта. В процессе организации визуальной коммуникации в рамках веб-сайта пользователь в результате перцептивного акта проходит стадии распознавания объекта как целостного элемента, анализ отдельных свойств и характеристик объекта, стадию селекции или определения информационной составляющей относительно цели реализуемой деятельности и итоговое модулирование целостного представления в формате образа Шаев Ю. М. Визуальное восприятие: между присутствием и смыслом // Теория и практика общественного развития. 2012. №12. -- С. 83.. Сегодня возможности веб-дизайна позволяют охватить все перечисленные стадии и подвергнуть их воздействую со стороны различных элементов. Наиболее важными с позиции устройства визуального пространства являются такие функции перцепции как холистичность, апперцепция и эталонность.

Под холистичностью понимается неосознанное стремление человека к созданию целостных образов на основе раздробленных, но близких во времени, пространстве и по форме элементов. Таким образом, в формате веб-страницы объекты, расположенные близко друг к другу или имеющие общие характеристики будут восприниматься пользователем как составные части единого целого. Данная функция во многом определила особенность создания веб-сайтов и наполнения их контентом, так как за счет геометрических контуров, на основании которых происходит зрительное восприятие мира, наиболее быстро внимание привлекают объекты правильной геометрической формы. Цветовое деление подобных объектов выступает в качестве дополнительного маркера Измайлов Ч. А., Чудина Ю. А. Конфигурационные и категориальные характеристики зрительного восприятия схематических фигур // Вестник Российского университета дружбы народов. Серия: Психология и педагогика. 2004. № 2. С. 210 -- 228..

Непосредственная зависимость восприятия от накопленного зрительного опыта и внутренней установки отражается в такой функции визуальной перцепции как апперцепция. Описываемый критерий характеризуется высокой степенью субъективности за счет влияния на особенности восприятия личностных характеристик отдельного человека и его восприятие различных визуальных стимулов Ивановский В. Н. К вопросу об апперцепции: (Лейбниц, Кант, Гербарт, Вундт). М., 2001. -- С. 92..

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

1.2.2 Специфика медиасообщения как метода отражения и осмысления окружающего мира

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

Интернет-СМИ утратили зависимость от фактической подписки и сетей целевого распространения материала, ориентированного на конкретную цифру тиража определенного издания, происходит неконтролируемое стирание устоявшихся в рамках традиционных изданий представлений о границах и расстояниях. Центральным показателем успешности того или иного средства массовой информации в сети Интернет является уровень интереса аудитории к специфике контента и непосредственно публикациям. Таким образом, издания ориентируются на показатель количества просмотров как на критерий оценки уровня интереса потребителей к медийному продукту Лукина М. М., Фомичева И. Д. СМИ в пространстве Интернета. М., 2005. -- С. 17..

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

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

Формирование уникального визуального облика Интернет-СМИ за счет средств веб-дизайна оказывает существенное влияние на конкурентоспособность издания, продиктованную удобством использования, максимальной интерактивностью и соответствием между категориями формы и содержания. Центральным остается параметр удобства использования сайта вне зависимости от особенностей и характеристик выбранного пользователем выводящего устройства. Акцент ставится на продуманности визуального пространства с целью создания максимально простой, понятной и адекватной нуждам потребителя организации, отвечающей основным техническим и эстетическим категориям. Кроме того на организацию внешнего визуального облика значительное влияние оказывают технические инновации, функциональные требования и эстетические тенденции информационной среды, представленные совокупностью трендов в дизайне. Таким образом, возникает понятие адаптивного дизайна, подразумевающее необходимость создания веб-сайта в соответствии с техническими способностями пользователей и обеспечения корректного выведения данных на электронных устройствах вне зависимости от их специфики, подстраиваясь под фактические размеры окна браузера Gustafson A. Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement. -- Easy Readers, 2011. -- p. 72..

Интернет-среда максимально ориентирована на пользователя и характеризуется стремлением к удобству использования и навигации. Изучением особенностей взаимодействия человека с различными элементами системы и условиями оптимизации труда с целью увеличения производительности занимается научно-практическая дисциплина эргономика Мунипов В. М., Зинченко В. П. Эргономика. М., 2001. -- С. 29.. Конструирование оптимальной эргономичности медийного продукта основано на центральной задаче эргономики в рамках любой системы, а именно на обеспечении акцентирования и сосредоточения внимания пользователя на центральном, наиболее значимом элементе и направлении восприятия в соответствии с концепцией построения ресурса.

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

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

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

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

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

Наивысшая мыслительная ступень является полностью осознанной, на ней человек в полной мере понимает, что именно он видит и чувствует по определенному поводу. Информация проходит процесс критического восприятия и обработки, осуществляется непосредственный анализ контента веб-сайта Интернет-СМИ Норман Д. Дизайн привычных вещей. М., 2013. -- С. 54..

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

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

Понятие эргономики ориентировано на описание потраченных физических сил в процессе работы, в то время как usability опирается на количество затраченных умственных сил, необходимых при практическом взаимодействии пользователя с веб-сайтом, оценивая тем самым общую степень удобства модели и качество выполняемых задач. В рамках usability происходит выявление скорости, с которой пользователь может научиться работать с определенным веб-сайтом, выявление количества возникающих технических сбоев и ошибок, а также эмоционального отклика посетителей и того, насколько им нравится работать в предложенных условиях Головач В. В. Дизайн пользовательского интерфейса. Искусство мыть слона. М., 2009. -- С. 38.. За счет обширной зоны элементов, которую охватывает usability, данное направление перекликается с большим количеством смежных дисциплин, среди которых не только веб-дизайн и особенности дизайна интерфейса, но и семиотика, теория информации, когнитивная психология, изучение особенностей взаимодействия человека с машиной. Таким образом, можно выделить пять основных уровней, на которые направлено понятие usability:

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

2. Удовлетворенность пользователя процессом коммуникации и ее результатами по завершению работы с веб-сайтом.

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

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

5. Категория эффективности описывается функциональными характеристиками элементов веб-дизайна.

Точкой отсчета для проектирования дизайна является совокупность потребностей пользователя, которыми определяется выбор тех или иных оформительских и композиционных решений Нильсен, Я. Веб-дизайн. СПб. 2006. -- С. 72.. В данном случае возникает категория доверия, функционирующая на основании первого впечатления пользователя от того или иного продукта: чем более гармонично и элегантно представлен веб-сайт, тем выше показатели доверия пользователей к нему Нильсен Я., Лоранжер Х. Web-дизайн: удобство использования Web-сайтов. М., 2007. -- С. 86..

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

1.3.2 Перцептивные особенности композиции. Проектирование элементов оформления. WYKIWYL-феномен

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

Стандартной иерархической системой любого веб-сайта является разделения пространства страницы на непосредственно контент, навигацию и сопутствующие данные. Контент включает в себя совокупность заголовков, подзаголовков и подразделов страницы, необходимые текстуальные ссылки, дополнительную текстуальную информацию, в том числе различные подписи, вставки и сноски. Навигация подразумевает наличие верхнего и нижнего уровня строк тематических разделов и рубрик, направлена на ориентацию пользователя относительно его нынешнего положения в пространстве веб-сайта за счет использования строки маршрута, представленной в качестве пройденного читателем пути от главной страницы к текущей. Каждый отрезок данного пути является отдельным разделом веб-сайта. Сопутствующая информация представлена элементами управления взаимодействием с сайтом, контактной информацией и различными дополнительными параметрами, являющимися отличительными для того или иного издания Wroblewski L. Site-Seeing: A Visual Approach to Web Usability. Published by Hungry Minds, Inc. New York, NY. 2002. -- p. 94..

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

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

Пространство чистого листа делится на определенные зоны восприятия с позиции приоритетности фиксации взгляда Водчиц С. С. Эстетика пропорций в дизайне: система книжных пропорций. М., 2005. -- С. 59., а, следовательно, и степени интереса пользователя к контенту. Приоритетность направления взгляда ориентирована на пяти точках листа, где задерживается намного дольше, чем на остальных частях поля, а именно в центре и в четырех углах. Указанные точки в нашем сознании соединяются естественным движением взгляда по, так называемым, силовым линиям: по вертикали и горизонтали, по диагоналям, затрагивающим все четыре угла листа.

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

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

1. Использование прямой линейной перспективы с отображением элементов на плоскости в равной степени на вертикальной, горизонтальной или наклонной оси в зависимости от художественного замысла. За счет высокой степени реалистичности выступает в качестве наиболее эффективного элемента передачи фактического положения вещей в пространстве, фиксации определенного состояния Маркотт И. Отзывчивый веб-дизайн. М., 2012. -- С. 42..

2. Применение метода изменения масштаба и демонстрации соотношения между объектами. Чем больше объект, тем больше внимания он привлекает. Данный метод одинаково эффективен в отношении как с фотографическими или иллюстративными материалами, так и текстовыми элементами. Распространенной практикой является использование в рамках одной страницы заголовков или изображений разной величины для привлечения внимания пользователя к определенному контенту. Таким образом, происходит намеренное выделение одних, наиболее актуальных материалов на фоне других - второстепенных или фоновых элементов. Описанный метод успешно применяется в качестве фактора, определяющего для пользователя последовательность ознакомления с контентом Миронов Д. Ф. Компьютерная графика в дизайне. СПб., 2008. -- С. 65..

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

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

Феномен WYKIWYL используется как один из методов управления вниманием пользователя в веб-дизайне. Расшифровывается данное понятие как «what you know it what you like» или «что вам известно, то вам и нравится». Феномен ориентирован на особенность человеческой психики с большей лояльностью относиться к тем элементам, объектам или явлениям, с которыми он сталкивался ранее, или к тому, что напоминает ему о прошлом положительном опыте.

1.3.3 Композиционный дизайн Интернет-СМИ. Типографика в веб-дизайне