Агентство
интернет-маркетинга

 

Как использовать психологию цвета для увеличения конверсии сайта

24.01.2021

Сложность: новичок

25 мин.

4 779

Как использовать психологию цвета для увеличения конверсии сайта

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

Ещё более интересно то, что показало тематическое исследование: изменение цвета, помимо других элементов, может увеличить конверсию на 24%.

Изучение всего этого называется психологией цвета, и суть его: используйте правильные цвета, и вы выиграете.

Что такое психология цвета?

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

Некоторые скептики пренебрежительно относятся ко всей сфере психологии цвета из-за сложности проверки гипотез.

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

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

Психология цвета ー это область, которую обязательно нужно изучить руководителям, офисным менеджерам, архитекторам, садовникам, поварам, дизайнерам продуктов, дизайнерам упаковки, владельцам магазинов и даже будущим родителям, которые занимаются покраской стен в комнате для новорождённого! Цвет имеет решающее значение. Наш успех зависит от того, как мы используем цвет.

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

Где использовать психологию цвета?

Цвета влияют на всех. Неважно, разрабатываете ли вы программное обеспечение, дизайн книги, дизайн сайта или просто рекламируете свой бизнес: цвета определяют настроение и влияют на ответную реакцию.

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

В приведённом ниже примере NinjaJump использует зелёно-жёлто-красную цветовую схему в логотипе, номере телефона, видеоролике с призывом к действию, строке меню, графике, меню рубрик, подзаголовках и боковой панели.

Советы, которые мы обсуждаем ниже, можно применить аналогичным образом в самых разных областях:

  • Сайты
  • Логотипы
  • Брендинг
  • Посадочные страницы
  • Меню
  • Рекламная рассылка
  • Посты в социальных сетях и обложки
  • Дизайн продукта
  • Видео

Как видите, психологию цвета можно использовать где угодно. Итак, как её использовать?

Правильное использование психологии цвета

Цвет ー штука хитрая. Вы должны использовать его правильно, в нужное время, с нужной аудиторией и для правильной цели.

Например, если вы продаёте домики-батуты для прыжков ー вещи, в которые играют дети ー не нужно создавать сайт в чёрных цветах. 

Как использовать психологию цвета для увеличения конверсии сайта

Для сайта домиков-батутов для прыжков вам нужно много светлых и ярких цветов, возможно, немного красного, зелёного и добавить немного жёлтого.

С другой стороны, если вы продаёте товар женщинам, не нужно использовать коричневый или оранжевый. Может быть, поэтому L'Oreal использует чёрно-белое изображение с фиолетовой накладкой на главной странице сайта интернет-магазина.

Как использовать психологию цвета для увеличения конверсии сайта

Я объясню все принципы выбора цвета ниже. Чтобы преуспеть в правильном использовании психологии цвета, вам необходимо следовать этим основным принципам:

  • Правильный принцип
  • Подходящее время
  • Правильная аудитория
  • Правильная цель

Вот несколько советов по психологии цвета, которые используют профессионалы для повышения конверсии.

Проверенные советы по психологии цвета для увеличения конверсии

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

Поскольку дальтонизмом страдает менее 5% населения, теория цвета ー это то, что следует изучить и проверить.

Вот несколько советов по психологии цвета, о которых следует помнить.

1. Женщины предпочитают синий, фиолетовый и зелёный

Как использовать психологию цвета для увеличения конверсии сайта

На рис. Если ориентируемся на женщин
Цвета, которые больше всего нравятся женщинам: синий, фиолетовый, зелёный.
Цвета, которые женщины не любят больше всего: оранжевый, коричневый, серый.

Как использовать психологию цвета для увеличения конверсии сайта

На рис. Если ориентируемся на мужчин
Цвета, которые больше всего нравятся мужчинам: синий, зелёный, чёрный.
Цвета, которые мужчины не любят больше всего: коричневый, оранжевый, фиолетовый.

Социологические различия между предпочтениями цвета представляют собой отдельную область исследования.

В ходе опроса, посвящённого цвету и полу, 35% женщин назвали синий цвет своим любимым цветом, за ним следуют фиолетовый (23%) и зелёный (14%). 33% женщин утверждали, что оранжевый ー  их наименее любимый цвет, за ним следуют коричневый (33%) и серый (17%).

Другие исследования подтвердили эти выводы, выявив неприятие у женщин землистых тонов и предпочтение основных чистых цветов и их оттенков.

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

Клиентская база Milani Cosmetics состоит в основном из женщин. Таким образом, на главной странице сайта нет ни капли оранжевого, серого или коричневого.

Как использовать психологию цвета для увеличения конверсии сайта

Woman's Day использует на главной странице сайта все три любимых женщинами цвета (синий, фиолетовый и зелёный), что привлекает целевую аудиторию.

Как использовать психологию цвета для увеличения конверсии сайта

Большинство людей думают, что всеми любимый девичий цвет ー розовый. Вовсе нет. Лишь небольшой процент женщин выбирает розовый цвет своим любимым цветом.

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

2. Мужчины предпочитают синий, зелёный и чёрный

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

Имейте в виду, что гендерные предпочтения неочевидны. Пол ー это сложная тема, и не все мужчины или женщины предпочтут цвета, указанные выше. Однако эта информация может служить отправной точкой для A/B-тестирования.

3. Используйте синий, чтобы укрепить доверие

Синий ー один из наиболее часто используемых цветов, и на то есть веские причины. Многим нравится синий цвет.

Прочитайте литературу о синем цвете, и вы встретите такие утверждения, как:

  • Синий ー это цвет доверия, мира, порядка и верности.
  • Синий ー это цвет корпоративной Америки, и он говорит: «Остынь… доверься и поверь мне… будь уверен в том, что я говорю!»
  • Синий вызывает в памяти чувство спокойствия и безмятежности. Его часто описывают как мирный, спокойный, безопасный и упорядоченный.

В исследовательском сообществе действует общее согласие относительно психологических эффектов синего цвета. Его тонкое послание о надёжности и безмятежности верно. Вы можете использовать это в своих интересах на сайте и посадочных страницах.

Самая большая социальная сеть в мире ー синего цвета. Для компании, основными ценностями которой являются прозрачность и доверие, это, вероятно, неслучайно.

Компания PayPal, которая служит каналом для миллиардов долларов, также предпочитает синий цвет. Скорее всего, это помогает повысить восприятие надёжности. Если бы они попробовали, скажем, красный или оранжевый в качестве цвета темы и брендинга, у них, вероятно, не было бы такого же уровня конверсии.

Как использовать психологию цвета для увеличения конверсии сайта

Синий цвет широко используется многими банками. Вот CapitalOne.com, крупный интернет-банк:

Как использовать психологию цвета для увеличения конверсии сайта

Хотя синий цвет великолепен, его никогда не следует использовать для чего-либо, связанного с едой. Люди, сидящие на диете, накладывают еду в синие тарелки, чтобы не давать себе есть больше.

Теория эволюции предполагает, что синий цвет связан с ядом. Синих продуктов не так много ー черника и сливы. Практически всё на этом. Таким образом, никогда не используйте синий, если вы продаёте продукты. Вместо него используйте красный. 

4. Жёлтый цвет означает предупреждение

Жёлтый ー цвет предупреждения. Следовательно, жёлтый цвет используется для предупреждающих знаков, светофоров и табличек с предупреждением о том, что пол мокрый.

Как использовать психологию цвета для увеличения конверсии сайта

В таком случае кажется странным, что некоторые психологи цвета называют жёлтый цветом счастья. Business Insider сообщает: «Компании используют жёлтый цвет, чтобы показать, что они весёлые и дружелюбные». Есть вероятность, что жёлтый может указывать на веселье. Однако, поскольку жёлтый стимулирует центр возбуждения мозга, ощущение веселья может быть просто состоянием повышенной эмоции и реакции, а не настоящей радостью.

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

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

Как использовать психологию цвета для увеличения конверсии сайта

Я даже читал, что «жёлтый цвет может вызвать тошноту», хотя сомневаюсь в этом.

Как использовать психологию цвета для увеличения конверсии сайта

Если вы найдёте исследование о капризных младенцах и гневных людях, живущих в домах с жёлтыми стенами, дайте мне знать. Я почти уверен, что младенцы будут плакать, и люди будут раздражёнными, независимо от цвета краски.

Как бы то ни было, похоже, что «жёлтый активирует центр тревоги мозга», как сообщил один эксперт по цвету.

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

Используйте жёлтый в малых количествах, если не хотите вызывать ненужное беспокойство.

5. Зелёный цвет идеально подходит для экологичных товаров и компаний, продающих туристические товары

Пожалуй, наиболее интуитивно понятная цветовая ассоциация связана с зелёным. Это цвет окружающей среды и всего благоприятного для природы и экологии. По сути, зелёный цвет ー это хроматический символ самой природы.

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

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

Однако зелёный цвет касается не только природы. Зелёный также является хорошим цветом призыва к действию, особенно при использовании в сочетании с «эффектом изоляции», также известным как эффект фон Ресторфа, который означает, что вы лучше запоминаете вещи, если они выделяются.

Вы помните Статую Свободы, потому что она большая, высокая, зелёная, а в гавани Нью-Йорка таких немного. В психологии цвета эффект изоляции возникает, когда элемент фокуса, например, этап конверсии, является единственным элементом определённого цвета. Эта техника творит чудеса с призывами к действию, и зелёный цвет ー идеальный выбор.

Вот как это использует Конрад Фиджин:

Как использовать психологию цвета для увеличения конверсии сайта

Все элементы конверсии на сайте Dell ー зелёные.

Как использовать психологию цвета для увеличения конверсии сайта

Само слово «зелёный» является расхожим для обозначения осознанности в области экологии и приверженности экологичному образу жизни. Использование слова и самого цвета может придать сайту ауру экологичности, улучшив вашу репутацию среди тех, кто неравнодушен к проблемам окружающей среды.

6. Оранжевый может вызвать чувство спешки или импульса

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

Отличный пример ー логотип Denver Broncos.

Как использовать психологию цвета для увеличения конверсии сайта

На самом деле, существует масса спортивных команд, которые используют оранжевый: Florida Gators, Clemson Tigers, Boise State Broncos, Syracuse, New York Knicks, New York Mets, Cleveland Browns и т. д.

Amazon.com использует оранжевый цвет на баннере предложения с ограниченным сроком действия. Цвет указывает на срочность, что делает сообщение более заметным и действенным.

Как использовать психологию цвета для увеличения конверсии сайта

Это имеет смысл. Оранжевый означает активный. Оранжевый означает веселье. Оранжевый означает единение, потому что это яркий и тёплый цвет.

Однако, оранжевый может немного подавлять. В исследовательской статье говорится:

«Оранжевый будет использоваться умеренно, чтобы привлечь внимание к чему-либо, но не настолько, чтобы подавить фактическое сообщение рекламы».

Иногда оранжевый трактуется как «дешёвый». Если у вас дешёвый товар или вы хотите, чтобы его считали таковым, оранжевый может быть хорошим выбором. Да здравствует «Дикси».

7. Чёрный цвет добавляет ощущение роскоши и ценности

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

В статье Business Insider о цвете и бренде автор рассказывает о значении чёрного:

«Чёрный также можно рассматривать как цвет роскоши. При правильном использовании чёрный может говорить о гламуре, изысканности, эксклюзивности».

Сумки Louis Vuitton недёшевы. На сайте отсутствуют причудливые и забавные цвета и рисунки. Это заявление о серьёзной ценности.

Как использовать психологию цвета для увеличения конверсии сайта

Citizen Watch лучше, чем средние часы Timex. Компания также использует дизайн сайта в тёмных тонах.

Как использовать психологию цвета для увеличения конверсии сайта

Lamborghini делает то же самое. Чёрный цвет ー это важно.

Как использовать психологию цвета для увеличения конверсии сайта

Если вы продаёте на сайте дорогие предметы роскоши, чёрный, вероятно, будет хорошим выбором.

8. Используйте чистые основные цвета для призыва к действию

В строгих условиях тестирования самыми результативными цветами для призывов к действию являются яркие основные и дополнительные цвета ー красный, зелёный, оранжевый, жёлтый.

Более тёмные цвета, такие как чёрный, тёмно-серый, коричневый или фиолетовый, имеют очень низкий коэффициент конверсии. Более яркие имеют более высокий коэффициент конверсии.

Для всплывающих окон с призывом к действию журнал Women's Health использует яркий лиловый оттенок. Они используют ассоциированный с женщинами пурпурный/розовый оттенок, а также яркий тон.

Как использовать психологию цвета для увеличения конверсии сайта

GreenGeeks использует жёлтую кнопку.

Как использовать психологию цвета для увеличения конверсии сайта

Крупнейший розничный продавец в мире использует знаменитую кнопку «добавить в корзину». Она жёлтая.

Как использовать психологию цвета для увеличения конверсии сайта

Одни из самых конвертирующих цветов ー «уродливые» оранжевый и жёлтый. В статье на ColorMatters.com говорится:

«Психологически неэстетичные цвета вполне могут привлечь больше внимания, чем те, что традиционно входят в список эстетичных». 

Поскольку цель конверсионного элемента ー привлечь внимание, вы вполне можете создать большую оранжевую кнопку. Или жёлтую.

9. Не пренебрегайте белым

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

Что я точно знаю, так это то, что широкое использование белого пространства ー это мощная особенность дизайна. Возьмём, к примеру, самый популярный в мире сайт. В основном всё пространство белое.

Как использовать психологию цвета для увеличения конверсии сайта

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

Практические рекомендации по психологии цвета для увеличения конверсии 

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

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

Чем больше свободы у вас будет в цветовой гамме, тем лучше. Вот несколько важных выводов, которые помогут применить психологию цвета на сайте:

  • Протестируйте несколько цветов. Несмотря на то что утверждают некоторые источники, для текста или кнопки конверсии не существует правильного цвета. Попробуйте поставить зелёную, фиолетовую или жёлтую кнопку. Узнайте о преимуществах схемы чёрного фона по сравнению с белым фоном. Узнайте, что лучше всего подходит для вашей аудитории и вашего продукта.
  • Не оставляйте выбор цвета на усмотрение дизайнера. Я очень уважаю большинство веб-дизайнеров. Я работал со многими из них. Однако не позволяйте дизайнеру диктовать, какие цвета вы должны использовать на своём сайте. Цвет ー это вопрос конверсии, а не просто эмоция: «О, это хорошо выглядит». Цветовая эстетика ー это ещё не всё. Эффект конверсии цвета важен! Вы должны активно участвовать в выборе цвета посадочных страниц, чтобы повысить конверсию.
  • Избегайте перегрузку цветом. Я только что потратил более 3000 слов, чтобы рассказать вам, насколько важен великолепный цвет. Теперь вам нужно пойти и перекрасить что-нибудь. Но не переусердствуйте. Вспомните последний пункт моей статьи. Я поставил его последним не зря. Белый ー это цвет, и он тоже должен быть вашим предпочтительным цветом. Преодолейте энтузиазм относительно цвета, используя большое количество белого. Слишком много цветов может создать ощущение беспорядка.

Заключение

Интернет ー место, где много цветов, и много чего можно добиться, если правильно использовать цвет в нужное время с подходящей аудиторией и для правильной цели.

Естественно, эта статья вызывает вопросы о внесении изменений во внешний вид вашей компании. А если в руководстве по стилю вашей компании фигурирует определённый цвет? Что делать, если цвет логотипа диктует определённый оттенок? Что, если ведущий дизайнер определяет требования к цвету? Как вы с этим справляетесь?

Как изменение цвета повлияло на конверсию у вас?

Автор: Нил Патель. Оригинал публикации: https://neilpatel.com/blog/psychology-of-color-and-conversions/

Готовы пообщаться?Готовы пообщаться?Готовы пообщаться?

Комментарии

  1. Ольга

    прочитала статью и теперь не знаю размещать рекламный пост или перекрашивать стену в фотографии) спасибо! тема очень актуальная!

  2. Александр З

    Синий и зеленый цвета нравятся как мужчинам, так и женщинам. Отличие же в том, что третьим цветом у мужчин являетя черный, а у женщин-желтый. Черный- это земля, а желтый-это Солнце. Вот почему женщины более эмоциональны, чем мужчины! Ну, а синий-это цвет неба, а зеленый-это весенняя природа. То есть человеку нравятся естественные (базовые) цвета. Очень интересна статья. Желаю дальнейщих творческих успехов автору!

  3. Александр

    Мужчинам и женщинам нравятся синий и зеленый цвета. Синий-это цвет неба, а зеленый-цвет природы весной. Различие же заключается в том, что третьим цветом для мужчин является черный (цвет пашни), а для женщин-фиолетовый (цвет самой верхней чакры). Это обьясняет высокую интуицию и яснознание у женщин, по сравнению с мужчинами. Очень хорошая статья! Успехов ее автору!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Кейсы