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

Психология покупателя – один из наиболее спорных, противоречивых и интересных моментов в маркетинге. Потребителям достаточно каких-то полутора минут, чтоб сделать окончательный выбор в пользу того или иного товара. И к твоему удивлению в 60-90% случаев, решающим фактором для него становится цвет. Цвет – вот что управляет эмоциями клиентов и формирует их отношение к продуктам. Только вдумайтесь, 85% покупателей отталкиваются при выборе товара именно от его цвета, а 65% не сделают покупку, пока интересующая их позиция не появится в нужной палитре…

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

Потребительские различия

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

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

Эмоции цветов

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

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

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

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

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

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

В частности, компания Beamax сделала сравнительный анализ кликов по CTA кнопкам. Так, количество нажатий на стандартную кнопку синего цвета было на 53% ниже, чем на красную. Похожий результат получила компания Dmix – их конверсия выросла на 34%, изменив цвет кнопки на красный. При этом Unbounceсчитает лучшим вариантом большую оранжевую кнопку, так что каждый случай применения цвета сугубо индивидуален.

Больше информации в инфографике от Skilled.co .

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter .

Яркие ценники

Человек существо разумное. И эта сильная сторона является нашей слабостью. Нашим разумом можно управлять. При чем, достаточно легко.

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

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

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

Теперь непосредственно о роли цвета в продажах

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

Нелогично использовать оформление зала, витрин и подушечек под изделия в золотом оттенке в ювелирном магазине. Изделия просто сольются с фоном.

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

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

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

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

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

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

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

Удачного бизнеса и правильных покупок!

Сергей Бердачук
Эксперт по привлечению клиентов


Цветовая гамма, в которой оформлен магазин, оказывает сильное влияние на посетителя в процессе выбора товара и совершения покупки…

Яркие цвета привлекают покупателей

Как привлечь покупателей с помощью цвета?

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

Статистика показывает, что восприятие ухудшается в следующей последовательности:

  • черные буквы на желтом фоне
  • черные буквы на белом фоне
  • желтые буквы на черном фоне
  • белые буквы на черном фоне
  • синие буквы на белом фоне
  • белые буквы на синем фоне
  • синие буквы на желтом фоне
  • желтые буквы на синем фоне
  • зеленые буквы на белом фоне
  • белые буквы на зеленом фоне
  • коричневые буквы на белом фоне
  • белые буквы на коричневом фоне
  • коричневые буквы на желтом фоне
  • желтые буквы на коричневом фоне
  • красные буквы на белом фоне
  • белые буквы на красном фоне
  • красные буквы на желтом фоне
  • желтые буквы на красном фоне

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

А для оформления магазина применяют не столь вызывающие сочетания.

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

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

Теплая гамма: покупайте, не задумываясь!

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

Скидочные акции


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

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

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

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

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

Холодная гамма: получайте удовольствие от спокойного выбора

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

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

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

Знаете ли вы, что среди причин, побуждающих покупателей приобретать определенный товар, 90% приходится на долю цвета ? Или что на цветную рекламу в журналах обращают внимание на 26% чаще, чем на черно-белую?

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

  • цветовые ассоциации
  • различия в восприятии цвета у мужчин и женщин
  • проблемы, связанные с нарушением цветовосприятия.

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

Красный цвет в психологии: опасность, важность, страсть

Красный – это цвет огня и крови. Один из самых мощных цветов по силе воздействия, который ассоциируется одновременно с любовью и войной. Известное выражение to see red (в дословном переводе с англ. «смотреть на красное») означает прийти в ярость, выходить из себя.

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

Красный цвет – энергичный и импульсивный. Он ассоциируется со скоростью и силой. Именно поэтому Netflix и YouTube используют его в качестве доминирующего цвета.

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

Оранжевый цвет в психологии: уверенность, энергия, оптимизм

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


На главной странице сайта Hipmunk – поисковой системы авиарейсов – оранжевая кнопка поиска сразу же привлекает внимание.

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

Желтый цвет в психологии: солнце, счастье, внимание

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


Желтый цвет сразу обращает на себя внимание при контрастном сочетании с черным. Торговая марка часов Breitling использовала это свойство при разработке своего официального сайта.

Особенно эффективно работает сочетание желтого цвета с черным. Яркий тому пример – нью-йоркское такси.

Зеленый цвет в психологии: природа, развитие, успех

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


Зеленая кнопка призыва к действию.

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

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

Синий цвет в психологии: комфорт, расслабление, доверие

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

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

Синий цвет часто ассоциируется со стабильностью.

Фиолетовый цвет в психологии: роскошь, одухотворенность, креативность

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

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


Фиолетовый цвет большинство молодых людей считают цветом счастья.

Интересно, что 75% детей предпочитают фиолетовый цвет всем остальным оттенкам.

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

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


Черная кнопка «Get started» одной из первых бросается в глаза, когда заходишь на сайт Squarespace.

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

Белый цвет в психологии: здоровье, чистота, целомудрие

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


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

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

Серый: официальность, нейтральность, профессионализм

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


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

Пол и цвет

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


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

Цвет в маркетинге и бизнесе

Роль цвета при создании фирменного стиля

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

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


В приложении Virgin America для iOS нет даже намека на голубые оттенки.

Таким образом, неожиданный выбор цвета может стать эффективным приемом, который поможет привлечь внимание пользователей к вашей компании.

Цвет и оптимизация уровня конверсии

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

Сервис HubSpot представил результаты проведенного маркетингового исследования (A/B теста), которые показывают, как выбор цвета для кнопки призыва к действию влияет на количество зарегистрировавшихся пользователей.


A/B тестирование – наиболее эффективный и часто используемый метод маркетингового исследования.

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

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

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


Веб-сервис Evernote. Их кнопка призыва к действию «It’s Free» просто похоронена, потому что по цвету сливается с фоном. Она теряется на странице, и пользователи ее не замечают.

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


Кнопка призыва к действию (CTA), действительно, привлекает внимание пользователей в том случае, когда контрастирует по цвету с остальными элементами страницы.

Цвет и юзабилити

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

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

Ограничение количества цветов

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


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

Дизайнеры интерьеров придерживаются простого правила 60–30–10, которое хорошо работает и при разработке сайтов. Этот прием, неподвластный времени, поможет подобрать сбалансированную цветовую гамму: 60% должно приходиться на доминирующий цвет, 30% на вторичный цвет и 10% на цветовой акцент. Такое соотношение гарантирует цветовое равновесия и комфортный переход взгляда от одного объекта к другому.


Формула 60% + 30% + 10% – это залог сбалансированности используемых цветов.

Доступность цветовосприятия

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

Многим дальтоникам трудно отличить красный цвет от зеленого.

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


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

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


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

Есть несколько способов, которые помогут протестировать ваш пользовательский интерфейс на доступность?

  • Сервис WebAIM поможет с проверкой цветовых сочетаний.
  • Использование графического редактора Adobe Photoshop поможет откорректировать изображения с помощью Color Universal Design. Это обеспечит доступность графической информации для людей с нарушением цветовосприятия, в том числе и цветовой слепотой.

Заключение

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

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

Если у вас есть, что добавить по теме, не стесняйтесь. Оставляйте комментарии!

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

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

Что такое теория цвета?

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

Ранние принципы этой теории были описаны итальянцем эпохи Возрождения Леоном Баттиста Альберти в 1435 г.:

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

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

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

Какое отношение теория цвета имеет к вашим продажам?

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

При разработке успешных продающих материалов используются два раздела теории цвета:

1. Сочетание контрастных цветов и удобство чтения

2. Психологические цветовые ассоциации

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

Что ваша цветовая гамма говорит клиенту?

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

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

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

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

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

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

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

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

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

Какую пользу вы можете извлечь из этого знания?

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

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

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

Как теория цвета поможет повысить читаемость?

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

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

Чтобы увидеть теорию цвета в действии, рассмотрим примеры:

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

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

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

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

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

Публикации по теме