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

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

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

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

Животные на протяжении веков используют привлекающие внимание цветовые контрасты в своих целях. Каракатица обладает уникальной способностью повторять сложные цветовые сочетания окружающей ее среды, хотя сама совершенно не различает цветов. Увидеть каракатицу на морском дне практически невозможно, потому что она становится не просто коричневой, а песочно-коричневой, имитируя отдельные песчинки. Когда животное – или охотник в лесу – хочет остаться незамеченным, оно пользуется камуфляжем, чтобы слиться с окружающей средой {37} 37 Roger T. Hanlon and John B. Messenger, “Adaptive Coloration in Young Cuttlefish ( Sepia officinalis L .): The Morphology and Development of Body Patterns and Their Relation to Behaviour,” Philosophical Transactions of the Royal Society of London , Series B, Biological Sciences 320, no. 1200 (1988): 437–87. .

Когда папа римский Франциск выпустил двух белых голубей мира из своего окна, на них немедленно напали ворон и чайка, что многие посчитали плохим предзнаменованием. На самом деле голуби выделяются на зеленом и коричневом фоне, а также практически на всех цветах поверхности земли или зданий, и это делает их легкой добычей. Животные-альбиносы в природе долго не живут, потому что слишком заметны в своей естественной среде обитания {38} 38 Mel White, “Why Birds Attacked the Peace Doves in Rome,” National Geographic , January 27, 2014, http://news.nationalgeographic.com/news/2014/01/140127-white-peace-doves-attacked-birds-rome-vatican-pope/ . .

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

И если вы хотите, чтобы люди что-нибудь купили у вас на сайте, используйте цвет, контрастирующий с цветом фона. У одного из своих многочисленных клиентов, крупной европейской розничной сети, компания Unbounce, занимающаяся оптимизацией, изменила цвет кнопки «Добавить в корзину», расположенной на сером фоне, с синего на ярко-зеленый – не на оранжевый или желтый. В результате ярко-зеленая кнопка «Добавить в корзину», выделяющаяся на странице, улучшила конверсию на невероятные 35,81 %. Если вы хотите что-нибудь выделить, выберите объект, на который нужно направить внимание, и сделайте его контрастным. В большинстве случаев подойдут яркие насыщенные цвета и теплые оттенки {39} 39 Michael Aagaard, “How to Design Call to Action Buttons that Convert,” The Landing Page & Conversion Rate Optimization Blog , Unbounce, May 22, 2013, http://unbounce.com/conversion-rate-optimization/design-call-to-action-buttons/ . .

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

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

При возможности я предпочитаю пользоваться услугами авиакомпании Virgin America. Их рейсы – одни из самых комфортных и приятных. Для меня развлечения и Wi-Fi не главное, все это можно встретить у многих авиакомпаний. Больше всего мне нравится сиреневая подсветка салона.

Подсветка не просто улучшает настроение, она может в буквальном смысле спасти вашу жизнь. Власти японского города Нара, расположенного в нескольких сотнях километров к западу от Токио, искали решение проблемы роста преступности. У них был план. Услышав о том, какое влияние оказало синее освещение на уровень преступности в Глазго, Шотландия, власти установили синие фонари в наиболее криминогенных районах города и на железнодорожных станциях. В результате уровень преступности сократился на 9 %, но, что более удивительно, самоубийства на железнодорожных станциях Нары полностью прекратились. За период с 2006 по 2008 г. ни один человек не покончил с собой под синим светом {40} 40 Adam L. Alter, “Colors,” in Drunk Tank Pink: And Other Unexpected Forces that Shape How We Think, Feel, and Behave (New York: Penguin, 2013). .