6 цветов, которые способны повысить ваши продажи
Цвет может оказывать неожиданное влияние на людей. Он способен:
Если цвет так влияет на людей, то может ли он оказывать воздействие и на покупательские привычки? Разумеется, да. В ходе различных исследований было многократно обосновано влияние разных цветовых оттенков на эмоциональное состояние.
Если правильно использовать влияние цвета, то это может помочь вам увеличить коэффициент конверсии. Эффект может быть весьма ощутимым. Например, 85% потребителей заявляют, что цвет является для них определяющим фактором при выборе того или иного продукта. 66% людей не совершат покупку, если товар окрашен в тот цвет, который им не нравится.
Какие же оттенки предпочитают люди? И можно ли как-то это предсказать? Да, но точность таких прогнозов будет невелика. Люди выбирают тот или иной цвет в зависимости от того, как они себя чувствуют в данный момент времени.
Например, светло-синий и ярко-желтый цвета предпочитают здоровые люди. Темно-синий, так же как и все оттенки серого, популярны среди обеспокоенных людей или тех, кто находится в депрессии.
Если, находясь в определенном настроении, мы предпочитаем те или иные цвета, то верно и обратное утверждение. Цвета могут провоцировать изменения нашего настроения:
Эмоции, которые провоцируют разные цвета
Синий: доброта, честность, авторитет, ясность, интеллигентность.
Фиолетовый: величие, качество, индивидуальность, духовность, креативность.
Красный: желание, действие, страсть, энергия, воодушевление.
Оранжевый: веселье, дружелюбие, омоложение, эмоциональный подъем, оптимизм.
Желтый: счастье, энтузиазм, дружелюбие, оптимизм, уверенность.
Зеленый: надежда, рост, обновление, баланс, успокоение.
Все это означает, что вы можете использовать цвет в дизайне вашего лендинга, чтобы вызывать определенные эмоции у посетителей и тем самым увеличивать конверсию. Ниже будут перечислены шесть цветов, которые точно положительно повлияют на ваших потенциальных клиентов.
1. Красный
В 2005 году ученые Даремского университета опубликовали исследование, в котором было доказано, что спортсмены, выступающие в форме красного цвета, побеждают чаще. Красный цвет ассоциируется со срочностью, опасностью и силой. Кажется, что такого оттенка следует избегать, однако если использовать его умеренно, то это может повысить эффективность продаж.
Как красный цвет влияет на продажи?
Красный цвет провоцирует человека на совершение действия. Если вы уже привлекли внимание посетителя безупречным дизайном, заинтересовали его качественным текстом, то красная кнопка с четким призывом «Начать», «Искать» или «Купить» будет как нельзя кстати.
Где можно увидеть красные призывы к действию?
На любой распродаже в торговых центрах вывески со скидками обычно красного цвета. Это особенно эффективно работает, к примеру, во время «черной пятницы», когда люди уже знают о том, что могут купить товары с большой скидкой и им нужен лишь последний «толчок», чтобы совершить покупку. Поэтому плакаты, сообщающие о распродажах, обычно ярко-красные – они транслируют ощущение срочности.
Где следует использовать красный цвет?
Красный цвет наиболее эффективно работает, когда дело касается импульсивных покупок. Поэтому его часто используют в интернет-магазинах. Однако красный цвет также эффективен для других сайтов, например, онлайн-площадок для бронирования жилья и авиабилетов.
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 МСК).
Цвета, которые помогают продавать
Цвет определяет эмоциональную реакцию пользователя на сайт, даже если сам человек этого не осознаёт. Какие цвета использовать для фона и разных элементов сайта, чтобы вызвать те или иные ощущения, и как правильно сочетать цвета в веб-дизайне, читайте ниже.
Результаты исследования С. Сингх (Satyendra Singh) показывают, что покупатель всего за 90 секунд формирует мнение о продукте, причем 62-90% этого взаимодействия определяется только цветом.
Умение использовать цвета можно прокачивать до бесконечности. Это настоящая бездна возможностей для воздействия на человека.
Для того, чтобы подобрать наиболее подходящую цветовую схему, дизайнеры ориентируются на психологию цвета, которая раскрывает эмоциональную, смысловую составляющую цвета, цветовой круг, показывающий отношения между различными цветами. Также во внимание принимаются существующие тренды, устоявшиеся для той или иной сферы деятельности цветовые решения. Решающим моментом является поставленная цель, специфика бизнеса и его аудитории.
Каждый видел в графической программе цветовой круг.
Немного истории: цветовой круг изобрел Исаак Ньютон. Обосновав теорию света и цветов в 1666г. Именно она легла в основу становления и развития современной оптики, малой и составной частью которой является web-дизайн. Ньютон при помощи трёхгранной стеклянной призмы разложил белый свет на семь цветов (в спектр), тем самым доказав его сложность (явление дисперсии), открыл хроматическую аберрацию.
Чтобы найти правильную цветовою схему, необходимо использовать любые два цвета друг напротив друга, любые три цвета на равном расстоянии при формировании треугольника или любой из четырех цветов, образующих прямоугольник (две пары цвета друг напротив друга). Цветовые схемы остаются правильными независимо от угла поворота.
На основе нескольких исследований — анализа, опубликованного на сайте Vandelay Design, и поста о цветах в Smash Magazine — мы объясним, как цвета влияют на эмоции и помогают создавать UX-дизайн.
Психология цвета в маркетинге, рекламе и бизнесе
Цвет – одно из самых мощных средств в инструментарии дизайнера. С его помощью можно привлечь внимание, создать определенное настроение, повлиять на эмоции, восприятие и поведение.
Знаете ли вы, что среди причин, побуждающих покупателей приобретать определенный товар, 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, цвета не должны использоваться в качестве единственного визуального инструмента для следующих целей: передачи информации, побуждения к действию и ответной реакции, выделения визуального элемента. Следуя этим рекомендациям, разработчики сайтов должны обратить внимание на некоторые моменты: ответное сообщение об ошибках должно быть более информативным, например, таким: «Адрес электронной почты, который вы ввели, недоступен»; или, возможно, следует добавить иконку рядом с полем для заполнения, чтобы привлечь внимание пользователя.
Дополнительные визуальные подсказки и встроенная проверка ошибок помогают выделить неверно заполненное поле.
Есть несколько способов, которые помогут протестировать ваш пользовательский интерфейс на доступность?
Заключение
Мы рассмотрели несколько факторов, связанных с цветом, которые могут повлиять на работу пользовательского интерфейса вашего сайта или приложения. Но нам так и не удалось ответить на вопрос: «Как найти правильный цвет?». Но вы, возможно, уже догадались, что «лучшего» для конверсии цвета вообще не существует. Один цвет способен не на многое. Самое важное: какие вы выбираете цвета и как сочетаете их между собой.
Если ваша цель – повысить уровень конверсии, то вам не обойтись без серьезного анализа информации: что на самом деле нужно пользователям, какая формулировка или стиль речи для них наиболее доступны, какой способ покупки товаров они предпочитают. Правильно разработанный сайт – это такой сайт, который устраивает пользователей.
