Причина и следствие — изучение психологии цвета

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

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

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

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

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

Почему цвет влияет на эмоции

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

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

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

Влияние цвета на производительность

Цвет может влиять не только на настроение и эмоции. Это также может повлиять на производительность очень реальным образом.

Например, в исследовании, опубликованном в Журнале экспериментальной психологии, исследователи обнаружили, что красный цвет негативно влияет на результаты теста. Когда участникам давали красный номер участника (а не зеленый или черный), они выполняли тесты на 20% хуже, чем их сверстники. Это существенное отличие, которое можно использовать для влияния на пользовательский опыт.

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

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

Цветовые значения

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

Теплые цвета

К теплым цветам относятся оттенки красного, оранжевого и желтого. В целом эти цвета энергичны и активны, с относительно положительными коннотациями.

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

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

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

Прохладные цвета

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

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

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

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

Нейтралы

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

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

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

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

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

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

Культурные различия

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

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

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

Тонкие изменения имеют огромное влияние

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

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

Как цвет влияет на поведение потребителей

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

HubSpot провел тематическое исследование эффекта переключения цвета кнопки с зеленого на красный на веб-сайте Performable и получил очень убедительные результаты. Интуитивная реакция дизайнера может заключаться в том, что зеленый будет работать лучше, поскольку он ассоциируется с «вперед», а красный — с «стоп» и может заставить людей сделать паузу перед нажатием кнопки. Но результаты говорили об обратном: красная кнопка опередила зеленую на 21%. Однако в других тематических исследованиях зеленый значительно превосходит желтый или оранжевый.

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

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

Заключение

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

Дальнейшее чтение в блоге Toptal Design:

• Спектр возможностей: руководство по выбору цвета пользовательского интерфейса
• Роль цвета в UX
• Темные интерфейсы. Хорошее и плохое. Что можно и чего нельзя делать.
• Принципы дизайна и их важность
• 10 UX-результатов, которые используют лучшие дизайнеры