Чтобы сформировать мнение о продукте, пользователю достаточно 90 секунд . Определяющую роль на мнение пользователей оказывает выбранная цветовая гамма. Цвет управляет эмоциями посетителей и определяет отношение к сайту и бренду в целом. Когда вы смотрите на какой-либо цвет, ваши глаза взаимодействуют с определенной областью головного мозга, известной как гипоталамус. Он посылает сигнал в гипофез к эндокринной системе, и затем к щитовидной железе. А щитовидная железа дает сигнал на выработку специальных гормонов, которые влияют на настроение, эмоции и поведение.
Нейл Патель из компании QuickSprout утверждает, что цвет на 85% влияет на решение о приобретении той или иной продукции. Поэтому многие компании вкладывают большие деньги в исследования и создание продающей упаковки для своего товара. Тоже самое правило работает и для продающих сайтов: используйте правильные цвета, и вы всегда будете в выигрыше.
В каких элементах использовать цвет?
Поскольку цвет есть везде, то следует в самом начале определиться с тем какую цветовую гамму использовать. Если вы делаете продающий сайт детской тематики, то используйте зеленый-желтый-красный в логотипе, номере телефона, меню, заголовках. Ваша задача вызвать положительные эмоции у родителей, именно поэтому рекомендуется использовать больше ярких и насыщенных цветов.Для того, чтобы правильно выбрать цветовую схему, вы должны следовать следующими принципам:
- правильный цвет для тематики;
- правильный цвет для целевой аудитории;
- правильный цвет в зависимости от времени;
- правильный цвет для каждого целевого действия.
1. Женщины не любят серый, оранжевый и коричневый. Они любят синий, фиолетовый и зеленый.
Существуют большие различия между цветовыми предпочтениями у женщин и мужчин. Нит Патель выявил какие цвета предпочтительны для каждого пола.
В проведенном им опросе 35% женщин сказали, что синий – их любимый цвет, затем идет фиолетовый (23%) и зеленый (14%). 33% женщин признались, что оранжевый и коричневый их самые нелюбимые цвета, кроме этого к самым нелюбимым женщины отнесли еще и серый (17%).
Очень наглядно результаты данного опроса подтверждает сайт WomansDay, они используют синий и фиолетовый на своей домашней странице.
Существует парадигма, что женщины любят розовый цвет. Но это не так. Розовый цвет в качестве любимого выбрал всего лишь небольшой процент женщин. Поэтому рекомендуется в сайтах электронной коммерции использовать вставки из синего, фиолетового и зеленого цветов. Это улучшит привлекательность вашего сайта для женщин и поднимет конверсию.
2. Мужчины не любят фиолетовый, оранжевый и коричневый. Им ближе синий, зеленый и черный.
Если вы занимаетесь продажами товаров для мужчин, то не используйте фиолетовый, оранжевый и коричневый в качестве основных цветов вашего сайта. Это может оттолкнуть потенциального покупателя. Традиционными цветами для мужской аудитории считаются синий и черный. Именно эти цвета ассоциируются c мужественностью.
3. Используйте синий, если хотите вызвать доверие у пользователей.
Синий является самым распространенным цветом. Не удивительно, ведь именно он является наиболее предпочтительным, как для мужчин, так и для женщин. Вот еще какие ассоциации вызывает синий цвет:- Он является цветом доверия, мира и порядка;
- Синий - главный корпоративный цвет в США (Intel, Dell, HP, IBM и т.д.);
- Он вызывает в памяти чувства спокойствия и безмятежности.
PayPal также предпочитает этот цвет. Такая цветовая гамма помогает вызвать доверие со стороны пользователей. Если бы PayPal использовал красный или оранжевый, как основной цвет, вероятно бы они имели меньшую популярность в мире.
Синий цвет очень часто используют банки и кредитные организации. Так например ВТБ24 использует его в качестве основного цвета.
Несмотря на то, что синий очень распространенный цвет, ни в коем случае не рекомендуется использоваться его, при оформлении сайтов, которые касаются питания и еды. Эволюционная теория предполагает, что синий цвет ассоциируется с ядом. Поэтому никогда не используйте синий, если вы продаете товары для гурманов.
4. Желтый - цвет предупреждения.
Желтый цвет используется в предупреждающих знаках, светофорах и дорожной разметке.
Кажется странным, ведь известно, что желтый цвет – цвет счастья. Business Insider сообщает, что «бренды используют желтый, чтобы показать, что они интересны и доброжелательны.» Согласно этой гипотезе, желтый вызывает чувство игривости. Однако, скорее всего желтый стимулирует возбуждение центральной части мозга, и игривость является просто последствием состояния повышенной эмоциональности, а не чистой радости.
Психология цвета тесно связана с памятью и опытом. Так, если вы постоянно носили желтую рубашку, жили в доме с желтыми стенами и питались в центрах быстрого питания с желтыми арками, то желтый цвет у вас может вызвать радость, из-за ассоциации с памятными событиями в вашей жизни.
Желтый может вызывать чувство тревоги, поэтому старайтесь использовать желтый цвет в малом количестве, поскольку это может привести к потери ваших клиентов.
5. Зеленый идеально подходит для оформления.
Зеленый ассоциируется с природой, чистой экологией и окружающей средой. Если тематика вашего сайта, связана с природой (строительство, кондиционеры и т.д.), то рекомендуется использовать зеленый цвет, чтобы вызвать у пользователи ассоциацию с чистотой и легкостью.Зеленый - самый распространенный цвет для использования в кнопках. Так SpringSled, известный своей стратегией привлечения клиентов использует именно зеленый цвет в оформлении. Поэтому зеленый является идеальным цветом для призыва к действию.
Использование зеленого цвета положительно скажется на сайте и улучшит репутацию среди тех, кто озадачен проблемами экологии.
6. Оранжевый – это весело.
Положительной стороной оранжевого цвета является то, что он может быть использован для вызова веселого настроения. По некоторым данным, оранжевый помогает стимулировать физическую активность, конкуренцию и уверенность в себе. Может быть, поэтому оранжевый активно используется спортивными командами (например, сборная Голландии) и в детских товарах.
Amazon использует оранжевый для оформления страницы про Kindle. Оранжевый цвет означает актуальность, что делает сообщение более заметным и действенным.
Оранжевый означает удовольствие и единение. Иногда, оранжевый интерпретируется как «дешевый». Достаточно сравнить оранжевый с цветом роскоши - черным. Поэтому, если вы продаете товар в дешевом ценовом сегменте, то рекомендуется использовать данный цвет при оформлении элементов сайта.
7. Черный добавляет ощущение роскоши.
Чем темнее фон, тем больше люкса. Статья из Lifescript описывает черный, как «элегантный, изысканный, сильный». Поэтому большинство дизайнеров высокого классса используют черный цвет для сайтов электронной коммерции. Также черный описывается как «вечный, классический». Это помогает объяснить использование черного в продуктах с высокой добавленной стоимостью.Черный также может рассматриваться в качестве роскошного цвета. Черный – это также гламур, изысканность, эксклюзивность.
Достаточно открыть сайт D&G все встанет на свои места.
Черный цвет активно используют автопроизводители. Вот например сайт Lamborghini.
Если вы продаете дорогостоящие роскошные предметы потребления, то обязательно используйте черный цвет в оформлении сайта для придания особой изящности и эксклюзивности.
8. Используйте яркие цвета для призыва к действию.
Самыми распространенными цветами для призыва к действию являются: красный, зеленый, оранжевый, желтый. Более темные цвета, как черный, коричневый, или фиолетовый имеют низкие показатели переходов, в отличие от ярких цветов.Россйиский ebay использует красный для всплывающий окон.
Aliexpress использует оранжевый на основных кнопках.
Оранжевый ассоциируется с “дешевезной”, однако если вы хотите захватить внимание пользователей, то используйте именно этот цвет.
9. Не пренебрегайте белым.
Обильные использование белого пространства является мощным элементом дизайна. Возьмем, к примеру, самый популярный сайт в мире.
Большинство хорошо продуманных сайтов сегодня используют используют белый цвет для создания ощущения свободы и легкости.
Заключение.
Если использовать цвет в правильном направлении, в нужное время, для нужной аудитории, и для правильной цели, можно добиться очень высоких результатов. Чем больше свободы у вас в цветовой гамме, тем лучше. Вот некоторые советы, которые позволят сделать ваш сайт лучше:- Тестируйте цвета . Не нужно останавливаться на одном конкретном цвете. Проверяйте различные сочетания цветов, чтобы узнать какой цвет больше любит ваша целевая аудитория.
- Не загоняйте в “цветовую рамку” своего дизайнера . Когда работаете с дизайнером, не ставьте ему жесткие условия на использование одного цвета.
- Следите за цветовым исполнением . Не забывайте, что ваша цель не создать дизайн, который будет круто выглядеть на дрибле. Красота это конечно хорошо, но главная задача сайта - это продавать. Не забывайте об этом.
- Избегайте перегрузки цвета . Не старайтесь использовать все цвета сразу в одном дизайне. Это может привести к печальным последствиям. Слишком много цветов можно создать ощущение беспорядка.
Как вы выбираете цвета, когда готовите дизайн своего сайта, буклета, листовки и других рекламных материалов? Скорее всего, вы исходите из того что уже используется в логотипе компании или просто выбираете цвета, которые больше нравятся.
Возможно, вам будет интересно узнать, что самые эффективные и привлекательные продающие материалы создаются совсем по-другому. Для достижения цели лучшие маркетологи используют теорию цвета.
Что такое теория цвета?
О том, как важна теория цвета, дизайнеры и художники знают уже давно. Визуальное восприятие человека в значительной степени определяется цветом и цветовыми комбинациями и может вызывать различные эмоциональные реакции.
Ранние принципы этой теории были описаны итальянцем эпохи Возрождения Леоном Баттиста Альберти в 1435 г.:
«Смешивание цветов рождает бесконечное число новых цветов, однако существует лишь четыре истинных цвета - подобно четырем стихиям, - из которых можно создавать множество других цветов. Красный - цвет огня, синий - цвет воздуха, зеленый - цвет воды, а земле принадлежит серый и пепельный».
Теоретики, жившие в более позднее время, в том числе Леонардо да Винчи и Исаак Ньютон, доказали, что тремя основными цветами на самом деле являются красный, синий и желтый.
Современная теория цвета была разработана американским художником Альбертом Манселлом в начале XX в. Вместо традиционного следования упрощенной системе трех основных цветов Манселл развил новую теорию, где внимание акцентировалось на концепциях цветового пространства — сочетаниях тона и насыщенности. Его трехмерные цветовые системы являются основой описания психологического восприятия цветов человеком.
Какое отношение теория цвета имеет к вашим продажам?
В цифровой век важность теории цвета стала ещё больше. Когда потребитель заходит на ваш сайт, обычно он принимает решение в течение первых секунд. Ваша страница либо захватывает внимание посетителя и вызывает у него доверие, либо он уходит к вашим конкурентам.
При разработке успешных продающих материалов используются два раздела теории цвета:
1. Сочетание контрастных цветов и удобство чтения
2. Психологические цветовые ассоциации
Применение информации из этих разделов и тщательная проработка цветовых сочетаний, помогут вам сделать правильный выбор исходя из эффективности, а не субъективных мнений.
Что ваша цветовая гамма говорит клиенту?
Создавая дизайн коммерческих материалов, используйте психологические цветовые ассоциации. Вот некоторые из наиболее популярных:
Синий - доверие, верность и искренность. Его используют как интеллектуальный цвет, который также ассоциируется с информационным взаимодействием, спокойствием и логикой.
Желтый - цвет юности и оптимизма, привлекающий внимание. Он также ассоциируется с эмоциями, творчеством и дружелюбием.
Красный - очень «живой» цвет, повышающий частоту сердцебиения и требующий неотложных действий. Он символизирует энергию, смелость, силу, возбуждение и неповиновение. Кроме того, с красным часто ассоциируется тепло.
Зеленый - часто рассматривают как цвет богатства, достатка. Это расслабляющий цвет, который наиболее легко воспринимается глазом человека. С ним связаны такие понятия как «гармония», «здоровье», «обновление» и «возрождение». Зеленый цвет нередко ассоциируется с природой.
Оранжевый - агрессивный цвет, призывающий к действию. Он ассоциируется с весельем, теплом, страстью и надежностью.
Розовый - считается романтическим, женственным цветом. Он означает любовь, теплоту, заботу о потомстве, спокойствие и сексуальность.
Лиловый - это успокаивающий, одухотворяющий цвет. Он ассоциируется с роскошью, воображением, качеством и правдой.
Черный - это мощный цвет, символизирующий силу, элегантность, изысканность и эффективность.
Какую пользу вы можете извлечь из этого знания?
Перед тем как начать обдумывать цвета, которые помогут вашему бизнесу продавать больше, прикиньте, какие ассоциации должны, по вашему мнению, возникать при виде вашей рекламы, какие ценности вы хотите донести до клиентов?
Закончив составлять список, просмотрите основные качества, характеризующие ваше предложение, и выберите те цвета, которые отобразят их наилучшим образом. Например, если вы хотите завоевать доверие и создать и призыв к действию, возможно, правильным выбором станут голубой и оранжевый цвета. Если вам нужно подчеркнуть изысканность и женственность, используйте розовый и черный.
Если вы не можете определиться с тем, какие цвета нужно использовать для получения нужных ассоциаций, используйте следующий метод. Создайте пару макетов, которые будут совершенно одинаковыми, но в разной цветовой гамме. Затем спросите мнение окружающих (а лучше клиентов) об этих макетах, и вы удивитесь, насколько разными могут быть ответы.
Как теория цвета поможет повысить читаемость?
В целом, цвета читаются гораздо лучше, когда находятся на сильно контрастирующем с ними фоне (например, черный на белом или зелёный на красном).
Найти контрастные цвета легко с помощью цветового колеса. Цветовые колеса очень важны в теории цвета, вы можете найти в интернете массу онлайн-инструментов, которые помогут вам с максимальной пользой их использовать.
Чтобы увидеть теорию цвета в действии, рассмотрим примеры:
Coca Cola, возможно, - самый узнаваемый бренд в мире. Он использует классическую комбинацию «красный и белый» уже более сотни лет, что подтверждает удачный выбор цветовой стратегии. Цвета отлично контрастируют, что гарантирует удобочитаемость. Также, ярко-красный оттенок передает положительные качества Coca-Cola, например энергию, смелость, воодушевление и силу.
Apple производит отличное впечатление своей очень простой цветовой комбинацией. Для большинства людей черный текст на белом является наиболее легким для чтения, что гарантирует отсутствие проблем с восприятием, и ненавязчиво напоминает посетителям о таких ценностях Apple, как сила, элегантность, утонченность и эффективность.
Для оформления своих ресторанов, также как и рекламных материалов, Subway использует главным образом зеленый цвет. Это цвет, который ассоциируется со здоровьем, гармонией и возрождением - ключевыми понятиями, связанными с общими маркетинговыми сообщениями компании.
Возможности использования цвета почти бесконечны. При умелом применении цвет поможет вам привлечь клиентов или превратить посетителей сайта в покупателей. При неумелом использовании цвет наоборот исказит ваше предложение и снизит продажи.
Если вы хотите использовать теорию цвета в своём бизнесе, откажитесь от выбора по наитию. Вместо этого подберите цвета, которые сделают ваш бизнес более привлекательным для клиентов, и будьте уверены – результат в виде продаж гарантирован.
Интересный и широкий ассортимент, грамотный brand-mix, четкое понимание целевой аудитории, – все это может не сработать, если в магазине попросту некомфортно находиться. А привести к такой ситуации может…одна неудачно покрашенная стена.
Еще до начала торговли ритейлеры задумываются о том, какой цветовой гаммы стоит придерживаться в дизайне магазина, и какие цвета являются наиболее выгодными с точки зрения покупательской активности. Но ответить на этот вопрос однозначно практически невозможно, ведь нужно учесть столько нюансов! Товары, целевая аудитория, ценовой сегмент, - все имеет значение. И нужно помнить о том, что цвет может внести изменения во весь ход торговли. Своим опытом и мыслями из практики делится бизнес-консультант Рич Кайзер.
В современной розничной торговле практически нет некой единой «реальности», – все решают ощущения.
Обидно, но что делать? Из одних торговых точек люди дружно сбегают через минуту, а по другим готовы гулять часами, и возвращаться туда при каждом удобном случае. И нередко именно выбранный цвет «гонит» посетителя или, напротив, заставляют лететь «на огонек».
В декоре интерьеров существует два вида цветов: основные (нейтральные) и дополнительные (с их помощью создаются акценты). Основной цвет должен составлять 80% общего цветового решения, – его главной задачей является создание комфортной атмосферы в магазине. Соответственно на дополнительные цвета остается 20% гаммы. В помещении можно использовать монохромную цветовую схему (когда используется основной цвет и его оттенки) или дополняющую цветовую схему, при которой в качестве компаньонов основного цвета выбираются противоположные оттенки цветового круга. В любом случае, еще до выбора той или иной цветовой гаммы будущего магазина, нужно все взвесить и понять, каким образом вы хотите воздействовать на покупателя. А для этого не обойтись без понимания психологических аспектов каждого цвета.
Психология цвета
После одной из презентаций очередного магазина к нам подошел владелец нового магазина с фотографиями помещения, и попросил оценить его ЯРКО КРАСНОЕ дизайнерское решение. Вместо того чтобы все спокойно проанализировать и спланировать, бизнесмен просто нанял дизайнера, который был склонен к реализации ультрамодных идей. И вот результат! Блестящий красный пол, матово-красные стены, бруснично-красные прилавки, и даже стойки – красные. Красный – идеальный цвет для акцентов, но выбрать его в качестве основного цвета – идея провальная. Мы решили устроить простой эксперимент и попросили ритейлера установить рядом с магазином таймер, чтобы посмотреть, как долго покупатели будут находиться в бутике.
Что вы думаете? Как и ожидалось, время пребывания было критически малым. В среднем через 4 минуты посетители магазина буквально «как ошпаренные» выходили наружу. В итоге владелец магазина был вынужден закрыть помещение и сделать ремонт заново. Цвет магазина – дело тонкое!
Красный цвет нередко используется в упаковке, и все из-за того, что предметы огненных оттенков буквально кричат «Посмотри на меня!». Обратите внимание на этикетки бакалейных товаров, и вы увидите, что 80% из них имеют красные элементы. Да и в период распродаж красный цвет «правит бал». С его помощью проще всего привлечь внимание покупателя к уцененным товарам или, напротив, к хитам продаж.
Но цвет этот агрессивный, и большинство людей способно воспринимать его в «гомеопатических» дозах. Причем у такой особенности есть и медицинское объяснение. В ходе многочисленных исследований было доказано, что красный цвет способен привести к повышению артериального давления и затруднению дыхания. Слишком много красного делает посетителей помещения не просто нервными, но и вызывает в них признаки агрессии. И как на собственном опыте выяснил наш «знакомый» ритейлер, слишком много красного буквально прогоняет покупателей из магазина.
Зеленый – универсальный цвет, один из самых «удобных» для человеческого восприятия. При этом зеленый обладает способностью с одной стороны успокаивать людей, а с другой побуждать их к действию. Зеленый можно использовать и в бытовых помещениях и в декоре магазина. С чем нужно быть аккуратными, так это с темными оттенками зелени. Психологи считают, что он ассоциируется с видом банковских купюр, и подсознательно такая аналогия вызывает в сознании посетителей дискомфорт. А наша задача – создать идеально комфортные условия для шопинга, верно?
Оранжевый – с ним все просто. Этот цвет и правда делает людей счастливыми и довольными жизнью. «Апельсиновая» яркость наполняет людей энергией и заряжает энтузиазмом. Конечно, слишком много оранжевого отвлекает посетителей магазина от главной цели – покупать, но в целом, это цвет оптимизма и радости.
Желтый тоже цвет оптимистичный. Теплый, радостный, как и положено цвету солнца. Вы задумывались над тем, отчего нередко в ежедневниках страницы делают желтого цвета.? Да просто он помогает сосредоточиться. Но слишком много «солнца» затруднительно для зрения. И, что особенно опасно для творческих натур, обилие желтизны вызывает утомление и даже упадок жизненных сил.
Фиолетовый цвет редко встречается в живой природе, и именно поэтому я бы не рекомендовал использовать его в качестве основного цвета интерьера. Лучше добавить фиолетовые акценты, что добавит интерьеру некоторую экстравагантность.
Розовый радостный, романтичный цвет. Но и он не так невинен, как может показаться. Неплохой иллюстрацией этого может стать любопытный эксперимент, который был проведен среди… заключенных. Стены тюремных камер были выкрашены в приятный розовый цвет. Оттенок успокаивал нарушителей закона, но всего на 20 минут. По истечению этого времени, участники эксперимента ощущали усиление негативных настроений.
Коричневый ассоциируется с безопасностью и теплотой. Солидный, практичный цвет, вызывающий доверие и спокойствие. Именно в силу этих свойств нередко магазины Premium или Lux сегментов выбирают в качестве основного цвета – коричневый или его оттенки. В отделке торговых помещений мы нередко встречаем сочетание коричневого с розовым или с зеленовато-голубым, и это всегда выглядит благородно и по-хорошему сдержанно.
Синий. Вы задумывались над тем, отчего ведущие телепрограмм или политики во время предвыборных дебатов в большинстве случаев одеты в костюмы синего цвета? Все оттого, что синий цвет ассоциируется у аудитории с надежностью, уверенностью в себе и профессионализмом. У синего цвета есть еще одна интересная особенность медицинского свойства, – он способствует снижению сердечного ритма у людей, и этим качеством грех не воспользоваться и при создании дизайна помещения.
Белый цвет и никакой, и одновременно яркий. Это и отсутствие цвета, и цвет совершенства одновременно. Но, являясь идеальным основным цветом, он сложно воспринимается без дополнительных акцентов. Так, например, известный обувной магазин в Лас Вегасе был выполнен исключительно в белом цветовом решении. Снаружи он смотрелся великолепно, но стоило попасть внутрь, как глаза буквально начинали слезиться от такой яркости. Приходилось тратить некоторое время на то, чтобы привыкнуть к белизне. Как вы понимаете, такое дизайнерское решение не способствовало длительному нахождению покупателей в помещении.
Черный. Вот мы и дошли до конца цветового круга, на котором нас ждет черный цвет. Он являет собой и сочетание всех цветов и главный «захватчик» клиентского внимания. Этот цвет особенно хорош для выделения контрастов и дополнительных цветов. На его фоне они выглядят особенно благородно. Кстати, черный цвет отлично подходит для декора высоких потолков. С его помощью они становятся практически невидимыми, а все пространство – более интимным. Стоит отметить, что нередко желая придать интерьеру солидности, дизайнеры злоупотребляют черным, вследствие чего интерьеру придается зловещий вид.
Цвет – одно из самых мощных средств в инструментарии дизайнера. С его помощью можно привлечь внимание, создать определенное настроение, повлиять на эмоции, восприятие и поведение.
Знаете ли вы, что среди причин, побуждающих покупателей приобретать определенный товар, 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. Это обеспечит доступность графической информации для людей с нарушением цветовосприятия, в том числе и цветовой слепотой.
Заключение
Мы рассмотрели несколько факторов, связанных с цветом, которые могут повлиять на работу пользовательского интерфейса вашего сайта или приложения. Но нам так и не удалось ответить на вопрос: «Как найти правильный цвет?». Но вы, возможно, уже догадались, что «лучшего» для конверсии цвета вообще не существует. Один цвет способен не на многое. Самое важное: какие вы выбираете цвета и как сочетаете их между собой.
Если ваша цель – повысить уровень конверсии, то вам не обойтись без серьезного анализа информации: что на самом деле нужно пользователям, какая формулировка или стиль речи для них наиболее доступны, какой способ покупки товаров они предпочитают. Правильно разработанный сайт – это такой сайт, который устраивает пользователей.
Если у вас есть, что добавить по теме, не стесняйтесь. Оставляйте комментарии!
Дата: 28/12/2011 Рубрики: ,Цвета магазина...
Нам попалась интересная статья ведущего дизайнера Shopworks Майкла Травалия о цвете в оформлении магазина. Сегодня мы публикуем эту статью на страницах нашего блога. Это не какая-то научная работа, но проситать и принять к сведению смысл имеет…
Цвет в оформлении магазина
Цвет в оформлении магазина оказывает большое влияние на покупателя. Майкл Травалия, ведущий дизайнер Shopworks, рассуждает на тему влияния цвета на эффективность розничных продаж.
Какие чувства испытывают покупатели в вашем магазине? Им удобно, они спокойны и довольны? Или же взволнованы и нетерпеливы? Использование цвета в магазине оказывает большое влияние на общее впечатление покупателя от процесса совершения покупок. Итак, как сохранить фирменный стиль и в то же время сделать так, чтобы клиент получил удовольствие от нахождения в вашем магазине?
Не новость, что более холодные цвета, такие как синий, фиолетовый, белый и зеленый вызывают чувство спокойствия и снимают напряжение. В магазинах использование этих цветов заставляет покупателей тщательнее и дольше обдумывать покупку. Кроме того, покупатели более терпеливо относятся к очередям!
Более теплые цветы имеют прямо противоположный эффект. К примеру, преобладание красного или оранжевого вызывает волнение и клаустрофобию. Покупатели становятся беспокойными, взволнованными и нетерпеливыми, что заставляет их уходить из магазина, так и не сделав покупку.
Это не значит, что вам нужно немедленно поменять корпоративный цвет на темно-зеленый! У каждого цвета есть свои преимущества, например, красный и оранжевый цвета отлично привлекают внимание к магазину. Первое, что видят люди, идущие по улице в поисках определенного магазина, – это не название компании или ее логотип, а цвет.
Самое главное, – это как цвет используется в магазине. Осторожное применение любого цвета может повысить удовольствие покупателя от процесса совершения покупок.
Рассмотрим пример Turkcell, крупнейшего мобильного оператора в Турции.
Компания Shopworks работала над проектированием и внедрением нового пункта продаж мобильных телефонов в Стамбуле.
Основной цвет бренда Turkcell – синий. Было решено, что сам по себе цвет вызывает отрицательные ассоциации (холодный, консервативный, агрессивный), поэтому после долгих обсуждений мы ввели второстепенный цвет – ярко оранжевый.
Мы использовали этот замечательный цвет с максимальной эффективностью, установив оранжевые прозрачные витрины, которые придают проникающему внутрь свету приятный оттенок, и придумав яркое и удобное внутреннее оформление, где теплота оранжевого уравновешивается прохладой синего. Особое внимание было также уделено планировке магазина для создания чувства пространства и предотвращения гнетущих ощущений, которые часто возникают у людей в окружении теплых цветов.
В результате получился привлекательный, современный магазин, где сохранен бренд Turkcell и в то же время созданы комфортные условия для приятного времяпрепровождения для потребителей Turkcell.
Однако цвет может не только создавать в магазине нужную атмосферу, но и иметь более функциональное назначение. Использование сочетаний цветов для выделения определенных областей (например, выделение секции женской одежды – одним цветом, а мужской – другим) поможет покупателю понять планировку магазина и определить местонахождение нужного товара. Кроме того, преимущество выделения областей цветом заключается в том, что их можно менять в зависимости от сезона. Летом желтый идеален для выделения продуктов для ухода при загаре, в то время как зеленый и красный отлично подходят для рождественских вывесок.
Впрочем, следует отметить, что к выделению областей цветом нужно относиться с осторожностью, особенно при разделении магазина на секции. Слишком много разных цветов может запутать покупателя и сделать магазин похожим на кондитерскую!
Но разумное использование цветов, безусловно, пойдет только на пользу. И, разумеется, чем легче и удобнее будет процесс совершения покупок в вашем магазине, тем охотнее покупатель придет к вам снова.