Перцептивные особенности композиции. Проектирование элементов оформления. 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" или "что вам известно, то вам и нравится". Феномен ориентирован на особенность человеческой психики с большей лояльностью относиться к тем элементам, объектам или явлениям, с которыми он сталкивался ранее, или к тому, что напоминает ему о прошлом положительном опыте.

Похожие статьи




Перцептивные особенности композиции. Проектирование элементов оформления. WYKIWYL-феномен - Управление вниманием пользователя в Интернет-СМИ: стратегии и практика

Предыдущая | Следующая