Использование ПО для карт визуальной салиентности

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

Типичное решение в данном случае – использование «тепловых карт» (подсветка предметов более высокой визуальной значимости теплыми цветами) или их противоположностей, «карт тумана» (затенение менее заметных областей и сохранение более заметных областей). «Карты тумана» проще использовать, они интуитивно понятны и позволяют четко видеть визуально значимые объекты («тепловые карты» накладываются на картинку и скрывают само изображение, что может привести к путанице, если цвет самого объекта совпадет с цветом карты). Другие варианты включают числовую оценку общего процента визуальной значимости изображения, его части или конкретного объекта.

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

Карты визуальной салиентности и веб-страницы

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

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

Несмотря на то, что такие тесты проводятся быстрее и стоят дешевле, чем исследования по отслеживанию движения глаз, следует иметь в виду, что пользователи будут судить о дизайне по нисходящей системе. По этой причине, хотя визуальная значимость является более доступной, отказываться от отслеживания движения глаз не нужно. Как уже упоминалось, такие вещи, как еда, напитки или человеческие лица, могут привлекать интерес людей (возможно и не так быстро, как при восходящей «предвнимательной» обработке, о которой я упоминал ранее в этой главе). Люди обращают внимание на центр: когда смотрят на дисплеи или экраны, они склонны концентрироваться на предметах, расположенных в центре, а иногда даже и в рамках дизайна (например, центр дизайна упаковки будет привлекать больше внимания, чем остальные ее части). Согласно данным эксперимента по отслеживанию взгляда при просмотре более 1000 изображений пейзажей и портретных фотографий, в 11 % изображений 40 % фиксаций глаз пришлось на центр.¹⁸

У пользователей Сети есть определенные ожидания в отношении внешнего вида страниц сайта: например, меню они ожидают увидеть в верхней части экрана. Такие ожидания могут влиять на направление взгляда пользователя. А зная конкретные цели поиска, его можно ускорить.¹⁹ Элементы на странице, которые не всегда располагаются в одном и том же месте (следовательно, пользователи не смогут их найти интуитивно), могут быть полезны для повышения визуальной значимости.

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

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