Ловушка для внимания: Как вызвать и удержать интерес к идее, проекту или продукту

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

Эксперименты подтвердили этот эффект — насыщенность и контраст были выше на изображениях, где отсутствовали оттенки синего и желтого (различать красный было легче), что помогало участникам находить важные объекты вроде ягод. Участники фиксировали внимание на одних и тех же местах гораздо чаще, когда на изображениях отсутствовал синий и желтый цвет, чем на изображениях, с которых удалили красный и зеленый, или даже на оригинальных изображениях. Даже страдавшие частичной цветовой слепотой были более склонны фиксировать внимание на тех же объектах, когда на изображениях отсутствовал синий и желтый цвет, — тот факт, что они не различали красный и зеленый, не мешал им находить важную информацию вроде ягод.

Именно с помощью цветового контраста мозг находит соответствующие стимулы и реагирует на них. В природе живительные красные ягоды выделяются на фоне зеленой травы и деревьев. Если бы естественным цветом листьев был фиолетовый, красный совершенно не справлялся бы с задачей привлечения внимания. Этим же объясняется, почему выделяются красные, желтые и оранжевые кнопки на веб-сайтах, — они лучше контрастируют с белым и серым фоном, чаще всего встречающимся на сайтах. Все, что нужно для подтверждения этой мысли, — открыть страницу продукта на сайте Amazon.com, известном своими методами оптимизации, и найти желтую кнопку «Добавить в корзину» и оранжевую «Купить в 1 клик».

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

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

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

И если вы хотите, чтобы люди что-нибудь купили у вас на сайте, используйте цвет, контрастирующий с цветом фона. У одного из своих многочисленных клиентов, крупной европейской розничной сети, компания Unbounce, занимающаяся оптимизацией, изменила цвет кнопки «Добавить в корзину», расположенной на сером фоне, с синего на ярко-зеленый — не на оранжевый или желтый. В результате ярко-зеленая кнопка «Добавить в корзину», выделяющаяся на странице, улучшила конверсию на невероятные 35,81%. Если вы хотите что-нибудь выделить, выберите объект, на который нужно направить внимание, и сделайте его контрастным. В большинстве случаев подойдут яркие насыщенные цвета и теплые оттенки13.

Если вы не доверяете своему зрению, то в Интернете существует множество инструментов, с помощью которых можно проверить цветовые контрасты. Инструмент компании Das Plankton не только позволяет наглядно увидеть контраст различных комбинаций цветов, но и тестирует цвет на недостатки и сообщает коэффициент контраста (т.е. измеряет степень контрастности) выбранных цветов[2]. У компании WebAIM имеется более простой инструмент, позволяющий проверить коэффициент контраста двух цветов и определить, соответствует ли он стандартам Web Content Accessibility Guidelines[3].