Психология влияния цвета на конверсию сайта: Как цвета влияют на конверсию?

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

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

Ещё более интересно то, что показало тематическое исследование: изменение цвета, помимо других элементов, может увеличить конверсию на 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/

Психология влияния цвета на конверсию сайта

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

Прежде чем выяснять «Как психология цвета влияет на конверсию сайта», стоит ознакомиться с теорией эмоционального поведения Келлермана-Плутчика:

«Колесо эмоций» американского профессора психологии Роберта Плутчика, 1980 г.

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

В арифметике эмоций возможны разные варианты:

• Радость + Признание = Любовь;
• Страх + Признание = Подчинение;
• Доверие + Предвкушение = Надежда;
• Радость + Предвкушение = Оптимизм;
• Печаль + Предвкушение = Пессимизм.

Возрастные и гендерные предпочтения

Есть различия в цветовосприятии между мужчинами и женщинами. Мужской аудитории понравится синий и черный, а также зеленый. В дизайне, мужчины скорее оценят четкие цвета (bold colors). Совсем не многим по душе коричневый, оранжевый, пурпурный.

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

Дети любят теплые и яркие цвета, а также насыщенные тона. Молодых привлекают оранжевый, желтый, розовый (теплые цвета). Люди в возрасте предпочитают холодные и «спокойные» цвета, например голубой, сине-зеленый.

Любимые цвета потребителей

• Импульсивных покупателей привлекают ярко-синий (Royal Blue), черный и красно-оранжевые цвета. Применяют в сфере фаст-фуд, при тотальных распродажах, на сайтах торговых центров. Провоцирующие цвета отлично продают, стимулируя безудержное потребление
• Экономящим бюджет потребителям понравится освежающий цвет морской синевы, бирюзовый. Эти цвета отлично работают в продажах специализированных товаров
• Рядового потребителя стимулируют к покупке разновидности розового и небесно-голубой – цвета, часто применяемые в онлайн-торговле одеждой

Красный

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

Синий

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

Зеленый

Легкий для восприятия и самый радостный цвет: вызывает ощущение покоя, взросления, природной естественности, гармонии. Его успокаивающее воздействие зеленого цвета используют продающие сайты, позволяя клиентам расслабиться и насладиться изучением коммерческого предложения. Хорошо подходит для ниш энергетики, финансов, технологий; сайтам кулинарной тематики и блогам домохозяек. Зеленый цвет не лучшим образом представит авто-бренд, фэшн-сайт и со спорным результатом медицинский.

Оранжевый

Агрессивный и чрезвычайно заметный цвет. Оранжевым раскрашивают аварийно-сигнальные ограждения, а на веб-сайтах, кнопки призыва к действию (Call to Action). Это цвет уверенности, оптимизма, просветления и творческой активности. Цвет популярен в нишах здравоохранения и технологий, но не очень эффективен для тематик: одежда, финансы, авиа, авто, энергетика. Для сайтов о кулинарии, брендов в сегменте домохозяйства и сельского хозяйства, наблюдения показали непредсказуемость результата.

Черный

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

Белый и серебристый

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

Пурпурный

Широко используется для рекламы / сбыта косметических и эстетических средств, из-за ассоциаций с величием, могуществом и благополучием. Цвет хорошо работает в дизайнах медицинских сайтов, а также технологичных и финансовых брендов. Пурпурный (фиолетовый) не столь привлекателен для ниш энергетики и сельского хозяйства.

Желтый

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

Цвет может улучшить показатель конверсии

Успешно развивающиеся сайты уже включили цветовосприятие в брендинговую стратегию. Секрет конверсий – удачная цветовая схема, вызывающая эмоции позитивного ряда, при достаточном понимании психологии зрительного мышления аудитории. 93% покупателей полагают, цвет определяет их выбор, а 52% не вернутся на сайт, не удовлетворяющий требованиям эстетики.

Регулярным посетителям важны дизайн и юзабилити. В конечном итоге, большинство онлайн-потребителей выбирает другой ресурс, если сталкиваются плохим дизайном или навигацией.
Что касается коэффициента конверсии кнопки call to action (призыва к действию) – лучшие цвета красный, оранжевый или зеленый, когда достаточно выделяют целевой призыв из контента. Они увеличивают на 13. 5% коэффициент конверсии мобильных пользователей, а в целом на 9%. На 6.5% чаще добавляется товар «В корзину». Компании BMI, HubSpot, Ript, и VegasSlotsOnline добились улучшений конверсий от 2,5% до 175%, поменяв лишь цвет CTA-кнопок.

Вывод

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

Об этом исследовании психологии цветовосприятия и влиянии цветов на конверсию сайта – в удобном формате познавательной инфографики:

Влияние цвета на конверсию сайта – Plerdy

Ив Сен-Лоран, когда говорил о том, что открыл цвет в Марокко, подразумевал, что познал силу его психологического влияния. Цвет определяет наши чувства, задает настроение, меняет жизнь. Точно также он работает в отношении посетителей сайта. Задача брендинга и дизайна – с помощью цвета определить неосознанное отношение целевой аудитории к компании, ее продукции или услугам. Иногда – повлиять на решение о покупке, иногда – о нажатии той или иной кнопки.

Так ли это важно на самом деле?

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

• 93% пользователей принимают решение о покупке, опираясь на внешний вид продукта и сайта. 70% не купят, если цвет им не понравится. Успех бренда на 80% зависит от правильности цветовых сочетаний ресурса.
• Есть только 8 секунд, в течение которых можно завоевать внимание пользователя. Только правильно подобранный цвет может помочь в современной борьбе вывесок.
• Есть цвета, которые крайне негативно могут сказаться на продажах с вашего ресурса. Это серый, коричневый, оранжевый. Серый неофициально принято считать интерфейсным цветом. Он “уводит” от совершения целевого действия. Коричневый вызывает негативные эмоции у большинства женщин и мужчин. Оранжевый хорош скорее для выделения кнопок, нежели для создания общего впечатления от бренда и его сайта. Опять же, он сильно раздражает пользователей, даже больше красного.

Существует цветовая схема Плутчика, которая должна помогать дизайнерам при выборе правильных цветовых сочетаний. Но ее указания очень сильно ограничивают возможности спектра цветового влияния. Никакую схему не стоит брать за истину в последней инстанции при определении оптимального оформления сайта. Психология цвета, как наука, находится только на стадии становления. Если придерживаться общих результатов исследований, можно так и никогда не найти свой “ключ” к сердцу ЦА. Далеко не всегда оранжевые кнопки так результативны, как о них говорят в отчетах. Красный – вовсе не символ агрессии, крови и насилия.

Задачи сайта и месседж бренда

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

Задачи сайта

Что вы будете продвигать? Цвета, которые являются брендовыми у “Кока-Колы”, вряд ли помогут добиться высокой конверсии и обрести любовь клиентов банка, медицинского центра, фармацевтического предприятия.

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

Бренды, которые испытали действенность этого цвета на своих продажах: “Макдональдс”, “Кока-Кола”, “Авис”, “Колгейт”, “Лейс”, “Найк”, “Вёрджин”, “Ред Булл”, “Тайм”, “КФС”.

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

Бренды, которые испытали действенность этого цвета на своих продажах: “Орал-Б”, “Твиттер”, “Фейсбук”, “Линкедин”, “Форд”, “ПэйПэл”.

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

Бренды, которые испытали действенность этого цвета на своих продажах: “Сабвей”, “Хоул Фудс”, “Энимал Пленет”.

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

Бренды, которые испытали действенность этого цвета на своих продажах: “Фанта”, “Харлей-Дэвидсон”, “Хутерс”.

Черный – цвет очень сильный, мощный и властный. Он сильно перетягивает на себя внимание, поэтому его стоит использовать при создании сайтов ничуть не менее аккуратно, чем красный, оранжевый или золотой. Замечали, что великие модные дома вроде “Версаче”, “Диор”, “Шанель”, “Сен-Лоран”, используют в брендинге много черного? Что же, нужно понимать, что этот цвет ассоциируется с высоким стилем, с вечностью, с тем, над чем мода никогда не будет властна. Но и только такие маститые бренды, которые задают настроение в оформлении и одежде по всему миру, могут позволить себе столько черного на сайте. Это идеальный цвет для продажи одежды, техники, транспорта и логистики. Стоит учитывать, что он плохо сочетается с пищевой и здравоохранительной нишами.

Бренды, которые испытали действенность этого цвета на своих продажах: “Шанель”, “Диор”, “Версаче”, “Мон Блан”, “Ягуар”.

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

Бренды, которые испытали действенность этого цвета на своих продажах: “Эппл”, “Асус”, “Ральф Лорен”, “Версаче”, “Диор”, “Ив Сен-Лоран”, “Хонда”.

Фиолетовый – “сеньор” загадочный, сильный и величественный. Именно поэтому он используется в брендинге бьюти-сайтов. Этот цвет как никакой другой ассоциируется с красотой и здоровьем. Он не особо подходит для энергетической и агросферы, при этом сомнительно хорош для продвижения одежды, автомобилей, самолетов, предметов и услуг домашнего хозяйства. Бренды, которые испытали действенность этого цвета на своих продажах: “Яхоо”, “Тако”, “Крейглист”, “Крояль”.

Желтый – цвет радости и действия, интеллекта и развития. Херц, Шелл, Нешнл Джеографик – неполный перечень именитых брендов, для которых желтый стал символичным. Да, можно сказать, что такой цвет оптимален для энергетической сферы, пищевой отрасли и домашнего хозяйства. Но ведь мы знаем и о таком мобильном операторе, как “Билайн”, который стойко ассоциируется с пчелиным сочетанием желто-черного?

Бренды, которые испытали действенность этого цвета на своих продажах: “Кэт”, “ДХЛ”, “Пеннзоил”, “Шелл”, “Херц”.

Целевая аудитория

Женщины, мужчины, взрослые, дети – кто они, посетители вашего сайта? Пол и возраст также нужно учитывать при выборе оформления сайта.

К примеру, женщинам нравятся пастельные оттенки зеленого, синего, фиолетового. Многим также нравится нежно-розовый и персиковый.

Мужчины предпочитают черный, зеленый, синий. Хорошо относятся к белому, серебристому. Мужчины более консервативны и менее лояльны к ярким насыщенным оттенкам. Им не нравится пурпурный, красный, коричневый.

Женщины, наоборот, любят яркие и нежные цвета. Им не по душе, когда на сайте превалирует серые, бледно-желтые, оранжевые и коричневые оттенки.

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

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

Щедрый, обычный, экономный

Какова она, вместительность кошельков ваших клиентов? Финансовые возможности представителей ЦА также влияют на принятие одного цвета и отверженность другого в каждой конкретной ситуации. К примеру, щедрые и импульсивные покупатели любят все яркое и “горящее”, привлекающее внимание (красное, синее и, даже, черное). Обыватели находят “родными” розовые и небесно-голубые вариации, а что касается экономистов и консерваторов, то им нравится сине-зеленые смешанные оттенки.

Ниша, задача сайта, пол, возраст и финансовые возможности представителей целевой аудитории – важные, но не единственные факторы, которые нужно учитывать при выборе цветов бренда. Идеальное решение всегда лежит в “стране” экспериментов, без которых вы можете положиться только на результаты общих исследований.

Цветовые ассоциации

Брендинг предусматривает передачу сообщения, некого скрытого послания, для представителей целевой аудитории посредством цветов. Какие у нас вызывает ассоциации синий? Социальные сети, блоги, кнопки – вот и доверие, да такое, что и раскрыть часть своей личной жизни не страшно. Синий – ассоциируется с надежностью, силой, родным домом. Не поэтому мы все больше и больше буквально “живем” в соцсетях? Влияет на подсознание каждый цвет. Вопрос только как.

• Черный. Элегантный, элитный, изысканный, вечный, сильный. У мастеров боевых искусств есть пояса разных цветов, но все знают только об одном – черном. Он символизирует вершинное мастерство, бесконечное совершенство, к которому можно стремиться. Примерно такие ассоциации вызывает этот цвет и у представителей вашей ЦА. Он мощный, элитный. Им легко и просто подчеркивать статус лакшери продукции. Но и забывать о том, что черный цвет мощный, привлекающий внимание, не стоит. Отличный вариант для выделения важной информации.
• Красный. Огненный, кровавый, агрессивный, сочный, жизнеутверждающий. Это цвет огромной мотивации, хорош для кнопок и выделения важной информации. Вместе с тем многих отталкивает своей тотальной насыщенностью, режет глаз. Красный цвет как никакой другой привлекает внимание. Но и символизирует опасность (все помнят 3 цвета светофора?). Он вызывает стойкое желание жить, бороться, действовать, но и сильно утомляет. Буквально вызывает аппетит, поэтому идеален для всех сайтов, которые связаны с едой, техникой, транспортом и логистикой, сельским хозяйством.
• Зеленый. Цвет природы, гармонии окружающей нас среды, цвет денег и процветания. Ничто не может быть более умиротворяющим и живым, чем зеленый листок. Зеленый цвет облегчает восприятие, успокаивает и расслабляет. Именно поэтому широко используется при оформлении финансовых, технологических и кулинарных порталов.
• Синий. Считается наиболее лояльным и универсальным цветом. Абсолютно нейтральный в плане восприятия, он вызывает чувство надежности, стабильности. Безотказная честность, продуктивность, профессионализм – все туда же, к синему цвету. Его активно используют в мире информационных технологий, редко – там, где речь идет о транспорте, кулинарии, предметах одежды.
• Серебристый и белый. Чистота, ясность, прозрачность, совершенство – девиз восприятия тех, кто видит этот цвет. Компания Apple неслучайно выбрала его для своего символа – яблока. Ее продукт больше, чем просто вкусный и сочный. Он – совершенный. По крайней мере, именно так считают “яблокоманы”, коих в мире миллионы. Цвет обладает аналогичной универсальностью наравне с синим, зеленым и черным. Хорош буквально в любых комбинациях, а чистом виде вот не сочетается со сферой банковских услуг и питания.
• Пурпурный. Сильный, загадочный, цветовое воплощение могущества, великолепия. Широко используется в бьюти-индустрии и отрасли здравоохранения, сфере инновационных технологий. Это цвет королевской мантии, синтез розового и синего, роскошен не менее черного, так что может с успехом использоваться и в продвижении продукции для лакшери сегмента.
• Оранжевый. Жизнерадостный, креативный, непредсказуемый, но вместе с тем и очень агрессивный. Можно сказать, что не менее красного. Недаром один из наиболее раздражающих цветов в палетке. Использовать его нужно грамотно, а найти цветовую пару оранжу не так уж и просто. Хорошо этот цвет проявляет себя в сфере здравоохранения, энергетики, техники. В остальных направлениях ведет себя, как и подобает заводному апельсину – непредсказуемо.
• Желтый. Цвет тепла, уюта, света и радости. Вызывает приятные эмоции, подводит к энергетическому подъему. Отличный вариант для фуд-бренда, ивент-компании, энергетического предприятия. Но и здесь правило светофора никто не отменял. Желтый – знак предупреждения и символ прессы с сомнительной репутацией, у которой аналогичное название.

Цвет может заложить в подсознании философию бренда и сформировать к нему отношение.

Хотите показать, что ваши товары только для избранных, статусных? Используйте черный.

Планируете подчеркнуть совершенство и уникальность товара или услуги? Берите белый и будьте, как Эппл.

Хотите принудить к действию или обратить на себя внимание? Красный и оранжевый помогут в этом деле.

Несете в мир красоту и королевское величие? Ваш вариант — пурпурный.

Главное – не бояться экспериментировать.

Рекомендации, исследования и схемы палеток – это еще не последнее слово в оформлении сайта.

Цветовая формула идеального сайта и лучший цвет кнопок

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

Что касается идеальной цветовой формулы, то здесь можно применить принцип трех: 60% основной цвет низкой насыщенности, 30% вторичный цвет, 10% цвет кнопок целевого действия, элементов СТА, наиболее высокой яркости. Цвета можно подбирать по цветовому кругу, что сложно и долго, с учетом таблицы сочетаемости, или по цветовым блокам на Дрибле, что быстро и более удобно.

Не делайте ставку на сложные цветовые сочетания – они редко работают. Трех цветов более чем достаточно. Учитывайте вашу нишу и портрет ЦА, помните о результатах исследований, но всегда экспериментируйте – это поможет вам найти оптимальные фирменные цвета, повысить конверсию и лояльность покупателей.

Психология цвета и ее влияние на конверсию сайта

Автор: Диана Сиддикви

IT-копирайтер, переводчик, контент-менеджер.

Изучение психологии цвета (Psychology of Color) может существенно помочь дизайнеру в работе над макетом сайта. Использование правильных оттенков, гармонично сочетающихся между собой, позволяет в какой-то мере оказывать влияние на пользователей и настраивать их на определенную модель поведения. Давно известно, что разные цвета вызывают различные эмоциональные реакции, а это означает, что грамотное использование цвета может помочь в повышении конверсии сайта, так как посетители не будут испытывать негативных эмоций.

 

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

 

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

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

 

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

 

ЦВЕТ И ПРЕОБРАЗОВАНИЯ

 

Многочисленные исследования доказали, что имеется тесная связь между цветом продукта и стремлением человека его приобрести. Каждый раз, когда мы видим цвет, в гипоталамусе нашего мозга запускается цепная реакция. Щитовидная железа выбрасывает гормоны, которые вызывают определенные эмоции, влияющие на наше поведение. Согласно опубликованным данным, от 62 до 90% решений о совершении покупки принимается на основе бессознательного анализа цветовой гаммы. Следовательно, если дизайнер сможет хорошо разобраться в психологии цвета, то он сможет получить гораздо больше переходов на сайт, что сразу же отразится на показателе конверсии.

 

ПРАВИЛЬНОЕ ИСПОЛЬЗОВАНИЕ ЦВЕТА

 

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

 

• Всплывающие окна
• Границы
• Новости
• Фоновые цвета
• Баннеры и графику
• Кнопки, особенно с призывом к действию

 

ВЫБОР НАИБОЛЕЕ ПОДХОДЯЩЕГО ЦВЕТА

 

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

 

Если взглянуть на приведенную ниже иллюстрацию, то можно понять, каким образом использует насыщенные цвета бренд L’Oreal.

 

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

 

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

 

ЯРКОСТЬ И КОНТРАСТНОСТЬ

 

Яркость также играет очень важную роль в дизайне веб-сайта. Как правило, считается, что женщины предпочитают мягкие цвета, а мужчинам нравятся оттенки поярче. В рекламе L’Oreal оттенки розового являются мягкими, несмотря на свою насыщенность, то есть они явно «женские». Однако не все так просто. Женщины не всегда предпочитают «женские цвета». К примеру, если они ищут в интернете одежду или какие-либо товары для своих детей, они, как и мужчины, скорее всего, предпочтут яркие оттенки.

 

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

 

ПСИХОЛОГИЯ ЦВЕТА: ПРИМЕРЫ

 

Согласно данным, опубликованным на сайте moz.com, дизайнеры, работающие над сайтом онлайн-казино, просто изменили цвет кнопки с призывом к действию с зеленого на желтый. Результат – колоссальный рост конверсии на 187,4%. При этом выбор был не случаен – к таким результатам удалось прийти, перепробовав множество оттенков, и только один из них действительно показал рост конверсии. Даже другой оттенок желтого увеличивал конверсию максимум на 15%. Есть о чем задуматься.

 

 

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

 

10 ЦВЕТОВ И ИНТЕРНЕТ-МАРКЕТИНГ

 

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

 

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

 

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

 

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

 

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

 

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

 

Фиолетовый. Это изысканность и элегантность. В сочетании с оттенками желтого и золотом фиолетовый можно использовать на сайтах, тематика которых – комфорт и роскошь.

 

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

 

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

 

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

 

Коричневый. Данный цвет, не отличается ярко выраженным позитивом или эмоциональной окраской. Тем не менее, данный цвет прекрасно подходит для множества сайтов. Мебель, строительство, экология – это темы, где оттенки коричневого будут вполне уместны.

 

ВМЕСТО ЗАКЛЮЧЕНИЯ

 

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

 

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

Как психология цвета может повлиять на конверсию вашего сайта :: Shopolog.ru

Пользователю хватает всего 90 секунд, чтоб сформировать в голове решающее мнение о продукте. Как достучаться до него за такой короткий промежуток времени? Понятно, что красочное описание чудодейственной функциональности продукта, удачный нейминг и прочие маркетинговые фишки эффективны, но как сыграть на эмоциях клиента? Цвет – вот что мотивирует (или демотивирует) пользователя – в 62-90% случаев цвет становится главным аргументом в пользу совершения покупки!

Что, «продающий красный» уже не кажется таким мифическим? Психология цвета в маркетинге выходит на первое место при формировании продукта или бренда – цвет способен управлять эмоциями и формировать отношение. Мы не будем вникать в физиологические подробности этого процесса и использовать множество неизвестным вам слов, вроде гипоталамуса, гипофиза и эндокринной системы… Просто знайте: правильные цвета способны привести вас к победе.Только вдумайтесь, впечатление от цвета отвечает за 60% одобрения или непринятия продукта и за 80% узнаваемости бренда. 5 из 6 потребителей основывают выбор конкретного продукта исключительно на его цвете, а 2 из 3 не совершат покупку до того, пока бытовой прибор не будет выпущен в нужном цвете. Может быть нам и попадались слишком привередливые респонденты, но факт остается фактом – влияние цвета на выбор покупателя трудно переоценить. Поэтому Skilled.co собрала максимум информации о продающих цветах и их влиянии на конверсию, и теперь готова поделиться ей со всеми желающими!

Палитра потребительских различий

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

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

А как насчет гендерных различий? Очевидно ведь, что женщины и мужчины любят разные цвета! И они, безусловно, есть! Например, женщины, в силу своей повышенной эмоциональности отдают предпочтение более теплым и мягким цветам, ломая стереотип о тотальной дамской любви ко всему розовому. Большинство представительниц прекрасного пола, как ни странно, считают своими любимыми светлые оттенки синего. Кроме них, глубоким женским пиететом пользуются фиолетовый и зеленый цвета, в отличие от серого, коричневого и оранжевого, которые они откровенно презирают.

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

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

Цвета и бренды

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

Например, все тот же «продающий красный», заслуженно считающийся наиболее эмоциональным. Но что означает красный цвет для маркетинга? Будучи символом восхищения и смелости, он способен навязать покупателю острую необходимость в покупке, поэтому считается лучшим цветом для импульсивных продаж. Самыми яркими примерами его использования можно считать McDonald’s, Coca-Cola, KFC, Lays, Nike, Red Bull и многие другие бренды.

Наравне с красным, огромной популярностью пользуется голубой цвет – именно его бренды и веб-сайты используют чаще всего, поскольку 57% мужчин и 35% женщин считают его своим любимым цветом. Так как голубой символизирует доверие, продуктивность и спокойствие, очень часто его выбирают бизнес-структуры и финансовые организации, медицинские организации и авиакомпании, агрохолдинги и энергетические компании. Самыми яркими примерами использования синего цвета является VISA, Oral-b, IBM, Skype, Facebook (организация признана экстремистской, деятельность на территории РФ запрещена), Вконтакте и т.д.

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

Специфическим считается оранжевый цвет, который наиболее популярен для здравоохранения и производителей техники. Поскольку он символизирует серьезные амбиции, уверенность в своих силах и энтузиазм, оранжевый является отличным призывом к конверсионным действиям: купить, подписаться, зарегистрироваться и т. д. Не зря его использует Harley Davidson, Fanta, Nickelodeon, Одноклассники и многие другие.

Самым популярным цветом для товаров премиального и люксового сегмента выступает черный. Психология цветов говорит нам о том, что черный – это власть, элегантность и сила. Вспомните, например, Jaguar, Chanel или LOUIS VUITTON – черный отыгрывает центральную роль в позиционировании брендов такого уровня. В отличие от белого и серебряного, который символизирует совершенство и намекает на свежесть и чистоту бренда. Поэтому белый станет отличным цветовым решением для медицины, производителей одежды и благотворительных организаций. Хотя Honda использует его не менее успешно.

Достаточно часто встречается фиолетовый – его активно используют косметические бренды и средства против старения. А так как он ассоциируется с богатством и величием, фиолетовый станет отличным решением для финансовых организаций и медицины. Но только не для энергетики – кроме синего, для нее отлично подойдет желтый цвет, который символизирует энергию, радость и интеллект. Не зря его используют такие гиганты, как Pennzoil, DHL и CAT. Хотя, учитывая, что желтый вызывает родственные чувства и ассоциируется с едой, он будет полезен для домашних хозяйств и производителей продуктов.

Цвета и конверсия

С реакциями и спецификой брендов разобрались. Но как цвет влияет на покупательскую активность в целом? Визуальное восприятие – главный фактор, влияющий на решение о покупке: 9 из 10 человек обосновывают свое покупательское поведение впечатлением от визуальных образов на веб-ресурсе. Для 42% пользователей общий дизайн сайта является решающим аспектом, формирующим мнение об интернет-магазине, а 52%, которым не понравился дизайн, больше никогда не вернуться на сайт магазина снова. Вне сомнений, дизайн сайта становится главной причиной, по которой покупатели совершают или отказываются совершать покупки.

Но для отдельных конверсий важным является не только общий дизайн, но и отдельные его элементы. Например, цвет кнопок CTA, которые призывают пользователя к конкретному действию. Самыми эффективными цветами для них считаются оранжевый, красный и зеленый, но только если они выделяются на общем фоне сайта. При правильном использовании этих цветов, они готовы в среднем повышать на 6,5% количество добавлений товаров в корзину, на 9% увеличивать общий коэффициент конверсии с десктопов и на 13,5% – с мобильных устройств. И в подтверждение этому есть немало примеров: например, замена цвета кнопок CTA на сайте BMI на красные смогла повысить их конверсию на 2,5%; аналогичный ход на сайте Beamax повысил количество кликов на 53,13%; а для Dmix красная кнопка принесла повышение конверсии на 34%.

Впрочем, красную кнопку (как и продающий красный) нельзя назвать единственно верным решением – существует масса работающих на практике цветовых вариаций. В частности, в конкурсе, проведенном Visual Website Optimizer, красная кнопка с белой надписью принесла 5% конверсии и заняла лишь третье место. Куда лучше смогли проявить себя зеленая кнопка с белой надписью и белая кнопка с зеленой надписью. Хотя в это же время многие уверены, что лучшим призывом к действию является «Большая оранжевая кнопка»…

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

Какие цвета использовать для увеличения конверсии | Convert Monster

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

Но цвет влияет не только на наши эмоции. Тематическое исследование показало: изменение цвета на сайте может увеличить конверсию на 24%. Эксперты по психологии цвета утверждают: используйте правильные цвета и вы выиграете. 

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

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

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

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

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

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

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

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

В этой статье обсудим использование цвета в дизайне сайтов. 

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

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

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

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

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

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

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

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

Чтобы преуспеть в использовании психологии цвета, необходимо следовать основным принципам: 

• подходящее время,
• правильная аудитория,
• правильная цель.

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

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

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

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

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

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

Цвета, которые женщины не любят: оранжевый, коричневый, серый. 

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

Цвета, которые мужчины не любят: коричневый, оранжевый, фиолетовый.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Компания 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. Не пренебрегайте белым 

Широкое использование белого пространства – мощная особенность дизайна. Возьмем, к примеру, самый популярный в мире сайт. В основном все пространство белое. 

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

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

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

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

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

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

Остались вопросы? Задайте их в комментариях в блоге Convert Monster.

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

Источник: блог Convert Monster

Повышение конверсии веб-сайта. Как использовать психологию цвета

Цвет везде и вокруг нас. Он вызывает эмоции, воспоминания и даже влияет на наше поведение. При правильном использовании цвет влияет на наши решения и может кардинально изменить наш бизнес-бренд и присутствие в Интернете.

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

Содержание

Психологические эффекты цвета

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

Белый — хороший пример, который представлен в некоторых западных обществах как чистота и невинность. Он символизирует траур в восточных странах. Мы ассоциируем белый цвет с пространством, и это мощная функция фона.

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

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

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

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

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

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

Цвета, увеличивающие онлайн-продажи

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

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

Синий заслуживает доверия и корпоративен. Для достижения наилучших результатов смешайте синий с дополнительными профессиональными цветами. Если ваша целевая аудитория — молодые женщины, то розовый — это то, что вам нужно.

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

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

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

Использование цвета для влияния на решения клиентов о покупке

Цвета логотипа и веб-сайта сделают вас брендом, ваш контент определит вас, а ваш продукт удовлетворит желание или потребность. У вас есть 90 секунд, чтобы превратить потенциального клиента в покупателя на целевой странице. Таким образом, привлекательные цвета могут повлиять на выбор вашего продукта среди конкурентов и увеличить конверсию.

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

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

Нейтральные цвета, такие как черный, белый и серый, улучшают фон и выделяют другие дружественные цвета и шрифты.

Руководство дизайнера по цвету

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

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

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

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

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

Заключение

Суть в том, что самый простой способ привлечь покупателей на ваш веб-сайт — это привлечь их цветом и восхитить контентом.

Вот как цветовая психология влияет на конверсию веб-сайта

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

Фактически, до 40% посетителей могут не вернуться, если им не нравится внешний вид сайта. Итак, что вы можете сделать, чтобы улучшить конверсию?

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

Позвольте мне немного рассказать вам об этом.

Психология цвета

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

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

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

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

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

Понимание вашей целевой аудитории

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

Большинство компаний имеют довольно хорошее представление о своем целевом рынке. Например, организации красоты и ухода за кожей, такие как L’ORÉAL, не часто ориентируются на мужчин. Целевой аудиторией этой конкретной компании являются женщины в целом.

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

Судя по снимку экрана выше, вы можете видеть, что этот конкретный сайт привлекает больше женщин, а также тех, кому от 18 до 24 лет. точка.

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

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

Знай свои продукты и услуги

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

Взгляните на большинство коробок для пиццы. Сколько вы можете вспомнить об использовании красного цвета в дизайне в какой-то момент? Будь то шрифт или сам логотип, красный цвет используется в продуктах питания, чтобы возбудить аппетит. Что хорошо для пищевых продуктов.

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

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

Основные цвета, влияющие на людей

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

Для начала неплохо бы взглянуть на современные тенденции дизайна в Интернете. Некоторые из них могут начать указывать вам правильное направление в отношении того, что ищут потребители.

Синий

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

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

Зеленый

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

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

Желтый

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

Если вы хотите привлечь чье-то внимание, желтый — один из тех цветов, которые выделяются. Используется для привлечения внимания окружающих. Желтый — «веселый» цвет, который находит отклик у многих и вдохновляет людей на действия.

Оранжевый

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

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

Красный

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

Объявления о продаже, распродажи и кнопки «Купить» на веб-сайте часто имеют красный цвет. Это потому, что это внушает покупателю ощущение, что им нужно действовать сейчас. Хотя покупка товара или услуги может и не быть экстренной ситуацией, покупатель чувствует, что так оно и есть.

Черный

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

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

Белый

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

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

Влияние ярких цветов

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

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

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

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

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

Собираем все вместе

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

Давайте, например, разберем цветовую схему Best Buy. В дизайне сайта и логотипа компания использует синий, желтый и черный цвета. Согласно приведенному выше списку, цветовая схема направлена ​​на привлечение импульсивных покупателей к надежной компании.

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

Цветовая схема Walmart аналогична, и многие люди подтвердят, что совершают импульсивные покупки, как только переступают порог магазина. Затем этот эффект переносится в кибермир, поскольку компания продолжает привлекать тех, кто быстро тратит деньги.

Оказал бы Walmart такое же влияние на покупателей, если бы цвета были синими и зелеными? Возможно нет. Люди могут даже совершенно по-разному относиться к компании.

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

Не перегружайте чувства

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

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

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

Выбирайте хорошие фоны

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

Старайтесь избегать использования изображений в качестве фона, если только они не невероятно непрозрачны. Помните, что вы хотите, чтобы посетитель смотрел на ваш контент. Использование изображения, которое вы вытащили прямо с телефона, в качестве фона отвлечет внимание от нужного вам места.

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

Уделите время дизайну

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

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

Психология цвета в веб-дизайне

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

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

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

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

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

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

Цвет и конверсии

Научная связь между цветом продуктов и желанием совершить покупку была доказана. Каждый раз, когда вы видите цвет, в гипоталамусе вашего мозга происходит цепочка реакций. Гормоны выбрасываются в щитовидную железу, вызывая эмоции, влияющие на ваше поведение. Фактически, от 62% до 90% решений о покупке основаны на цветах! Таким образом, более глубокое изучение психологии цвета может значительно улучшить неуловимую конверсию для вашего сайта.

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

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

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

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

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

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

Практические примеры психологии цвета

Согласно исследованию, опубликованному на Moz, компания, производящая игровые автоматы, просто изменила цвет кнопки призыва к действию с зеленого на желтый. Это привело к колоссальному росту конверсии на 187,4%! Рекомендуется попробовать разные цветовые схемы для вашего сайта. Вы можете использовать многофакторное тестирование с несколькими разными цветами. Цвета с максимальным воздействием на вашу целевую аудиторию будут лучшими вариантами.

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

10 цветов с точки зрения интернет-маркетолога

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

1. Розовый : Начнем с розового. Если ваша целевая аудитория состоит в основном из женщин, то вам подойдет розовый цвет. Известно, что этот цвет вызывает эмоции веселья и романтики. Розовый очень сильно ассоциируется с юношеской женственностью. Это игриво и напоминает жевательную резинку и невинность. Он идеально подходит для веб-сайтов, которые восходят к старым временам или ориентированы на женскую аудиторию.

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

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

Чтобы получить больше вдохновения, посмотрите нашу витрину синих веб-сайтов.

3. Красный : Ничто так не привлекает внимание людей, как красный. Считается наиболее эффективным цветом для призыва к действию. Если вы разрабатываете кнопку «действовать сейчас», ваш цвет — красный. Красный – цвет стимулирующий, возбуждающий. Это связано со страстью, силой, а иногда и гневом. Его можно использовать для предупреждения или для обозначения опасности, но он также может обозначать силу, решительность и смелость.

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

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

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

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

5. Желтый : В мире маркетинга говорят, что желтый цвет означает здоровый дух без забот и депрессивных мыслей. Лучше всего подходит для интернет-магазинов, которые продают такие товары, как детская одежда и игрушки. Этот цвет также ассоциируется с осторожностью. Y

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

Чтобы получить больше вдохновения, посмотрите нашу витрину желтых веб-сайтов.

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

Чтобы получить больше вдохновения, посмотрите нашу витрину фиолетовых веб-сайтов.

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

Чтобы получить больше вдохновения, посмотрите нашу витрину оранжевых веб-сайтов.

8. Золото : Металлический цвет золота означает власть и престиж. Он хорошо сочетается с другими цветами, олицетворяющими элегантность, такими как зеленый и фиолетовый.

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

Для большего вдохновения посмотрите нашу витрину черных веб-сайтов.

10. Коричневый : Коричневый — невзрачный цвет, вызывающий расслабление и спокойствие. Этот цвет идеально подходит для веб-сайтов, посвященных здоровью и благополучию. Кремовые спокойные, элегантные и чистые, что делает их отличным фоновым цветом для веб-сайта, который хочет передать ощущение традиции.

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

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

Заключение

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

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

Современный земной шар становится все меньше и разнообразнее. Имейте в виду, что цвета в разных культурах различаются. То, что в одной культуре считается положительным, в другой может рассматриваться как отрицательное. Например, белый цвет в Китае ассоциируется со смертью, а в христианских странах такой же цвет носят невесты. Фиолетовый считается женственным в большинстве стран, но в Бразилии он также ассоциируется со смертью. Поэтому вам необходимо учитывать все аспекты вашей аудитории, чтобы выбрать цветовую комбинацию, которая лучше всего подходит вашим потенциальным клиентам.

Влияет ли цвет на конверсию сайта? Нет, если все остальное плохо | Костя Степанов

Катя Шокурова, копирайтер Шакуро

Иллюстрация Алины Старовойтовой

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

Психология цвета — сложный и увлекательный предмет, особенно цвет в дизайне. Он действительно может служить отличным маркетинговым инструментом, если его правильно использовать. С помощью подсознательных ассоциаций цвета могут формировать как положительное, так и отрицательное отношение к бренду или продукту. 75% потребителей признают, что судят о надежности компаний по дизайну их веб-сайтов. И человеку требуется всего несколько секунд, чтобы оценить сайт и решить, использовать его или нет. Если дизайнер правильно подберет цвета сайта, пользователь останется, а значит, цвета повлияют на конверсию и снизят цену лида.

Но какие цвета лучше всего подходят для веб-сайтов? Теория цвета — обширная тема. Мы коснемся некоторых особенностей и идей теории цвета и способов ее применения в веб-дизайне.

Домашняя страница магазина смузи Концепция Криса Анфаловой для Shakuro

Цвета, какими мы их видим, не существуют в природе. Что такое цвет? Это продукт обработки человеческим мозгом информации, поступающей к нам через глаза в виде световой волны. Световые волны имеют разную длину, в зависимости от которой формируется тот или иной цвет.

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

«Цвета, как и черты, следуют за изменениями эмоций».

-Пабло Пикассо

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

BoAt от Ajmal Sainudeen

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

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

Изображение предоставлено: tomboy-fashion.com

Этот классический цветовой круг помогает выбрать удачное сочетание цветов и разделен на 12 частей:

• Основные цвета — желтый, синий и красный.
• Дополнительные цвета : оранжевый, зеленый и фиолетовый.
• Между первичными и вторичными оттенками находится третичных цветов (названных по названию первичных и вторичных типов цветов), таких как желто-зеленый или красно-фиолетовый.

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

Изображение предоставлено amberddesign.com

Но наиболее распространены:

• Аналог — комбинация трех соседних секторов. Мягкое и приятное сочетание цветов, часто встречающееся в природе.
• Дополнительный — комбинация двух противоположных секторов. Дополнительные цвета — это контрастные цвета, расположенные на противоположных концах цветового круга. Кстати, наиболее часто используемая комбинация цветов для киноафиш — оранжевый и синий — является комплементарной.
• Триада — три равноудаленных сектора. Для такой цветовой гаммы часто рекомендуют выбрать один основной цвет, а два других оставить для акцента.

Вот краткий справочник по теории цвета с Reddit (есть версия в высоком разрешении).

Для упрощения своей работы веб-дизайнеры используют различные онлайн-сервисы для создания цветовых схем для веб-сайтов, например:

• Color Hunt
• Paletton
• Colormind
• Цветовое пространство.
• или просто используйте палитры понравившихся работ на Dribbble.

Фирменный стиль

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

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

Концепция редизайна веб-сайта DJI от Shakuro

Целевая аудитория

Выбор наилучшего сочетания цветов для веб-сайта — это вопрос понимания психологических аспектов восприятия цветов различными группами людей и общих ассоциаций.

Например:

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

На цветовые предпочтения также влияет образование, культура, религия, жизненный опыт и т. д.

Приложения для детей! Майк | Creative Mints

Theme

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

Если содержание сайта как-то связано с водой (например, морские путешествия или аквариумы), то наиболее вероятным цветом будет синий. Напротив, синий — худший цвет для сайтов о еде, он неаппетитный.

Что за еда ярко-синяя?

Желтый близок к золоту. Иногда его используют финансовые организации.

И так далее, подробнее в абзаце ниже.

Renewable Energy Landing Page by Shakuro

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

В основном это относится к западным странам. Цвета могут иметь разное значение в разных странах.

• Желтый ассоциируется с радостью, оптимизмом и чувством энтузиазма. Это привлекает внимание.
• Синий означает спокойствие, стабильность, доверие и силу.
• Красный повышает аппетит, часто используется в пищевой промышленности. Это привлекательно, это создает волнение. Но если переборщить, то выглядит агрессивно.
• Зеленый ассоциируется с успехом и здоровьем. Это также успокаивает и расслабляет.
• Фиолетовый дает чувство уважения, свободы и творчества.
• Оранжевый – для дружелюбия, успеха, ощущения тепла и прилива энергии.
• Белый или серебристый символизирует чистоту и безопасность.
• Черный ассоциируется с безопасностью, силой и властью.

Битва светлых и темных интерфейсов была одним из модных словечек 2019 года, и она далека от завершения.

• Светлый фон обеспечивает лучшую читаемость в большинстве случаев, за исключением желтого и пастельных тонов. Темные цвета шрифта на белом или светлом фоне — это классика. Хороший фон практически не содержит ярких и привлекающих внимание элементов.
• Темный фон хорошо сочетается с очень ярким или белым цветом текста. Однако читать много мелкого текста на темном фоне сложно. Он менее рекомендуется в качестве основного цвета фона.
Раздел «Особенности» от Павла Кадыша

Какой цвет кнопки обеспечивает наибольшую конверсию? Не существует лучшего цвета для CTA-кнопки. Начинающий дизайнер или маркетолог может ответить «красный» или «синий», тогда как лучший ответ — «контрастный».

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

На самом деле не имеет значения, какого цвета ваши кнопки призыва к действию. Основные правила:

• цвет CTA должен выделяться
• он должен соответствовать бренду
• он должен быть последовательным.

«Если вы хотите, чтобы пользователи на что-то нажали, сделайте это выделяющимся».

Концепция выбора колоды Skate Shop от Shakuro

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

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

Оптимальная палитра состоит из 3–4 цветов:

• Основной. Основной цвет, выделяющий основное содержимое.
• Дополнительно. Цвет выделения вторичной информации, хорошо сочетающейся с основной.
• Фон. Спокойный оттенок, на котором не теряются основные и второстепенные цвета.
• Акцент. Контрастный основной цвет, привлекающий внимание посетителя к ключевым элементам сайта.

Следуйте классическому правилу декора 60–30–10 , оно также отлично подходит для макета веб-сайта.

Вкратце: 60% основного цвета, 30% второстепенного и 10% акцентирующего. Этот баланс удобен для человеческого глаза. Целевая страница агентства веб-разработки

от Shakuro

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

Вплоть до момента, когда эти цвета используются в веб-дизайне вместе.

Разве это не красиво?

Изображение предоставлено Unsplash

Ну,

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

По данным организации Color Blind Awareness, примерно 1 из 12 мужчин и 1 из 200 женщин в мире страдают какой-либо формой дальтонизма.

Наиболее частой формой дальтонизма является дейтеранопия. Это как раз тот случай, когда зеленый и красный выглядят очень похоже. Вот как выглядит картинка выше для человека с дейтеранопией:

Цифровая доступность — это не только красный и зеленый, и не только цвета. Но внимание к проблеме цветов, по крайней мере, пойдет на пользу вашему сайту и обществу. Начните с Руководства по доступности веб-контента WC3.

Вы можете захотеть что-то изменить на своем сайте, но как узнать, что это изменение будет к лучшему? А если лучше ничего не менять?

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

Самый полезный вариант — провести A/B-тестирование. Вы создаете две версии своего сайта: одну со старой кнопкой (желтая), другую с новой (синяя).

Далее вы направляете половину трафика на старую версию сайта, а другую половину на новую.

В результате вы сможете увидеть, какая страница дает больше конверсий, и выбрать лучший вариант.

A/B-тесты электронной коммерции: светлый и темный режим, Swapnil Borkar

Ближе к концу статьи я хочу подчеркнуть одну вещь: цвет — вещь субъективная.

Если бы это было не так, то цвета не имели бы разных коннотаций в разных странах , как я упоминал ранее.

В Японии, Индии и Китае белый цвет традиционно ассоциируется с трауром. Красный – любовь и жизнь.

Черный цвет для нас смерть и зло, но только не для Ближнего Востока. Там это означает женственность, счастливый брак и семейное счастье.

Глобализация играет свою роль, но в некоторых частях мира традиции все еще могут быть очень сильны.

Индийское свадебное платье. Изображение предоставлено: Abhinav Mishra

Ассоциации, принятые в обществе , созданы исключительно человеком. Дело не в том, что розовый по своей природе предназначен для девочек, а синий — для мальчиков. До 19 века было наоборот.

Синий означает надежность. Насколько сегодня можно доверять Facebook?

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

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

Познакомьтесь с Зеленой леди Бруклина. Я нахожу ее очаровательной! Мы из одной культуры, но оттенок цвета, который ей особенно нравится, кажется мне несколько ядовитым.

А как насчет тебя?

Нет лучшего цвета. Ни один цвет не дает 100% конверсии. Слишком много переменных. Цвета не существуют сами по себе. Они являются хорошим помощником для передачи эмоций, но сами по себе ничего не передают. Нет плохих цветов. Только неудачные цветовые сочетания и только в том или ином отношении.

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

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

Как психология цветов повышает конверсию веб-сайта

Как психология цветов повышает конверсию веб-сайта

by VendeAdmin

  | 10 октября 2017 г. |

10 октября 2017 г.

Лидогенерация B2B, автоматизация маркетинга

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

Внешний вид имеет значение

Фактором номер один, влияющим на решения о покупке для онлайн-покупателей, является внешний вид веб-сайта. Плохая навигация по веб-сайту и плохой общий дизайн также повлияют на решение о покупке. Более 40 процентов покупателей основывают свое мнение о веб-сайте на общем дизайне, и более 50 процентов покупателей не вернутся на него из-за общей эстетики. Получите копию нашего контрольного списка UX здесь (без ограничений).

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

Психология цветов

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

Знай своего покупателя

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

Красный

Красный означает жизнь, волнение и смелость. Красный цвет увеличивает частоту сердечных сокращений и создает ощущение безотлагательности, поэтому он используется в распродажах. Как самый эмоциональный цвет, красный популярен для брендов продуктов питания, техники, транспорта и сельского хозяйства. Бренды, использующие красный цвет, включают Coca-Cola, Kellogg’s, Lay’s, McDonald’s, Red Bull, Virgin, Nike, Ace Hardware, KFC, Avis, Colgate, TIME и Nintendo.

Синий

Синий — наиболее часто используемый цвет на современных веб-сайтах и ​​в брендинге. Его лучше всего видят все, что делает его одним из самых популярных цветов. Синий означает производительность, спокойствие и доверие, что является одной из причин, по которой банки и предприятия выбирают его для обеспечения безопасности клиентов. Синий цвет предпочитают 57 процентов мужчин и 35 процентов женщин, он популярен в сфере здравоохранения, энергетики, финансов, авиакомпаний, сельского хозяйства и технологий. Бренды, использующие синий цвет, включают Skype, LinkedIn, Twitter, Facebook, IBM, Ford, Oral-B, GE, PayPal, Pepsi и Visa.

Зеленый

Зеленый ассоциируется с ростом, природой и гармонией, поэтому он используется во многих магазинах, чтобы помочь покупателям расслабиться. Зеленый — популярный цвет для энергетики, финансов, продуктов питания, домашнего хозяйства и технологических предприятий. Бренды, использующие зеленый цвет, включают The Body Shop, Subway, Spotify, Whole Foods, Animal Planet и Holiday Inn.

Оранжевый

Используется для обозначения призыва к действию — продать, купить или подписаться. Оранжевый цвет означает амбиции, энтузиазм и уверенность. Оранжевый — популярный цвет для медицинских и технологических компаний. Если вы хотите использовать оранжевый цвет на своем веб-сайте, обратите внимание, что оранжевый веб-цвет, определенный как #FFA500, является единственным именованным цветом, определенным в CSS, который также не определен в HTML 4. 01. Бренды, использующие оранжевый цвет, включают Nickelodeon, Hooters, Harley-Davidson и Fanta.

Черный

Черный — самый популярный выбор для маркетинга предметов роскоши, что делает его популярным для компаний, занимающихся технологиями, одеждой и автомобилями. Черный означает для покупателей власть, силу и элегантность. Бренды, которые используют черный цвет, включают Louis Vuitton, Jaguar, Mont Blanc, Chanel и BlackBerry.

Белый/Серебристый

В рекламе белый ассоциируется с прохладой и чистотой, а также часто означает совершенство. Белый и серебристый — популярные цвета для здравоохранения, одежды, кредитных карт и благотворительности. Бренды, использующие белый цвет, включают Apple, Ralph Lauren, ASOS и Honda.

Фиолетовый

Цвета, наиболее часто встречающиеся в антивозрастных или косметических продуктах, означают богатство, власть и королевскую власть. Фиолетовый — популярный цвет для здравоохранения, технологий и финансов. Бренды, которые используют фиолетовый, включают Yahoo, Craigslist, Taco Bell, Cadbury и Crown Royal.

Желтый

Желтый цвет, который часто ассоциируется с едой и используется брендами для пробуждения радостных чувств, означает радость, интеллект и энергию. Желтый популярен для бытовых, энергетических и пищевых компаний. Бренды, использующие желтый цвет, включают National Geographic, CAT, Shell, Pennzoil, DHL и Hertz.

Какой цвет вам подходит?

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

Красный цвет кнопки CTA компании BMI увеличил количество конверсий на 2,5%. HubSpot и Performable показали увеличение конверсии, когда использовали красные кнопки, а не зеленые. Beamax увеличил количество кликов по ссылкам на 53 процента, изменив цвет на красный вместо исходного синего. Dmix увеличил конверсию на 34 процента после того, как изменил цвет CTA на красный.

Ript добился увеличения продаж на 6,3 процента, изменив зеленый цвет на желтый. VegasSlotsOnline.com также изменил кнопку CTA «Зарегистрироваться здесь» с зеленой на желтую, что увеличило конверсию на 175 процентов. Дополнительное место для хранения увеличило количество онлайн-бронирований на 7,8% после изменения цвета кнопки CTA с синего на оранжевый.

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

Как использовать психологию цвета для повышения конверсии веб-сайта

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

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

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

Цвета и преобразования 

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

5,"type":"text"}»> Теперь давайте рассмотрим несколько убедительных цветов и то эмоциональное воздействие, которое они могут произвести на посетителей вашего веб-сайта.

Белый

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

5,"type":"text"}»> Красный

Красный – самый страстный цвет, вселяющий в покупателя чувство силы и уверенности. Доказано, что он стимулирует человеческое сознание, поэтому красный цвет используется для рекламы распродаж и скидок. Именно поэтому многие бренды, которые полагаются на импульсивные покупки, часто используют красный цвет на своем веб-сайте. Coca-Cola, McDonald’s и Burger King — это лишь некоторые из брендов, которые используют красный цвет в своем логотипе и упаковке. Как доминирующий цвет, красный — это первый цвет, который привлекает внимание ваших посетителей, и его вполне уместно называют цветом «призыва к действию».

5,"va":"baseline","type":"text","fs":"normal","bgc":"rgb(255, 255, 255)"}»>

Синий

Знаете ли вы, что синий цвет является наиболее предпочтительным цветом для более чем половины населения мира? Синий символизирует честность, верность и безопасность. Говорят, что это вселяет чувство спокойствия и доверия. Это объясняет, почему финансовые гиганты, такие как Visa, Barclays и PayPal, используют синюю цветовую схему в своем брендинге и на веб-сайтах. И не только в финансовом секторе — синий кажется фаворитом даже в медицинской, технической, автомобильной, страховой и кибербезопасной отраслях. Кроме того, логотипы и интерфейсы различных социальных сетей, таких как Twitter, Facebook, Skype и LinkedIn, заметно выделяются синим цветом. Тем не менее, пищевая промышленность обычно избегает синего цвета, так как он подавляет аппетит.

2″ data-linerule=»auto» data-margin-bottom=»0pt» data-textformat=»{"ff":"Roboto","fgc":"rgb(0, 0, 0)","size":12.5,"type":"text"}» data_styles=»{"ff":"Roboto","fgc":"rgb(0, 0, 0)","size":12.5,"type":"text"}»> Зеленый

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

2″ data-linerule=»auto» data-margin-bottom=»0pt» data-textformat=»{"ff":"Roboto","fgc":"rgb(0, 0, 0)","size":12.5,"type":"text"}» data_styles=»{"ff":"Roboto","fgc":"rgb(0, 0, 0)","size":12.5,"type":"text"}»> Желтый

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

00","va":"baseline","fw_i":400,"type":"text","fs":"normal","bgc":"rgb(237, 237, 237)"}» data_styles=»{"ff":"Frank Ruhl Libre","fv":"normal","td":"none","cs":"0pt","fw":"bold","fgc":"rgb(1, 22, 39)","size":"15.00","va":"baseline","fw_i":400,"type":"text","fs":"normal","bgc":"rgb(237, 237, 237)"}»> Черный

5,"va":"baseline","fw_i":400,"type":"text","fs":"normal","bgc":"rgb(237, 237, 237)"}»> Черный добавит изысканности и элегантности вашему веб-сайту. Это объясняет, почему многие ведущие мировые бренды класса люкс используют черный цвет на своих веб-сайтах, а также в своем брендинге. Rolls Royce, Mercedes-Benz, Apple, Prada, Louis Vuitton и Chanel — вот лишь несколько примеров влиятельных брендов, поддерживающих черный цвет. Более того, черные оттенки создадут резкий контраст и подчеркнут другие ключевые элементы вашего сайта, а также придадут ему элегантный вид.

5,"va":"baseline","fw_i":400,"type":"text","fs":"normal","bgc":"rgb(237, 237, 237)"}» data_styles=»{"ff":"Roboto","fv":"normal","td":"none","cs":"0pt","fw":"none","fgc":"rgb(0, 0, 0)","size":12.5,"va":"baseline","fw_i":400,"type":"text","fs":"normal","bgc":"rgb(237, 237, 237)"}»>

Факторы, которые следует учитывать при выборе цветов для вашего веб-сайта 

5,"va":"baseline","fw_i":400,"type":"text","fs":"normal","bgc":"transparent"}» data_styles=»{"ff":"Roboto","fv":"normal","td":"none","cs":"0pt","fw":"none","fgc":"rgb(0, 0, 0)","size":12.5,"va":"baseline","fw_i":400,"type":"text","fs":"normal","bgc":"transparent"}»> Теперь, когда вы знаете, как цвета вызывают эмоции у ваших посетителей и как они влияют на работу вашего веб-сайта, давайте рассмотрим несколько других факторов, которые вам необходимо учитывать при выборе. цвета для вашего сайта.

5,"va":"baseline","fw_i":400,"type":"text","fs":"normal","bgc":"transparent"}» data_styles=»{"ff":"Roboto","fv":"normal","td":"none","cs":"0pt","fw":"none","fgc":"rgb(0, 0, 0)","size":12.5,"va":"baseline","fw_i":400,"type":"text","fs":"normal","bgc":"transparent"}»> Культура

5,"va":"baseline","fw_i":400,"type":"text","fs":"normal","bgc":"transparent"}»> Одни и те же цвета могут иметь разное значение и ассоциации в разных культурах по всему миру. Например, белый цвет воспринимается как цвет элегантности и чистоты и широко используется на свадьбах и церемониях в большинстве стран. В то время как в азиатской культуре белый цвет — это цвет траура. В то время как красный цвет символизирует удачу в Китае, он представляет неудачу в Германии. Поэтому очень важно учитывать культурные особенности вашей аудитории и оценивать влияние, которое цвет может оказать на ваш бизнес.

50","va":"baseline","fw_i":400,"type":"text","fs":"normal","bgc":"rgba(0, 0, 0, 0)"}» data_styles=»{"ff":"Roboto","fv":"normal","td":"none","cs":"0pt","fw":"bold","fgc":"rgb(0, 0, 0)","size":"12.50","va":"baseline","fw_i":400,"type":"text","fs":"normal","bgc":"rgba(0, 0, 0, 0)"}»> Юзабилити

50","va":"baseline","fw_i":400,"type":"text","fs":"normal","bgc":"rgba(0, 0, 0, 0)"}»> Одним из важнейших факторов, которые следует учитывать при выборе цвета веб-сайта, является удобство использования вашими посетителями. Возможно, вы тщательно изучили все тонкости психологии цвета и выбрали цвет для своего веб-сайта, но это может оказаться бесполезным, если вашим посетителям трудно читать ваш контент. Поэтому убедитесь, что выбранные вами цвета не мешают видимости и хорошо сочетаются со всеми остальными элементами вашей страницы. Кроме того, использование слишком большого количества цветов может создать ощущение путаницы, поэтому не переусердствуйте. Не забывайте придерживаться схемы цветовой палитры.

50","va":"baseline","fw_i":400,"type":"text","fs":"normal","bgc":"rgba(0, 0, 0, 0)"}» data_styles=»{"ff":"Roboto","fv":"normal","td":"none","cs":"0pt","fw":"none","fgc":"rgb(0, 0, 0)","size":"12.50","va":"baseline","fw_i":400,"type":"text","fs":"normal","bgc":"rgba(0, 0, 0, 0)"}»> Кроме того, вы не должны упускать тот факт, что большинство ваших посетителей могут заходить на ваш сайт со своих смартфонов. Поэтому убедитесь, что ваш веб-сайт оптимизирован для мобильных телефонов, а выбранные вами цвета также хорошо смотрятся на экранах телефонов.

5,"va":"baseline","fw_i":400,"type":"text","fs":"normal","bgc":"transparent"}» data_styles=»{"ff":"Roboto","fv":"normal","td":"none","cs":"0pt","fw":"bold","fgc":"rgb(0, 0, 0)","size":12.5,"va":"baseline","fw_i":400,"type":"text","fs":"normal","bgc":"transparent"}»> Целевая аудитория

5,"va":"baseline","fw_i":400,"type":"text","fs":"normal","bgc":"transparent"}»> Глубокое исследование вашей целевой аудитории и понимание масс, на которые вы обслуживаете, является фундаментальным шагом в разработке вашего веб-сайта. Исследования показывают, что цветовые предпочтения могут зависеть от таких факторов, как возрастная группа, пол, регион, культурное происхождение и многое другое. Таким образом, вы можете использовать платформу оптимизации конверсии, такую ​​​​как Zoho PageSense, или любой другой подобный инструмент, чтобы анализировать вашу целевую аудиторию и сегментировать ее на основе таких показателей, как географическое положение, устройство, браузер, пол, возраст. Основываясь на информации, полученной из этих отчетов, вы можете выбрать цвета, которые, по вашему мнению, будут резонировать с вашей аудиторией, и использовать их на своем веб-сайте.

2″ data-margin-bottom=»8pt»> Протестируйте различные цвета и комбинации  

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

50","va":"baseline","fw_i":400,"type":"text","fs":"normal","bgc":"rgba(0, 0, 0, 0)"}»> В PageSense есть надежная функция проверки URL-адресов с разделением, которая не требует навыков программирования. Если вы искали всеобъемлющий инструмент для оптимизации веб-сайтов, который может выполнять для вас мощные тесты, то вы знаете, куда направиться.

Заканчиваем!

No related posts.