Какие цвета продают продукты
Цвет определяет эмоциональную реакцию пользователя на сайт, даже если сам человек этого не осознаёт. Какие цвета использовать для фона и разных элементов сайта, чтобы вызвать те или иные ощущения, и как правильно сочетать цвета в веб-дизайне, читайте ниже.
Результаты исследования С. Сингх (Satyendra Singh) показывают, что покупатель всего за 90 секунд формирует мнение о продукте, причем 62-90% этого взаимодействия определяется только цветом.
Умение использовать цвета можно прокачивать до бесконечности. Это настоящая бездна возможностей для воздействия на человека.
Для того, чтобы подобрать наиболее подходящую цветовую схему, дизайнеры ориентируются на психологию цвета, которая раскрывает эмоциональную, смысловую составляющую цвета, цветовой круг, показывающий отношения между различными цветами. Также во внимание принимаются существующие тренды, устоявшиеся для той или иной сферы деятельности цветовые решения. Решающим моментом является поставленная цель, специфика бизнеса и его аудитории.
Цветовая теория: основные принципы
Каждый видел в графической программе цветовой круг.
Немного истории: цветовой круг изобрел Исаак Ньютон. Обосновав теорию света и цветов в 1666г. Именно она легла в основу становления и развития современной оптики, малой и составной частью которой является web-дизайн. Ньютон при помощи трёхгранной стеклянной призмы разложил белый свет на семь цветов (в спектр), тем самым доказав его сложность (явление дисперсии), открыл хроматическую аберрацию.
Цветовой круг — это идеальное доказательство теории, что гениальное всегда просто. Круг позволяет вам выбрать цвета, которые гармонировали бы вместе.
Чтобы найти правильную цветовою схему, необходимо использовать любые два цвета друг напротив друга, любые три цвета на равном расстоянии при формировании треугольника или любой из четырех цветов, образующих прямоугольник (две пары цвета друг напротив друга). Цветовые схемы остаются правильными независимо от угла поворота.
Какой цвет больше подойдет для вашего бизнеса?
На основе нескольких исследований — анализа, опубликованного на сайте Vandelay Design, и поста о цветах в Smash Magazine — мы объясним, как цвета влияют на эмоции и помогают создавать UX-дизайн.
Красный и его оттенки
- Основная его функция – побуждение к действию. Подойдет, если ваш сайт посвящен продаже товаров, которые обычно люди покупают импульсивно и спонтанно (это может аксессуары, обувь, одежда, косметика, товары для дома, еда), используйте его для элементов CTA : объявления о проведении акции, скидках, призыв оформить покупку. Оформление сайта в ярких цветах будет подталкивать пользователя к действию, но главное — не перестараться, чтобы кричащие цвета не отпугнули вашего клиента.
Яркие цвета одного оттенка правильно распределяют внимание
Красные оттенки, яркий желтый, розовый привлекают внимание к новой коллекции. Кроме того, бренд Milani Cosmetics не использует нелюбимые женщинами (согласно исследованиям) оранжевый, серый и коричневый цвета.
Красный от алого до бордового подчеркивает статус бренда
Синий
Большинство научного сообщества склоняется к мнению, что синий цвет вызывает доверие и спокойствие. И не удивительно, почему самая большая социальная сеть в мире использует именно синий в качестве основного.
Синий цвет выражает доверие, порядок, вызывает чувство спокойствия, безмятежности. Поэтому синюю цветовую гамму выбирают для сайтов связанных с деньгами, личной информацией или юридическими документами. Обычно это страховые, финансовые организации, компании по продаже недвижимости или билетов. Самые очевидные примеры – сайты Booking, Ozon, Циан, Домофонд. Интерфейсы популярных соцсетей и мессенджеров также в этих оттенках — ВКонтакте, Телеграм, Твиттер, Фейсбук.
При этом синий цвет считается неудачным для сферы питания в силу того, что в природе очень мало съедобных синих продуктов.
Черный
Чем темнее фон, тем больше люкса. Статья из Lifescript описывает черный, как «элегантный, изысканный, сильный». Поэтому большинство дизайнеров высокого класса используют черный цвет для сайтов электронной коммерции. Также черный описывается как «вечный, классический». Это помогает объяснить использование черного в продуктах с высокой добавленной стоимостью. Черный также может рассматриваться в качестве роскошного цвета. Черный – это также гламур, изысканность, эксклюзивность.
Достаточно открыть сайт Vertu:
louis vuitton и Dior:
Зеленый
Считающийся самым универсальным цветов, зеленый воспринимается позитивно подавляющим большинством пользователей. Из-за того, что он ассоциируется с природой, зеленый рекомендуется для сайтов, делающих акцент на здоровье: правильное питание, здоровые образ жизни, натуральная косметика, экотовары. Позитивный эффект зеленого также можно использовать для формирования доверия, как, например, это делает Сбербанк.
В интернет-магазине роботов-пылесосов акцент сделан на чистоте и экологичности. Сочетание с белым цветом и темным деревом придает ощущение доступности и простоты:
Сочетание цветов
При выборе цветовых комбинаций основное внимание следует уделять тематике сайта и его целевой аудитории. Так, например, черный цвет неуместен на детском сайте, а коричневый – на сайте косметики.
Маркетологи и дизайнеры Victoria’s Secret знают толк в правильных сочетаниях цветов: строгая черно-белая гамма с добавлениями нежного фиолетового и ярких розовых кнопок «призыва к действию».
Заключение
Пользователи редко замечают и оценивают цвет фона, панели навигации, отдельных деталей, но это не значит, что цвет при этом не воздействует на них. Просто это происходит подсознательно. Цвет увеличивает узнаваемость бренда на 80%, что напрямую влияет на доверие потребителей.
У пользователя возникают какие-то эмоции, когда он скроллит вниз, нажимает на кнопки, побуждающие к действию, или, наоборот, не замечает их. И цвет играет во всём этом огромную роль.
Выбирая цвет для оформления, вам не обойтись без сплит-тестов: достигнутый результат будет зависеть от грамотного сочетания цветовой гаммы и вашего конкретного оффера или специфики бизнеса.
Call to Action
Лучше, если у вас будет больше свободы в выборе цветовой гаммы, однако и тут остерегайтесь перегибов — не стоит использовать на одной странице более трех-четырех цветов, включая их оттенки.
Ваш сайт должен приносить прибыль и клиентов, они не предназначены для того, чтобы радовать глаз случайно зашедшего на страницу эстета. Главная цель психологии цвета — повысить конверсию, а не создать произведение искусства.
Делитесь вашими советами в комментариях, а если понравилась статья — получайте похожие еженедельно на почту.
Цвет может оказывать неожиданное влияние на людей. Он способен:
- изменить вкусовое восприятие
- повлиять на восприятие времени
- ускорить или замедлить сердцебиение
- сделать вас сильнее и быстрее
- повлиять на ваше мнение о надежности конкретного человека или бренда.
Если цвет так влияет на людей, то может ли он оказывать воздействие и на покупательские привычки? Разумеется, да. В ходе различных исследований было многократно обосновано влияние разных цветовых оттенков на эмоциональное состояние.
Если правильно использовать влияние цвета, то это может помочь вам увеличить коэффициент конверсии. Эффект может быть весьма ощутимым. Например, 85% потребителей заявляют, что цвет является для них определяющим фактором при выборе того или иного продукта. 66% людей не совершат покупку, если товар окрашен в тот цвет, который им не нравится.
Какие же оттенки предпочитают люди? И можно ли как-то это предсказать? Да, но точность таких прогнозов будет невелика. Люди выбирают тот или иной цвет в зависимости от того, как они себя чувствуют в данный момент времени.
Например, светло-синий и ярко-желтый цвета предпочитают здоровые люди. Темно-синий, так же как и все оттенки серого, популярны среди обеспокоенных людей или тех, кто находится в депрессии.
Если, находясь в определенном настроении, мы предпочитаем те или иные цвета, то верно и обратное утверждение. Цвета могут провоцировать изменения нашего настроения:
Эмоции, которые провоцируют разные цвета
Синий: доброта, честность, авторитет, ясность, интеллигентность.
Фиолетовый: величие, качество, индивидуальность, духовность, креативность.
Красный: желание, действие, страсть, энергия, воодушевление.
Оранжевый: веселье, дружелюбие, омоложение, эмоциональный подъем, оптимизм.
Желтый: счастье, энтузиазм, дружелюбие, оптимизм, уверенность.
Зеленый: надежда, рост, обновление, баланс, успокоение.
Все это означает, что вы можете использовать цвет в дизайне вашего лендинга, чтобы вызывать определенные эмоции у посетителей и тем самым увеличивать конверсию. Ниже будут перечислены шесть цветов, которые точно положительно повлияют на ваших потенциальных клиентов.
1. Красный
В 2005 году ученые Даремского университета опубликовали исследование, в котором было доказано, что спортсмены, выступающие в форме красного цвета, побеждают чаще. Красный цвет ассоциируется со срочностью, опасностью и силой. Кажется, что такого оттенка следует избегать, однако если использовать его умеренно, то это может повысить эффективность продаж.
Как красный цвет влияет на продажи?
Красный цвет провоцирует человека на совершение действия. Если вы уже привлекли внимание посетителя безупречным дизайном, заинтересовали его качественным текстом, то красная кнопка с четким призывом «Начать», «Искать» или «Купить» будет как нельзя кстати.
Где можно увидеть красные призывы к действию?
На любой распродаже в торговых центрах вывески со скидками обычно красного цвета. Это особенно эффективно работает, к примеру, во время «черной пятницы», когда люди уже знают о том, что могут купить товары с большой скидкой и им нужен лишь последний «толчок», чтобы совершить покупку. Поэтому плакаты, сообщающие о распродажах, обычно ярко-красные – они транслируют ощущение срочности.
Где следует использовать красный цвет?
Красный цвет наиболее эффективно работает, когда дело касается импульсивных покупок. Поэтому его часто используют в интернет-магазинах. Однако красный цвет также эффективен для других сайтов, например, онлайн-площадок для бронирования жилья и авиабилетов.
Красная CTA-кнопка призыва к действию на сайте Airbnb
Красный поп-ап и кнопки на сайте интернет-гиганта Aliexpress
2. Синий
Синий цвет косвенным образом способствует увеличению объема продаж. Он обычно ассоциируется со надежностью, спокойствием и стабильностью, поэтому он так популярен среди разработчиков ПО и финансовых продуктов.
Как синий цвет влияет на продажи?
Синий цвет помогает людям справиться с чувством беспокойства. Он станет хорошим вариантом для оформления фона лендинга или его элементов. Этот оттенок наилучшим образом подойдет для сферы финансов, медицины и страхования.
Где следует использовать синий цвет?
Светло-синий оттенок создает ощущение свободы и безопасности, в то время как темно-синий ассоциируется с традиционностью, серьезностью и интеллектом. На сайте Paypal можно увидеть сразу несколько оттенков синего:
Синий цвет – отличный выбор, если объем продаж вашей компании зависит от того, насколько надежными и серьезными вас воспринимают. Синие элементы хорошо выделяются на белом фоне, а желтый текст на синем фоне считается наиболее удобочитаемым.
3. Зеленый
Зеленый цвет традиционно ассоциируется в нашем сознании со здоровьем, окружающей средой, а также со всем натуральным и органическим. Если ваш бизнес тесно связан с этими понятиями, то вам следует обратить особое внимание на этот оттенок.
Как зеленый цвет влияет на продажи?
Исследования доказывают, что зеленый, в отличие от других цветов, заставляет людей проявлять свои творческие способности. Кроме того, всем хорошо известно, что этот цвет используется в качестве сигнала светофора, разрешающего движение. Поэтому использование зеленого для конверсионных элементов выглядит скорее как рекомендация, а не как призыв срочно совершить действие.
Где следует использовать зеленый цвет?
Зеленый цвет можно использовать для того, чтобы выделить элементы лендинга – они будут наиболее эффективно смотреться на белом фоне и в окружении контрастирующих цветов. Данный оттенок должен преобладать в визуальной иерархии, привлекать внимание, но и при этом не быть чересчур броским. Если вам кажется, что вашим покупателям нужен скорее «зеленый свет», чем толчок к импульсивным покупкам, то зеленый – превосходный выбор. Этот оттенок отлично работает на лендингах и сайтах медицинских центров, лабораторий:
4. Фиолетовый
Фиолетовый обычно ассоциируется с благородством, благополучием и силой. В давние времена законом запрещалось носить одежду этого цвета простым людям. В современном обществе фиолетовый часто приобретает дополнительное значение духовности и творческого начала. Следует взглянуть на результаты одного исследования, показывающего, кто предпочитает этот цвет:
Цвета, которые женщины любят больше всего: синий, фиолетовый, зеленый
Цвета, которые женщины ненавидят: оранжевый, коричневый, серый.
Ниже представлены аналогичные результаты исследования, касающиеся цветовых предпочтений среди мужчин:
Цвета, которые мужчины любят больше всего: синий, зеленый, черный.
Цвета, которые ненавидят мужчины: коричневый, оранжевый, фиолетовый.
Таким образом, не стоит выбирать фиолетовый в качестве основного цвета вашего бренда, если вашей целевой аудиторией являются мужчины.
Как фиолетовый цвет влияет на продажи?
Фиолетовый является ярким цветом. Он хорошо контрастирует с желтым и зеленым и сочетается с розовым и синим. Если на вашем сайте много белых и черных цветов, то, оформив меню или CTA-элементы в фиолетовых тонах, вы сможете заметно выделить их на общем фоне.
Где следует использовать фиолетовый цвет?
С практической точки зрения, фиолетовый хорошо выделяется на лендингах, где в качестве целевой аудитории представлены в основном женщины. Это стандартное цветовое решение для интернет-магазинов одежды, косметики и детских товаров:
Популярный сайт Wildberries, ориентированный в основном на женщин, выполнен в фиолетовых тонах
Следует учитывать, что второстепенные цвета могут повлиять на то, какой эффект произведет фиолетовый цвет на посетителей лендинга. Если вы не хотите, чтобы ваша страница выглядела чересчур женственно, то вам нужно избегать розового и дополнить фиолетовый оттенок синим. Если же вам нужен обратный эффект, то избегайте серых и черных цветов, а в качестве дополнения возьмите розовый.
5. Черный
Вероятно, вы уверены в том, что черный цвет не может составлять основу цветовой схемы лендинга. Отчасти это правда, ведь большинство дизайнеров отдают предпочтение белому в качестве фона и нескольким ярким акцентам. Однако черный цвет также может производить очень сильное впечатление.
Использование черного имеет хороший эффект, когда дело касается дорогостоящих товаров c мужской или смешанной целевой аудиторией.
Как черный цвет влияет на продажи?
Не стоит использовать черный цвет для элементов конверсии, так как он обычно плохо выделяется на общем фоне. Однако черно-белая цветовая гамма автоматически создает контраст. Например, на сайте компании Squarespace можно увидеть белую кнопку целевого действия на черном фоне:
На другой странице их сайта можно увидеть черную кнопку целевого действия с белым текстом:
Такое цветовое решение дает дизайнерам свободу при подборе визуального ряда. Черно-белая гамма в любом случае будет выделяться.
Где следует использовать черный цвет?
Данный цвет будет хорошо смотреться в цветовой гамме лендинга, предлагающего премиум-подписку или лакшери-продукт:
Лендинг Mercedes Benz, выполненный в черных тонах
Если вы не продаете роскошные автомобили, то вам следует быть сдержаннее при использовании черного цвета. Однако он может быть весьма эффективным, если применять его для отдельных элементов:
Черные элементы на сайте Asos
6. Оранжевый
Оранжевый – это яркий и насыщенный цвет, однако он, в отличие от красного, не передает ощущения срочности. У этого цвета есть множество тонов и оттенков. Оранжевый можно часто увидеть на различных сайтах. Он, пожалуй, чаще всего используется для кнопок призыва к действию, так как оранжевый выделяется на фоне любого оттенка. И лишь немногие компании используют его в качестве основного цвета для своего бренда.
Как оранжевый цвет влияет на продажи?
Оранжевый цвет может стать отличным решением для оформления элементов лендинга, если дизайн сайта простой, а сам он выполнен в светлых тонах. Он выделяется на фоне большей части цветовых схем. Большинство людей положительно относятся к оранжевому цвету, поэтому его использование на посадочной странице редко может привести к снижению конверсии.
Где следует использовать оранжевый цвет?
Ниже представлен удачный пример использования оранжевого цвета от компании Aviasales:
Оранжевый заметно выделяется на голубом фоне, так как они находятся напротив друг друга на цветовом круге. Этот цвет используется для основной целевой кнопки, а также для обозначения активных полей.
Платформа LPgenerator также использует оранжевый цвет для свой CTA-кнопок:
Заключение
Грамотное использование цветов может оказаться очень эффективным в вопросе оптимизации конверсии, так как цвета способны влиять на настроение людей – передавать ощущение срочности или, наоборот, успокаивать, вселять надежду и утолять тревоги. Некоторые цвета вызывают у людей чувство безопасности, другие способствуют воодушевлению или ощущению уникальности, избранности.
Какие же оттенки следует использовать именно вам?
Прежде чем приступать к выбору шаблона для лендинга, очень важно определить те цвета, которые выделят ваш бренд на фоне других. Если ваш бизнес связан с такими эмоциями, как сила, смелость и импульсивность, то вам подойдут красные оттенки. Черный цвет как нельзя лучше подчеркнет эксклюзивность вашего оффера, синий – сделает акцент на надежности, а фиолетовая и розовая цветовые схемы вдохновят женскую аудиторию.
Самое главное, чтобы выбранные вами цвета соответствовали посылу, имиджу вашего бренда. Именно поэтому все рекомендации по подбору цветов, представленные в этой статье, являются лишь приблизительными. Есть немало примеров, когда изменение цвета на нестандартный для определенной ниши положительно повлиял на коэффициент конверсии. Единственным способом выяснить, как цвет скажется именно на ваших продажах, является сплит-тест.
Если вы клиент платформы LPgenerator, то в ваш личный кабинет уже встроен удобный инструмент для проведения сплит-тестирования лендингов, который позволит вам настроить A/B-тест всего за несколько минут, создать неограниченное количество вариантов и отследить все изменения в статистике.
Однако если вы уже провели сплит-тест цветовой схемы, не увидели значительных результатов и не уверены, действительно ли цвет причина низкой конверсии вашего лендинга, или же за этим стоят другие факторы, мы готовы предложить вам свою помощь. Компания LPgenerator запустила премиум-услугу по сопровождению клиентов, в которую входит полная оптимизация посадочных страниц, созданных как у нас, так и на других платформах. Мы делаем лендинги с 2011 года — и гарантируем вам максимально профессиональный подход. За подробной информацией можно обращаться по телефону горячей линии 8-800-505-72-45 (с 10 и до 18 МСК).
Высоких вам конверсий!
По материалам: crazyegg.com.
05-06-2017