Психология цвета
Знаете ли вы, что цвета способны не только влиять на наше восприятие, но и изменять настроение, улучшать память и внимание и даже повышать кровяное давление? Психология цвета как раз занимается изучением влияния на нас каждого из цветов, ведь знания о их значении — верный шаг на пути к пониманию людей.
Знания в области психологии цвета имеют ключевое значение для творческих людей и бизнеса. Так, например, известно, что среди причин, которые побуждают людей совершить покупку, 90% приходится именно на долю цвета. Кроме того, на цветную рекламу в печатных изданиях обращают внимание на 26% чаще, чем на черно-белую.
Понимание психологии цвета помогает установить контакт с потребителем/клиентом и создать эмоциональную связь, закрепить узнавание бренда на уровне подсознания и передать нужное послание.
А теперь давайте немного поиграем: на каждый цвет, описываемый ниже, вы первым делом должны вспомнить бренды, которые используют эти цвета в своих логотипах. А потом в комментариях напишите, брендов какого цвета вы вспомнили больше всего, идет? Поехали!
Итак, постарайтесь вспомнить как можно больше брендов, чей логотип красного цвета. Мне вот первым делом в голову приходят Coca-Cola, Netflix, Pinterest.
Красный цвет способен вызвать как положительные ассоциации (страсть, сила, энергия, бесстрашие), так и отрицательные (опасность, угроза, боль). Он создает эффект срочности, который успешно используют в продажах. Этот цвет часто применяют в рекламе скоростных автомобилей и нижнего белья, ведь он способен повысить пульс.
Исходя из опросов, красный цвет чаще предпочитают женщины, чем мужчины (9% против 7%). 2% мужчин никогда бы не назвали красный любимым, в то время как среди женщин не встретилось противниц красных оттенков. Дешевым этот цвет сочли лишь 9% респондентов.
Не забыли про игру? Сначала бренды с оранжевыми логотипами, потом читайте дальше. Я вспомнила Mastercard, Nickelodeon и Orange. А у вас сколько оранжевых брендов?
Оранжевый цвет ассоциируется с теплом, солнцем, энергией. Он вобрал в себя лучшие качества красного и желтого, вызывает радость и позитивные эмоции.
По 5% мужчин и женщин выбрали оранжевый цвет любимым, при этом аж 33% женщин и 22% мужчин никогда бы не выбрали его. А еще оранжевый самый дешевый — 26% респондентов посчитали его таковым.
Какие логотипы желтого цвета вы вспомнили? Мне на память пришли только Bic, Shell и MacDonalds.
Ассоциации, которые вызывает желтый цвет, преимущественно положительные: свет, радость, энергия, позитив и креативность. Однако некоторые его оттенки могут вызвать ощущение болезненности и грязи. Зачастую желтый цвет усиливает влияние рядом с более темным цветом (например, черным).
57% опрошенных мужчин считают желтый цвет любимым и только 1% не выбрали бы его. Среди женщин нет противниц желтого, а вот любимым его посчитали 35% респонденток. Желтый — второй после оранжевого по дешевизне, 22% опрошенных назвали его дешевым.
Продолжаем вспоминать цветные бренды. Какие вы вспомните зеленого цвета? Мои варианты: Starbucks, British Petroleum и X-Box.
Согласно психологии цвета, зеленый является символом чистоты, свежести, природности, здоровья и роста. Среди негативных ассоциаций можно назвать скуку и заторможенность. Зеленый цвет расслабляет глаза, он распространен среди эко-брендов и фармацевтических компаний, а еще его очень любят банки и финансовые биржи.
По 14% мужчин и женщин назвали зеленый любимым, при этом целых 16% женщин его не оценили. Зеленый нельзя отнести к дешевым, так как всего 6% респондентов назвали его таким.
Вспомнили несколько синих логотипов? Я вспомнила Nivea, Facebook и Twitter.
Синий цвет вызывает такие чувства как доверие, лояльность, безопасность, в то же время может ассоциироваться с холодностью, черствостью и замкнутостью. Он также обладает сильным успокаивающим действием.
Синий цвет является любимым у мужчин, его выбирают 57% респондентов. Среди женщин синий предпочитают только 35%, хотя противниц этого цвета нет совсем. Синий никак нельзя назвать дешевым, ведь к таким его причислили всего 1% опрошенных.
Мне кажется, труднее всего будет вспомнить фиолетовые логотипы. Хммм, пожалуй, Milka, BenQ и Cadburry.
Психологические ассоциации с фиолетовым цветом следующие: свобода, фантазийность, богатство. Именно поэтому он отлично подходит для брендов, позиционирующих себя как престижные. Среди негативных эмоций, которые провоцирует этот цвет, подавленность, упадническое настроение.
Фиолетовый цвет не в фаворитах у мужчин: всего 1% против 23% женщин выбрали фиолетовый любимым. И целых 22% мужчин ни за что не выбрали бы этот цвет. Он в самом деле считается люксовым, только 4% посчитали фиолетовый дешевым.
Вспомните хотя бы парочку логотипов черного цвета? Для меня это WWF, Boss и Chanel.
Несмотря на то, что во многих культурах черный является цветом траура и ассоциируется с тоской и угнетенностью, есть у него и вполне положительные значения: утонченность, авторитет, элегантность и сдержанность.
Выбирают его любимым, однако, не так часто: всего 8% мужчин и 6% женщин. Негативно же к нему относятся по 4% мужчин и женщин. Но зато наравне с синим черный цвет занимает первую строчку среди дорогих — всего 1% респондентов посчитали его дешевым.
Итак, осталось совсем немного, постарайтесь вспомнить логотипы белого цвета. Я вспомнила Apple, Adidas и Zara.
Традиционно белый цвет ассоциируется с чистотой, свежестью, невинностью и простотой. В отрицательном плане он напоминает о стерильности, пустоте, отстраненности. Белый отлично подходит для передачи модного, чистого образа.
Этот цвет также нельзя назвать популярным: только 2% мужчин и 1% женщин назвали его любимым против 5% мужчин и 3% женщин, которым он совсем не нравится. Дешевым его считают 9% опрошенных.
Цвет способен полностью изменить наше представление о явлениях и вещах. Попробуйте, например, представить себе лимон. Готова поспорить, что вы представили его желтого цвета. А теперь представьте лимон фиолетовым… Странно, правда?
Цвет может взаимодействовать с нашей памятью и пробуждать улыбку, напоминая о ярком красном дождевике, который был у нас в детстве. Ну или он может вызвать у нас злость, если напомнит синий свитер как у нашего бывшего/бывшей.
Хотите понять свое текущее эмоциональное состояние? Цвет вам в помощь — пройдите цветовой тест Макса Люшера и немного лучше узнаете себя в моменте здесь и сейчас. Конечно, этот тест не даст вам понимания ваших глубинных мотиваций и конфликтов, но общее представление об эмоциональном состоянии на данный момент получается обычно достаточно точным. Причем при проведении цветового теста в разные периоды времени результаты будут отличаться.
Российские ученые — В.Ф.Петренко и В.В.Кучеренко — провели исследование, в результате которого выяснили, что в зависимости от эмоционального состояния люди выбирают определенные цвета. Так, например, в радостном веселом состоянии испытуемые отдавали предпочтение энергичным желтым и красным цветам, одновременно отрицая цвета спокойствия — синий, коричневый и черный. В состоянии страха характерно преобладание зеленого и серого цветов и отрицание желтого. Эти открытия любопытны не только с точки зрения колористики, но также маркетинга и брендинга. Понимание основных принципов взаимосвязи цвета и психологического состояния человека поможет в более осмысленном подборе цвета, в формулировании правильного послания потребителям/клиентам и установлении более прочной эмоциональной связи с ними.
Психология цвета в маркетинге, рекламе и бизнесе
Цвет – одно из самых мощных средств в инструментарии дизайнера. С его помощью можно привлечь внимание, создать определенное настроение, повлиять на эмоции, восприятие и поведение.
Знаете ли вы, что среди причин, побуждающих покупателей приобретать определенный товар, 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 теста), которые показывают, как выбор цвета для кнопки призыва к действию влияет на количество зарегистрировавшихся пользователей.
Хотя изначально предполагалось, что зеленая кнопка будет работать эффективнее, результаты тестов показали, что у красной кнопки на 21% больше кликов. При этом HubSpot предупредил своих пользователей, что результаты теста в некоторой степени субъективны – возможно, аудитория предпочла красный, потому что это был единственный насыщенный цвет на странице сайта.
Сам по себе цвет кнопки не влияет на ее абсолютную эффективность – то, что хорошо работает на одном сайте, может быть малоэффективным на другом. Утверждение, что один цвет конвертирует лучше другого – ошибочное, потому что не существует универсального наилучшего цвета. Однако при этом все же существуют некие правила, основанные на практическом опыте, которые помогают эффективно использовать цвет в своих интересах. Одно из них – использование психологического принципа, известного как «эффект изоляции». Согласно этому принципу, люди лучше запоминают объект, который выделяется на фоне остальных «как бельмо на глазу».
Например, если в оформлении вашего сайта или приложения много зеленого, пользователи, скорее всего, не будут обращать внимание на зеленую кнопку, несмотря на то, что данные A/B теста подтвердили ее эффективность в другой компании.
Веб-сервис Evernote. Их кнопка призыва к действию «It’s Free» просто похоронена, потому что по цвету сливается с фоном. Она теряется на странице, и пользователи ее не замечают.
Иногда следует менять визуальную иерархию цветовой гаммы на странице, чтобы выделить кнопку призыва к действию. Очень важную роль играет контраст – если цвет кнопки не привлекает внимание потенциального клиента, значит, не будет регистраций/продаж.
Кнопка призыва к действию (CTA), действительно, привлекает внимание пользователей в том случае, когда контрастирует по цвету с остальными элементами страницы.
Цвет и юзабилити
Дизайн подразумевает не только красивое оформление, но и функциональность и юзабилити – пожалуй, два наиболее важных принципа для работы любого UX-дизайнера.
Цвет – это инструмент, который помогает направлять взгляд на нужные объекты. Правильный выбор цвета при разработке интерфейса не только привлекает пользователей, но и повышает эффективность работы пользовательского интерфейса.
Ограничение количества цветов
Применяя разные цвета в дизайне, следует стремиться к балансу. Чем больше цветов вы используете, тем труднее добиться сбалансированности. Использование слишком большого количества цветов – это распространенная ошибка разработчиков. Возможно, они стараются таким способом оказать максимальное влияние на пользователей и донести до них как можно больше информации, однако это может сильно запутать людей, заходящих на сайт.
Какие бы цветовые оттенки вы ни использовали, слишком большое количество цветов создает неудачный визуальный эффект.
Дизайнеры интерьеров придерживаются простого правила 60–30–10, которое хорошо работает и при разработке сайтов. Этот прием, неподвластный времени, поможет подобрать сбалансированную цветовую гамму: 60% должно приходиться на доминирующий цвет, 30% на вторичный цвет и 10% на цветовой акцент. Такое соотношение гарантирует цветовое равновесия и комфортный переход взгляда от одного объекта к другому.
Формула 60% + 30% + 10% – это залог сбалансированности используемых цветов.
Доступность цветовосприятия
Люди воспринимают цвета по-разному. Примерно 8% всех мужчин и 0,5% всех женщин страдают дальтонизмом в той или иной степени. От нарушения цветовосприятия больше всего страдает сочетание красного цвета с зеленым. Единственный способ избежать проблем – стараться не использовать эту цветовую комбинацию.
Многим дальтоникам трудно отличить красный цвет от зеленого.
Возьмем для примера распространенную ситуацию. Вы когда-нибудь получали сообщение о неправильном заполнении формы – что-то вроде «Поля, отмеченные красным, обязательны для заполнения»? Хотя для пользователей с нормальным зрением в этом нет большой проблемы, людей, страдающих дальтонизмом, такое сообщение может расстроить.
Разработчики сайтов для операции заполнения форм используют только два цвета: красный и зеленый. Но дальтоники не различают поля, выделенные этими цветами.
Как сказано в рекомендациях организации W3C, цвета не должны использоваться в качестве единственного визуального инструмента для следующих целей: передачи информации, побуждения к действию и ответной реакции, выделения визуального элемента. Следуя этим рекомендациям, разработчики сайтов должны обратить внимание на некоторые моменты: ответное сообщение об ошибках должно быть более информативным, например, таким: «Адрес электронной почты, который вы ввели, недоступен»; или, возможно, следует добавить иконку рядом с полем для заполнения, чтобы привлечь внимание пользователя.
Дополнительные визуальные подсказки и встроенная проверка ошибок помогают выделить неверно заполненное поле.
Есть несколько способов, которые помогут протестировать ваш пользовательский интерфейс на доступность?
Заключение
Мы рассмотрели несколько факторов, связанных с цветом, которые могут повлиять на работу пользовательского интерфейса вашего сайта или приложения. Но нам так и не удалось ответить на вопрос: «Как найти правильный цвет?». Но вы, возможно, уже догадались, что «лучшего» для конверсии цвета вообще не существует. Один цвет способен не на многое. Самое важное: какие вы выбираете цвета и как сочетаете их между собой.
Если ваша цель – повысить уровень конверсии, то вам не обойтись без серьезного анализа информации: что на самом деле нужно пользователям, какая формулировка или стиль речи для них наиболее доступны, какой способ покупки товаров они предпочитают. Правильно разработанный сайт – это такой сайт, который устраивает пользователей.
