Полезное

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

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

Веб-дизайн и цветовая гамма

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

 

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

 

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

Убеждение в веб-дизайне

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

 

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

 

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

 

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

Выбор правильной цветовой палитры 

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

 

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

 

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

 

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

 

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

 

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

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

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

 

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

 

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

 

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

 

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

 

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

 

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

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

 Повышение показателя конверсии


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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

  • 17167