Пожалуй, первый урок, который мы можем извлечь, заключается в том, что, если вы желаете завести с кем-то романтические или сексуальные отношения, вам следует выбирать красный цвет, который бросается в глаза (контраст) и бессознательно стимулирует (ассоциации). Но более важно, когда речь идет о цвете и внимании, учитывать и то, насколько цвет выделяется на окружающем фоне, и то, какие ментальные ассоциации он вызывает.
Поговорим теперь подробнее о контрасте и о том, как эффективно использовать цветовые контрасты для бессознательного привлечения непроизвольного внимания.
Контраст: животные-альбиносы в природе долго не живут
В 2010 г. канадский дизайнер пользовательских интерфейсов Дэн Макгрейди запустил проект CareLogger, помогающий диабетикам следить за своим здоровьем. Проект не имел финансовой поддержки, поэтому привлечение максимального числа подписчиков было совершенно необходимо для его осуществления. Макгрейди, как все хорошие дизайнеры пользовательских интерфейсов, оценивал каждую деталь целевых страниц с помощью A/B тестирования – метода тестирования влияния незначительных изменений на веб-сайт или приложение путем предложения случайно выбранным пользователям текущего или «нового» дизайна, чтобы определить, какой больше привлекает или заинтересовывает. В одном из экспериментов Макгрейди тестировал только цвет кнопки «Подписаться». Одна кнопка была зеленой, другая – красной. Обе кнопки он поместил на светло-серый фон
{34}.
Неужели такая простая вещь, как цвет, влияет на внимание потенциальных клиентов? Он получил четкий ответ «да» – красная кнопка привлекла на 34 % больше подписчиков, чем зеленая. Впечатляющий результат.
Однако он не удивит дизайнеров пользовательских интерфейсов, которые прекрасно знают, как одно лишь изменение цвета может повлиять на поведение пользователей. Фирма WiderFunnel, занимающаяся оптимизацией маркетинга, однажды работала с гигантом SAP над улучшением показателя эффективности платы за клик для их страницы, с которой можно было скачать пробную версию программного обеспечения. SAP хотела увеличить конверсию на 20 %. WiderFunnel внесла ряд изменений в целевую страницу сайта, в том числе добавила огромную оранжевую кнопку «Скачать сейчас», в результате чего конверсия повысилась на 32,5 %
{35}.
WiderFunnel называет это «Большой оранжевой кнопкой». Большинство веб-дизайнеров скажут вам, чтобы люди нажимали на кнопку, ее надо сделать красной, оранжевой или желтой, т. е. покрасить в один из теплых цветов. Если вам нужно направить внимание аудитории на конкретную кнопку, ссылку или иконку, используйте для них яркие цвета, резко контрастирующие с остальной страницей. Причины эффективности такого приема связаны с нашей психологией.
Питер Кёниг, немецкий профессор нейробиопсихологии из Оснабрюкского университета, заинтересовался тем, как люди визуально обрабатывают цвета и, что более важно, какие факторы позволяют человеческому глазу отличать цвет – особенно в природе. В предыдущих исследованиях обнаружилось, что насыщенность цвета, его яркость, является лучшим индикатором того, на каких объектах мы зафиксируем внимание, но Кёниг и его команда хотели пойти дальше. Они намеревались узнать, какие цветовые контрасты привлекают наибольшее внимание.
В ходе трех экспериментов Кёниг и его команда демонстрировали испытуемым серию неизмененных фотографий джунглей Уганды вместе с фотографиями, на которых некоторые цвета были или удалены, или изменены. На фотографиях не было объектов, созданных человеком, только ягоды, листья, деревья и другие сцены из жизни Национального парка Кибале. В первом эксперименте испытуемым было предложено три типа фотографий – неизмененные, с удаленным красным и зеленым цветом и с удаленным синим и желтым. Во втором эксперименте испытуемым демонстрировали 12 сцен с различными оттенками цветов. И в последнем эксперименте тестировались оригинальные изображения из первого эксперимента, но с измененными цветами, а в качестве испытуемых были выбраны страдающие частичной цветовой слепотой. Исследователи пользовались программным обеспечением, отслеживающим движение глаз, чтобы измерить уровень внимательности каждого испытуемого и проследить, переключается ли визуальное внимание
{36}.
С результатами этого исследования трудно спорить, особенно когда видишь фотографии своими глазами. Например, одна фотография, на которой ярко выделяются красные ягоды, свисающие с куста, стала еще более яркой, когда с нее удалили синий и желтый цвет. Однако на фотографии, где удален красный и зеленый цвет, совершенно невозможно различить ягоды и крайне трудно различить какие-либо подробности.
Эксперименты подтвердили этот эффект – насыщенность и контраст были выше на изображениях, где отсутствовали оттенки синего и желтого (различать красный было легче), что помогало участникам находить важные объекты вроде ягод. Участники фиксировали внимание на одних и тех же местах гораздо чаще, когда на изображениях отсутствовал синий и желтый цвет, чем на изображениях, с которых удалили красный и зеленый, или даже на оригинальных изображениях. Даже страдавшие частичной цветовой слепотой были более склонны фиксировать внимание на тех же объектах, когда на изображениях отсутствовал синий и желтый цвет, – тот факт, что они не различали красный и зеленый, не мешал им находить важную информацию вроде ягод.
Именно с помощью цветового контраста мозг находит соответствующие стимулы и реагирует на них. В природе живительные красные ягоды выделяются на фоне зеленой травы и деревьев. Если бы естественным цветом листьев был фиолетовый, красный совершенно не справлялся бы с задачей привлечения внимания. Этим же объясняется, почему выделяются красные, желтые и оранжевые кнопки на веб-сайтах, – они лучше контрастируют с белым и серым фоном, чаще всего встречающимся на сайтах. Все, что нужно для подтверждения этой мысли, – открыть страницу продукта на сайте Amazon.com, известном своими методами оптимизации, и найти желтую кнопку «Добавить в корзину» и оранжевую «Купить в 1 клик».
Животные на протяжении веков используют привлекающие внимание цветовые контрасты в своих целях. Каракатица обладает уникальной способностью повторять сложные цветовые сочетания окружающей ее среды, хотя сама совершенно не различает цветов. Увидеть каракатицу на морском дне практически невозможно, потому что она становится не просто коричневой, а песочно-коричневой, имитируя отдельные песчинки. Когда животное – или охотник в лесу – хочет остаться незамеченным, оно пользуется камуфляжем, чтобы слиться с окружающей средой
{37}.
