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

Однако он не удивит дизайнеров пользовательских интерфейсов, которые прекрасно знают, как одно лишь изменение цвета может повлиять на поведение пользователей. Фирма WiderFunnel, занимающаяся оптимизацией маркетинга, однажды работала с гигантом SAP над улучшением показателя эффективности платы за клик для их страницы, с которой можно было скачать пробную версию программного обеспечения. SAP хотела увеличить конверсию на 20 %. WiderFunnel внесла ряд изменений в целевую страницу сайта, в том числе добавила огромную оранжевую кнопку «Скачать сейчас», в результате чего конверсия повысилась на 32,5 % {35} 35 “B2B Landing Page Optimization Lifts Lead Generation by 32.5 %–Within Strict Branding Guidelines,” WiderFunnel Marketing Conversion Optimization, http://www.widerfunnel.com/proof/case-studies/sap-landing-page-optimization (accessed September 12, 2014). .

WiderFunnel называет это «Большой оранжевой кнопкой». Большинство веб-дизайнеров скажут вам, чтобы люди нажимали на кнопку, ее надо сделать красной, оранжевой или желтой, т. е. покрасить в один из теплых цветов. Если вам нужно направить внимание аудитории на конкретную кнопку, ссылку или иконку, используйте для них яркие цвета, резко контрастирующие с остальной страницей. Причины эффективности такого приема связаны с нашей психологией.

Питер Кёниг, немецкий профессор нейробиопсихологии из Оснабрюкского университета, заинтересовался тем, как люди визуально обрабатывают цвета и, что более важно, какие факторы позволяют человеческому глазу отличать цвет – особенно в природе. В предыдущих исследованиях обнаружилось, что насыщенность цвета, его яркость, является лучшим индикатором того, на каких объектах мы зафиксируем внимание, но Кёниг и его команда хотели пойти дальше. Они намеревались узнать, какие цветовые контрасты привлекают наибольшее внимание.

В ходе трех экспериментов Кёниг и его команда демонстрировали испытуемым серию неизмененных фотографий джунглей Уганды вместе с фотографиями, на которых некоторые цвета были или удалены, или изменены. На фотографиях не было объектов, созданных человеком, только ягоды, листья, деревья и другие сцены из жизни Национального парка Кибале. В первом эксперименте испытуемым было предложено три типа фотографий – неизмененные, с удаленным красным и зеленым цветом и с удаленным синим и желтым. Во втором эксперименте испытуемым демонстрировали 12 сцен с различными оттенками цветов. И в последнем эксперименте тестировались оригинальные изображения из первого эксперимента, но с измененными цветами, а в качестве испытуемых были выбраны страдающие частичной цветовой слепотой. Исследователи пользовались программным обеспечением, отслеживающим движение глаз, чтобы измерить уровень внимательности каждого испытуемого и проследить, переключается ли визуальное внимание {36} 36 Hans-Peter Frey et al., “Beyond Correlation: Do Color Features Influence Attention in Rainforest?” Frontiers in Human Neuroscience 5 (2011): 36. .

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

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

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