Различные исследования доказывают, что очень часто решение о покупке потребители принимают исходя из того, какие ассоциации и эмоциональные состояния вызвали у них определенные цвета в дизайне сайта.
По статистике, 85% покупателей решают купить товар в онлайн-магазине на основе цвета. Чем он привлекательнее, тем больше шансов превратить посетителя в реального клиента. Используйте эти знания, и вы сможете значительно увеличить количество ваших продаж!
Цвет и продажи: связь есть!
Красный — эмоционально интенсивный цвет. Он символизирует энергичность , мужество , силу , решительность , страсть , азарт , сексуальность , любовь . Красный используют для того, чтобы ускорить решение о покупке. Он также идеален, если вы хотите привлечь внимание пользователей — элементы красного цвета (надписи, изображения, кнопки call to action) переходят на первый план и побуждают к действию. Этот цвет часто выбирают для оформления интернет-магазинов про продаже вин, подарков, бытовой техники, постельного белья.
Оранжевый — цвет, который отлично подталкивает покупателя к совершению целевого действия. Он отлично привлекает внимание и выделяет важные элементы дизайна. Оранжевый символизирует веселье , энергию , действие , успех , безопасность , бодрость . Это довольно «активный» цвет, который, помимо прочего, ассоциируется со здоровой пищей, и по этой причине его часто используют интернет-магазины по продаже продуктов питания, например, продуктов пчеловодства. Кроме того, этот цвет популярен на сайтах онлайн-магазинов пляжной одежды и товаров для беременных.
Желтый воспринимается как молодежный , дружелюбный и оптимистичный цвет, который лучше остальных способен захватить внимание пользователей. Значение этого цвета — счастье , энергия , веселье , жизнерадостность , подвижность . Его можно использовать, например, для оформления интернет-магазина по продаже продуктов питания, световых приборов, детских товаров, футболок, сувениров и пр.
Зеленый — спокойный цвет, который является самым простым для глаз. Он ассоциируется с гармонией , свежестью , здоровьем , безопасностью , отдыхом и восстановлением . По этой причине его часто используют для интернет-магазинов по продаже натуральной косметики, диетических и эко-продуктов, товаров для беременных, средств для похудения. Кроме того, зеленый также отлично подходит для оформления кнопок call to action.
Синий и голубой символизируют доверие , мир , спокойствие , чистоту , верность , искренность , стабильность , уверенность , мудрость , интеллект . Использование этих цветов окажет на ваших клиентов успокаивающее воздействие и будет способствовать ощущению безмятежности. Синий и голубой идеальны для продвижения товаров для ванны, сантехники, аквариумов, очистительных фильтров, кондиционеров.
Фиолетовый раньше был цветом королей и императоров и по этой причине ассоциируется с роскошью и изобилием . Он также обладает успокаивающим действием, символизирует высокое качество и креативность . Фиолетовый отлично подходит для интернет-магазинов по продаже автомобильных кресел, телевизоров, украшений, товаров для женщин и детей.
Розовый — нежный, романтический цвет. Он ассоциируется с любовью , теплотой , спокойствием . Это идеальный цвет, если вы нацелены на женскую аудиторию или детей. По этой причине розовый широко используют, например, для оформления онлайн-магазинов детских игрушек, косметики, женской или детской одежды.
Черный ассоциируется с изысканностью , элегантностью , эксклюзивностью , авторитетом , эффективностью . Если вы являетесь владельцем интернет-магазина по продаже техники, мебели или дорогой одежды, черный вполне вероятно станет для вас самым удачным выбором. Однако чрезмерное использование этого цвета может создать мрачную атмосферу, поэтому его рекомендуется обязательно сочетать со спокойными цветами.
Серый — нейтральный цвет, который символизирует стабильность , консервативность , надежность , безопасность , интеллект . Он настраивает на серьезный лад и часто используется в оформлении интернет-магазинов с целью продемонстрировать значимость компании на рынке и подчеркнуть высокое качество товаров и услуг. Серый — хороший выбор для оформления интернет-магазинов по продаже техники, строительных товаров, мебели, аксессуаров для авто, спортивного инвентаря.
Коричневый идеален для создания чувства надежности . Он ассоциируется с комфортом , дружелюбием , изысканностью , натуральностью . Коричневый — цвет шоколада и кофе, что делает его прекрасным выбором для интернет-магазинов про продаже кондитерских изделий, кофе, какао. Кроме того, этот цвет отлично подходит для магазинов про продаже деревянной мебели и столярных изделий, книг, товаров для охоты.
Какие цвета выбрать?
Теперь, когда вы узнали основные ассоциации потребителей с наиболее популярными цветами, важно использовать эти знания в своих интересах. Подумайте, какие ассоциации вы хотите вызвать у посетителей вашего сайта? Какие оттенки лучше всего помогут это осуществить? Именно их и используйте для интернет-магазина — например, подберите подходящие изображения или кнопку с призывом к действию.
Надеетесь вызвать доверие потенциальных клиентов? Синяя или оранжевая кнопка призыва к действию может быть правильным выбором для вас. Если вы хотите создать намек на утонченность и женственность, хорошим выбором может стать розовый и черный. Кроме того, если товары интернет-магазина ориентированы на женщин, вам стоит поэкспериментировать с использованием фиолетового, розового, синего или зеленого цветов и избегать коричневого и серого. Если же сайт рассчитан на мужскую аудиторию, можно использовать синий, голубой, зеленый и черный. Учитывайте, что мужчинам, как правило, не нравятся оранжевый и фиолетовый.
Экспериментируйте и анализируйте!
Для того, чтобы выяснить, какие цвета хотят видеть ваши клиенты, вам поможет A/B-тестирование. Его принцип заключается в создании двух вариантов страницы, отличающихся только одним элементом, например, цветом кнопки call to action. Трафик на сайт делится на две части: 50% случайно выбранных посетителей отправляются на страницу А, остальные 50% — на страницу В. Далее вы сравниваете и оцениваете количественные показатели работы двух страниц. В результате тестирования вы сможете обнаружить, какие цвета более эффективны.
Экспериментируйте и анализируйте, какие цвета по душе посетителям вашего веб-ресурса. Если вы выберете готовые шаблоны интернет-магазинов на сервисе сайт, вы получите практически полностью готовый к продажам сайт с продуманным дизайном, грамотной структурой и приятными глазу цветами. Начните развивать свой бизнес уже сейчас!
Психология покупателя – один из наиболее спорных, противоречивых и интересных моментов в маркетинге. Потребителям достаточно каких-то полутора минут, чтоб сделать окончательный выбор в пользу того или иного товара. И к твоему удивлению в 60-90% случаев, решающим фактором для него становится цвет. Цвет – вот что управляет эмоциями клиентов и формирует их отношение к продуктам. Только вдумайтесь, 85% покупателей отталкиваются при выборе товара именно от его цвета, а 65% не сделают покупку, пока интересующая их позиция не появится в нужной палитре…
Влияние психологии цвета на потребителей настолько сильно, что при удачном стечении обстоятельств, продающим цветом может стать практически любой оттенок. Нужно понимать – не существует единых алгоритмов, влияние цветов на покупательскую активность зависит от массы факторов, в том числе и от особенностей целевой аудитории. Skilled.co расскажет о цветах продаж.
Потребительские различия
Вся суть психологии цвета в маркетинге сводится к формированию в голове потребителя правильной эмоциональной реакции. Но действовать она будет далеко не на каждого. Например, на тех, кто склонен к импульсивным покупкам, прекрасно влияет оранжево-черное сочетание, поэтому их и используют на распродажах. Массовыми считаются бледно-красный и розовый, поэтому их часто можно встретить в магазинах одежды. Темно-синий, в частности, считается цветом, вызывающим доверие, поэтому его используют в точках, где встречаются покупатели, ограниченные в своем бюджете.
Отдельного внимания заслуживают половые различия. Как оказалось, голубой и салатный – 2 цвета, которые нравятся и женщинам, и мужчинам. Аналогичным образом обоим полам больше всего не нравится оранжевый и коричневый. Фиолетовый входит в число наиболее приоритетных для женщин цветов, в то время как мужчины его не любят больше всего. Похожая ситуация и с черным цветом. Но это стоит учитывать лишь в гендерно ориентированных продуктах, с точки зрения вызываемых эмоций, удачным может быть практически каждый цвет.
Эмоции цветов
Традиционно самым эмоциональным считается красный цвет, он вызывает у потребителей смелость и восхищение, повышая пульс. Поэтому его предпочитают использовать для брендов массового потребления, вроде производителей еды, фастфудов, брендов спортивной одежды и напитков. Синий, как мы уже сказали – цвет доверия и спокойствия, что делает его самым массовым в интернете и самым востребованным среди медицинских и финансовых компаний. Зеленый – типично природный цвет, вызывающий гармонию и позволяющий отдохнуть, посему его принято использовать в продовольственных и сельскохозяйственных брендах, энергетике и финансах.
Лучшим продающим цветом, как ни странно, считается оранжевый – вызывая уверенность в своих силах, он лучше других призывает к действиям. В сочетании с черным, он отлично продает люксовые товары, поскольку черный продолжает символизировать силу и власть. В отличие от серебряного/белого, говорящего о чистоте и совершенстве продукта. Самым жизнерадостным обычно считается желтый – вызывая радость и символизируя энергию, он часто используется энергетическими компаниями, хотя нередко ассоциируется с пищей. Чего нельзя сказать про фиолетовый, ассоциирующийся с величием, деньгами и несметными богатствами.
Следует учитывать, что это лишь общая характеристика цветов – вызываемые эмоциональные реакции будут зависеть и от категории их использования, и от индивидуальных особенностей продукта.
Цвет конверсии
Как показывают маркетинговые исследования, 93% потребителей уверены, что главным фактором, влияющим на их решение о покупке, остается визуальная оценка. По факту они смотрят на цвет. Аналогичным образом визуальное восприятие влияет и на мнение об интернет-ресурсах. И если эстетическое оформление покажется пользователям неприемлемым, больше половины из них попросту больше не вернуться на сайт. Таким образом, отказ от совершения покупок может быть вызван не только недостатками товара, но и плохим оформлением ресурса, на котором он продается.
Огромное влияние оказывают даже отдельные элементы, в частности, кнопки совершения целевых действий. Считается, что зеленый, оранжевый и красный – три самых удачных цвета для этих кнопок, но лишь тогда, когда они выделены на общем фоне сайта. Одно только успешное применение цветов кнопок способно повысить общий коэффициент конверсий на 9%! Главное, есть масса успешных примеров такого применения.
В частности, компания Beamax сделала сравнительный анализ кликов по CTA кнопкам. Так, количество нажатий на стандартную кнопку синего цвета было на 53% ниже, чем на красную. Похожий результат получила компания Dmix – их конверсия выросла на 34%, изменив цвет кнопки на красный. При этом Unbounceсчитает лучшим вариантом большую оранжевую кнопку, так что каждый случай применения цвета сугубо индивидуален.
Больше информации в инфографике от Skilled.co .
Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter .
Яркие цвета привлекают покупателей
Как привлечь покупателей с помощью цвета?
Цветовая гамма , в которой оформлен магазин, оказывает сильное влияние на посетителя в процессе выбора товара и совершения покупки. Каждый цвет подает подсознанию клиента условный сигнал и пробуждает в ответ определенную эмоцию. Предлагаем ознакомиться с основными законами психологии цвета.
Статистика показывает, что восприятие ухудшается в следующей последовательности:
- черные буквы на желтом фоне
- черные буквы на белом фоне
- желтые буквы на черном фоне
- белые буквы на черном фоне
- синие буквы на белом фоне
- белые буквы на синем фоне
- синие буквы на желтом фоне
- желтые буквы на синем фоне
- зеленые буквы на белом фоне
- белые буквы на зеленом фоне
- коричневые буквы на белом фоне
- белые буквы на коричневом фоне
- коричневые буквы на желтом фоне
- желтые буквы на коричневом фоне
- красные буквы на белом фоне
- белые буквы на красном фоне
- красные буквы на желтом фоне
- желтые буквы на красном фоне
Но воздействие рекламных носителей как раз наоборот, именно поэтому красный цвет обычно используют для выделения ценников со скидками и акциями . Чаше всего для этого применяют красный фон и желтый либо белый текст.
А для оформления магазина применяют не столь вызывающие сочетания.
Под воздействием теплых цветов
(оттенков красного, желтого и оранжевого) покупатели обычно чувствуют прилив энергии, эти оттенки стимулируют психику. Поэтому специалисты рекомендуют использовать их для «разогрева» посетителей магазина.
Холодный спектр цветовой гаммы (оттенки синего, голубого и фиолетового), наоборот, снижает активность нервной системы . Под их влиянием клиенты магазина чувствуют себя более расслаблено и спокойно.
Теплая гамма: покупайте, не задумываясь!
Самым сильным в теплой гамме является, конечно, красный цвет . Красный способен активизировать все функции организма: под его влиянием ускоряется дыхание, напрягаются мышцы, и учащается сердцебиение. Правильно расставленные акценты на красном цвете в интерьере магазина могут увеличить количество импульсных покупок.
Скидочные акции
Однако с красным цветом следует быть осторожнее и использовать его именно в качестве акцентов, а не основного фона. Переусердствовав с красным, можно сделать покупателей чрезмерно нетерпеливыми, взволнованными и заставить быстро уйти, так и не сделав покупки.
Прилив энергии вызывает и оранжевый цвет , но его переизбыток в пространстве раздражает, поэтому, как и красный, он гармоничен лишь в виде цвета-акцента.
Пастельные оттенки оранжевой гаммы вызывают ассоциации с красотой и золотистым загаром. Их часто используют в оформлении торговых залов с товарами для женщин.
Желтый цвет сильнее других привлекает внимание , поэтому идеально подходит для оформления различных акций и специальных предложений .
Маркетологи отметили, что в сочетании с красным желтый ассоциируется у покупателей с доступными ценами . Поэтому такое цветовое решение очень часто используется в магазинах-дискаунтерах.
Холодная гамма: получайте удовольствие от спокойного выбора
Холодные цвета
и их оттенки отлично справляются с созданием в магазине расслабляющей и спокойной
атмосферы.
Под влиянием синего, голубого, фиолетового покупатели больше времени тратят на изучение витрин
и выбор, меньше беспокоятся
о возможных расходах. Холодная гамма цветов наиболее уместна в дорогих магазинах
или тех, в которых часто возникают очереди.
Голубой цвет ассоциируется с постоянством и вызывает обычно ощущение благополучия . Он помогает хорошему усвоению информации и способствует доверительному общению, поэтому более всего подходит для оформления магазинов элитных товаров, покупка которых происходит после взвешивания всех за и против.
Вы никогда не задумывались над тем, что каждый цвет что-то означает и вызывает у людей определенные реакции. Вы можете даже этого не замечать, но когда видите желтый, красный, синий, или любой другой цвет, то в мозгу активируются различные зоны, которые заставляют Вас определенным образом реагировать на то, что вы видите.
Очень часто «правильные» цвета используются в рекламе для достижения нужно эффекта. Если вы хотите обратить внимание потенциального покупателя, то используйте яркий красный цвет, если хотите расслабить, то синий или зеленый. Есть даже целая наука – психология цвета, которая определяет влияния тех или иных цветов и их оттенков на восприятия человеком реальности.
| Рекомендуем прочитать:
|
В данной статье мы расскажем о том, как применять цвета в рекламе, и как сделать ее, рекламу, максимально эффективной используя игру слов, звуков и всевозможных цветовых схем.
Правильный цвет в рекламе может увеличить Ваши продажи в разы
Красный цвет в рекламе настраивает покупателя на решительные действия. Уверены, вы замечали, что красные цвета используют во время сезона скидок и распродаж, а также для того, чтоб донести покупателю какую-то срочную и очень важную информацию. Как отмечают психологи, красный цвет вызывает сильное желание совершить какое-то действие. Данный цвет лучше всех остальных привлекает к себе внимание, фиксирует его на желанном предмете.
Психология цвета утверждает, что семантика красного как бы говорит: «Не проходи мимо, обрати внимание. Действуй ради того, чтоб действовать: необдуманно, быстро, решительно, дерзко».
Красный цвет также обладает некими сексуальными флюидами, и часто используется в рекламе с эротическим характером. Также стоит использовать красный цвет в той рекламе, целевой аудиторией которой являются мужчины. Для них он всегда был знаковым. Видимо, мужской мозг особенно четко воспринимает и концентрируется на данном спектре цветов.
Но не стоит переоценивать возможности красного цвета: он будет действенный, если использовать в меру. Выделите небольшую надпись, или часть объявления, и этого будет достаточно чтоб привлечь внимание. В то же время, если красного будет много, то это способно вызвать некое отвращение, раздражение, или даже агрессию.
Оранжевый цвет в рекламе помогает покупателю получить прилив жизненных сил, настраивает на оптимизм и радость. Наши предки считали, что оранжевый цвет дает здоровье, и развивает творческие способности. Эксперты отмечают, что данный цвет лучше всего использовать в рекламе медицинских препаратов, товаров для детей, а также различных услуг, которые связаны со сферой здравоохранения.
| Рекомендуем прочитать:
|
Психология цвета отмечает, что оранжевый придает бодрость и активность, но в тоже время оставляет человека в спокойном состоянии. В этом его характерная отличительная черта от красного цвета, который тоже придает сил, но в тоже время будоражит и возбуждает.
Желтый цвет в рекламе настраивает на общение и коммуникабельность. Психологи отмечают, что желтый очень общительный и открытый, поэтому, его лучше всего использовать в рекламе товаров схожего типа. Также он предает спокойствия и уравновешенности буйным эмоциям, утихомиривает волнение, заставляет человека чувствовать себя спокойно и комфортно. Желтый цвет ассоциируется с теплом и радостью, передавая такие же эмоции тем, кто на него смотрит. Удивительный факт: данный цвет способен «наделять» многие предметы интеллектом. Поэтому, реклама современных гаджетов выполняется в желтых цветах, или всевозможных его оттенках.
Этот цвет отлично сочетается с красным, создавая интересное слияние, привлекающее к себе на долго взгляд человека. Хорошим примером является логотип компании Shell, и вся их рекламная продукция выполнена в этих тонах.
Но не стоит забывать, что желтый цвет также используется и в совершенно иной интерпретации. Это цвет рисковых и опасных ситуаций. Он есть на машинах газовых служб и спасателей, на знаках радиации и всевозможных предупреждения об угрозах. Тракторы, бульдозеры, тяжелая рабочая техника тоже маркируется желтым цветов. Если Ваша реклама связана с чем-то таким, то смело берите за основу именно данный цвет.
Зеленый цвет в рекламе расслабляет и смягчает, снимает остроту и успокаивает человека. Зеленый ассоциируется с природой. Он очень хорош в рекламе различных натуральных продуктов питания, медикаментов, средств по уходу за кожей. Часто зеленый используется в рекламе больниц, аптек, клиник, центров здоровья и т.д.
Что еще у нас есть зеленое кроме природы? Правильно, доллары. Поэтому, данный цвет можно использовать в рекламе различных финансовых учреждений, партнерских программ, способов продаж и заработка. Помимо того, что он не навязчивый и расслабляющий, зеленый также провоцирует желание попробовать что-то новое, испытать то, чего ранее не знал. Не зря темно-зеленые цвета используют банковские компании – Приват Банк (Украина), Сбербанк (Россия), Россельхозбанк (Россия) и т.д.
| Рекомендуем прочитать:
|
Отлично сочетается с синим и белым цветом. Именно палитра этих цветов используется в рекламах всевозможных продуктов природного происхождения.
Розовый цвет в рекламе ассоциируется с романтикой и отношениями. Именно реклама продукции данного направления должна сопровождаться розовыми цветами и его оттенками. Психология цвета отмечает, что розовый усиливает чувства, делая нас более нежными и ласковыми. Рекламный спектр, где можно использовать этот цвет, очень широкий: от салонов красоты, рекламы парфюмов и косметики, до брачных агентств и семейных центров.
Голубой цвет в рекламе тоже настраивает на чувства. Конечно, действует он не так, как розовый, и направлен больше на платонические, духовные отношения. Этот цвет ассоциируется с небом и водой, с чистотой, спокойствием, плавным движением и развитием. Очень хороший и аккуратный цвет, правильное использование которого способно принести очень много пользы.
Также голубой цвет связывают с духовным развитием. Поэтому, будет уместным его использовать в рекламе различных центров духовного развития, курсов йоги, каких-то эзотерических лекций и встреч.
Синий цвет – самый оптимальный вариант в рекламе. Во-первых, он не раздражительный. Это цвет воды, и на него можно смотреть часами. Самые посещаемые сайты в интернете (те же социальные сети), используют в основе синий цвет. Он привлекает внимание как и красный, но в отличии от второго никогда не вызовет раздражения и гнева. Очень лояльный цвет. Даже тяжело очертить конкретный сферы, где вы можете использовать синие цвета. Они идеально подойдут для рекламы товаров, которые должны ассоциироваться с надежностью и авторитетностью. Многие компании использую синий цвет в своих логотипах и корпоративных цветах. Лучше всего синий цвет и его оттенки использовать компаниям, занимающимся авиа-перевозками, аэропортам, производителям кондиционеров и вентиляторов, освежителей дыхания, минеральной воды, морским портам и туристическим фирмам.
Синий отлично сочетается с белым, и это, пожалуй, беспроигрышный вариант. Если вы хотите в своей рекламе сочетать синий и какой-то другой цвет, то нужно быть очень аккуратным, чтоб не создать отталкивающий эффект. Хорошим вариант объединения синего и красного является флаг США. Но это, как нам кажется, исключение из правил, нежели закономерность. Синий хорош сам по себе, и умелое его использование принесет множество выгод.
| Рекомендуем прочитать:
|
Фиолетовый цвет в рекламе используется не часто, но на него нужно обратить должное внимание. Психология цвета говорит нам, что фиолетовый несет в себе внутреннюю гармонию и сосредоточенность. Он помогает углубиться в себя, абстрагировавшись от всего ненужного и тревожного для Вас в данный момент. Еще одна важная деталь – фиолетовый стимулирует те участки мозга, которые отвечают за творческий потенциал и развитие. И совершенно не случайно творческие люди выбирают за основу именно фиолетовый цвет. Опытные маркетологи советуют использовать этот цвет в рекламе товаров, где нужно подчеркнуть новизну и креативность, или же в тех случаях, когда реклама направлена на творческих людей. Достаточно несколько фиолетовых элементов, и Ваш посыл будет воспринят в правильном ключе.
Черный цвет в рекламе приходится встречать не очень часто, и этому есть вполне логическое объяснение. У всех людей с нормальной психикой, черный ассоциируется с чем-то темным, угрюмым, грустным. Он заставляет погружаться в себя, испытывать не совсем радостные чувства. Поэтому старайтесь не делать свою рекламу темную, не перенагружайте ее черными цветами. Конечно, есть всемирно известные бренды, которые используют данный цвет в своих логотипах и рекламных роликах, но это, скорее всего, исключение из правил. Да и если бренд известен на весь мир, то он может позволить себе нестандартные решения.
| Рекомендуем прочитать:
|
Белый цвет полная противоположность черного. Он несет в себе открытость, свет, чистоту. Но не забывайте, что это полностью нейтральный цвет. Хоть он никогда и не вызовет раздражения или негативных эмоций, но и нужный посыл при помощи белого будет донести очень тяжело. Как правило, на белом фоне изображают надписи, рисунки, которые направлены на обычное ознакомление, без дальнейших активных действий. Используя белый цвет в рекламе, вы не сможете акцентировать внимание на чем-то конкретном, расставить правильно приоритеты. Хотя в сочетании с красным, белый дает отличный эффект и невероятный результат. Многие надписи о скидках, акциях и распродажах делаются именно на белом фоне красными буквами, либо наоборот.
Вот, пожалуй, и все, что мы хотели рассказать. Теперь вы больше знаете про психологию цвета, и можете правильно использовать нужные оттенки в своей рекламе. Всегда экспериментируйте, сочетайте цвета, ищите оптимальные решения, и следите за реакциями людей. Удачи!
Цвет – одно из самых мощных средств в инструментарии дизайнера. С его помощью можно привлечь внимание, создать определенное настроение, повлиять на эмоции, восприятие и поведение.
Знаете ли вы, что среди причин, побуждающих покупателей приобретать определенный товар, 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. Это обеспечит доступность графической информации для людей с нарушением цветовосприятия, в том числе и цветовой слепотой.
Заключение
Мы рассмотрели несколько факторов, связанных с цветом, которые могут повлиять на работу пользовательского интерфейса вашего сайта или приложения. Но нам так и не удалось ответить на вопрос: «Как найти правильный цвет?». Но вы, возможно, уже догадались, что «лучшего» для конверсии цвета вообще не существует. Один цвет способен не на многое. Самое важное: какие вы выбираете цвета и как сочетаете их между собой.
Если ваша цель – повысить уровень конверсии, то вам не обойтись без серьезного анализа информации: что на самом деле нужно пользователям, какая формулировка или стиль речи для них наиболее доступны, какой способ покупки товаров они предпочитают. Правильно разработанный сайт – это такой сайт, который устраивает пользователей.