Красный для спорта, желтый для счастья: как цвет одежды влияет на нашу продуктивность
Психологи давно доказали, что яркие цвета могут влиять на нашу жизнь: от решения о покупке до лайков в инстаграме. По данным последних исследований, даже одежда разных цветов оказывает на человека физиологическое воздействие и влияет на продуктивность.
Исследовательская группа Experience Design и ученые из университета Лидса обнаружили, что обилие красного цвета в одежде увеличивает частоту сердечных сокращений и влияет на кровяное давление. «Профессиональные спортсмены и обычные люди могут использовать эту информацию во время тренировок», — говорят психологи.
Кроме косвенного влияния на организм, красная одежда влияет на восприятие спортсмена окружающими. В Даремском университете выяснили, что независимо от показателей, людей в красных костюмах в 55 % случаев считают главными претендентами на победу.
Синий цвет, в противовес красному, успокаивает и уменьшает сердечные сокращения. Окружив себя им, можно сосредоточиться перед сложной сессией или другим важным событием.
Прилива эндорфинов и чувства благополучия можно достичь, если одеться в желтый. Свойствами этого цвета вовсю пользуются маркетологи в сфере фастфуда: желтые буквы «Макдональдса» и Subway, желтый фон в логотипе «Бургер Кинга» — это должно вызывать у покупателя ощущение комфорта и надежности, а компании — помогать зарабатывать.
Чтобы восстановить силы и отдохнуть, психологи рекомендуют нейтральный серый цвет. В сочетании с синим он даст мозгу максимальную разгрузку.
Цветовые предпочтения могут не просто влиять на продуктивность человека, но и многое рассказать о его жизни. Так, южнокорейские ученые проанализировали около 25 000 снимков в инстаграме и составили личностные портреты пользователей по их любимым фильтрам.
Какие цвета выбрать для оформления сайта
Символическое значение цветов складывалось на протяжении многих веков. Цвет может привлекать и отталкивать, возбуждать или тревожить, вселять чувство спокойствия и комфорта. Правильно подобранные цвета способны сделать ваш сайт невероятно популярным или погубить. Цвет – косвенный подход к маркетингу и продвижению информации. Он помогает создать устойчивый ассоциативный ряд и раскрыть тематику сайта.
Какой цвет фона выбрать, чтобы посетитель остался на сайте?
Отношение человека к цвету было и остается эмоциональным. Цвет не только вызывает соответствующую реакцию в зависимости от эмоционального состояния, но и определенным образом формирует эмоции, поэтому цветовая гамма должна поддерживать тот настрой пользователя, который соответствует общему восприятию сайта.
Серый цвет – нейтральность, безразличие. Используется на информационных порталах и социальных сайтах.
Красный цвет ассоциируется с силой, активностью, динамикой, вызывает повышенную эмоциональную реакцию. Это цвет победы, лидер в рекламном бизнесе. Использование этого цвета эффективно в рекламных и развлекательных проектах, можно применить и к сайту, посвященному экстремальным видам спорта. В остальных случаях лучше использовать этот цвет для акцентирования внимания посетителя на каком-либо объекте вашего сайта (заголовок, пункты меню). Красный цвет – цвет опасности. Переизбыток вызывает раздражение и агрессию, усиливает чувство риска и подрывает доверие.
Оранжевый цвет символизирует тепло, веселье, улучшает настроение, стимулирует к общению. Этот цвет очень любят дети. Используется для детских, молодежных и социальных проектов. Дизайн сайта в оранжевых тонах будет выглядеть очень ярко и стильно. Оранжевый цвет считается цветом здоровья и творчества, поэтому его используют на сайтах, посвященных здоровью, спорту и творчеству. Он обладает способностью притягивать внимание и его можно часто видеть в рекламе, особенно пищевых продуктов. Следует помнить, в больших количествах оранжевый цвет утомляет.
Желтый цвет радости и счастья, стимулирует умственную деятельность. Он создает тепло и уют. В чистом виде желтый цвет придает излишнюю пестроту дизайну сайта, поэтому используется редко. Мягкие тона этого цвета подойдут для сайтов детских учреждений, парков, магазинов, сайтов компьютерной направленности и дизайнерских студий. Различные оттенки желтого цвета можно встретить на сайтах туристических компаний не случайно. Желтый цвет ассоциируется с солнцем, песком и постоянным движением. Сайт юридический фирмы лучше не делать в желтых тонах, потому что дополнительное значение желтого – трусость, предательство.
Зеленый цвет – цвет жизни. Он символизирует гармонию, природу, свежесть, здоровье и питание. Зеленый цвет связан с деньгами.
Темно-зеленый ассоциируется с деньгами и властью. Используется на корпоративных сайтах и сайтах, связанных с финансовой сферой.
Светло-зеленый подходит для сайтов, чья деятельность связана с природой. Серовато-зеленый (цвет морской волны) используется в проектах, связанных с искусством. Желто-зеленый связывают с тошнотой и болезнью, поэтому часто используют для медицинских сайтов. Светлый зелено-синий можно назвать цветом гигиенической стерильности. Он также подойдет к сайтам с медицинской тематикой. Оливковый символизирует примирение. Очень приятный оттенок зеленого цвета. Не вызывает раздражения при длительном просмотре, поэтому используется в дизайне сайтов развлекательных центров.
Будьте осторожны, несмотря на то, что зеленый цвет снимает стресс и успокаивает эмоции, он может вызвать чувство обиды и зависти.
Фиолетовый цвет – это торжественность, мечтательность, таинственность и меланхолия. Этот цвет любят мистики, творческие люди, дети и беременные женщины. Его использование возможно на сайтах, связанных с магией и астрологией. Темно-фиолетовый цвет дает ощущение богатства и роскоши и подходит для творческого проекта. Фиолетовый и розовый – типичные цвета для женских сайтов.
Коричневый цвет отождествляется с землей, деревом, камнем. Символизирует ответственность, надежность и устойчивость. Он придает «мягкость» и надежность вашему сайту. Хорошо коричневый фон смотрится на сайтах, рекламирующих шоколад, кофе, изделия из дерева и кожи. Коричневый цвет ассоциируется также со старостью, поэтому его можно использовать на ресурсах, посвященных истории, археологии и антиквариату.
Психология восприятия цвета
Желтый
Желтый цвет является ярким, стимулирующим цветом, он увеличивает концентрацию, улучшает память, организует, способствует быстрому принятию решений. Помогает понять новые идеи. Желтый — цвет солнца, энергичный, но без агрессии, цвет оптимизма, свободы, открытости, подвижности, общительности. Настраивает на коммуникабельность. Этот цвет открытости и общительности. Помогает придать уравновешенность эмоциям, обрести внутреннее спокойствие, усмирить душевное волнение.Люди, предпочитающие этот цвет, не любят глупцов, любят, чтобы ими восхищались, не любят быть загнанными в угол. Им свойственны высокая самооценка, уверенность в себе, деятельность. Желтый цвет может «наделять» предмет интеллектом. Данный цвет будет удачен в рекламе хай-тек продукции, товаров для детей, турфирм, рекламных агентств. Его часто используют в упаковке продуктов питания, в частности хлеба, мучных изделий, круп. Вызывает положительные ассоциации в рекламе.
Возможные негативные ассоциации: На уровне стереотипов существует мнение, что Желтый является цветов разлуки. Также Желтый может вызывать ассоциации, связанные с ревностью, завистью, осуждению других, «Цвет сплетен» (желтая пресса).
Розовый
Розовый цвет символизирует радость, юность, доброту, дружелюбие, женственность. Как и красный это цвет любви и цветов. Также можно сказать, что розовый — это цвет мечты и надежды, cтереотипно он часто воспринимается как женский. Люди предпочитающие розовый цвет, как правило, мечтательны, добросовестны, но более деликатны, они стараются избегать споров и конфликтов. Прекрасен для сферы личных отношений: усиливает чувства, делает людей более внимательными, ласковыми и чуткими. Розовый цвет часто используется в косметике, особенно для юных девушек, этот цвет предпочитают производители игрушек; часто применяется в рекламе парфюмерной продукции, товаров для женщин и детей, услуг брачных агентств, семейных центров. Игрушки, одежда, предназначенные для девочек традиционно розового цвета.
Возможные негативные ассоциации: Хрупкость, расплывчатость, слабость, несерьезность. Возможно легкомысленность (ослабление влияния красного), выставление себя на показ.
Бордо
Бордовый цвет — показатель солидности, уверенности, консерватизма. Он умеренный, ассоциируется со стабильностью, устойчивостью. Люди, предпочитающие этот цвет, уверенные в себе, без лишних эмоций, напористые, но предприимчивые, с хорошими организаторскими способностями. Бордовый считается изысканным цветом, поэтому его часто используют в оформлении ресторанов, мебельных салонов.
Возможные негативные ассоциации: Тяжелый, угнетающий. Использование этого цвета должно быть умеренным, т.к. в большом количестве он может «давить» на психику, нагнетать депрессию. Может ассоциироваться с цветом старины, но в сочетании с серым становится показателем достатка и солидности.
Голубой
Голубой — цвет мира и всеобщей гармонии. Этот цвет связан с интелектом и умением умиротворять с помощью слов. Ассоциируется с честностью, искренностью, чистотой, тишиной, прохладой, но самые сильные ассоциации — это земной шар, вода, небо, мир, лед. Это комфортный цвет, вызывает ощущение благополучия, безопасности, доверия. Голубой цвет не такой холодный, как синий, поэтому находясь в одной гамме, он более комфортный, свежесть и прохлада голубого совсем другая нежели морозность синего. Парфюмерно-косметические компании, а также производители разнообразных средств гигиены активно пользуются этой психологической особенностью цвета, используя его на упаковках своей продукции. Люди, предпочитающие этот цвет дружелюбны, они умеют выслушать, не раздражительны, мудры. Голубой цвет настраивает на область чувств, но более возвышенных, скорее платонических, нежели приземленных. Голубой – цвет мира и всеобщей гармонии. Он дает возможность почувствовать незримую связь со Вселенной, и способен придать предмету целостный вид, а вопросу/делу – глобальность и благоприятный исход. Игрушки, одежда, предназначенные для мальчиков традиционно голубого цвета.
Возможные негативные ассоциации: В зависимости от места использования, голубой цвет может считаться не серьезным, сентиментальным. Иногда, глядя на голубые вещи бывает сложно сосредоточиться, смотреть на голубое небо или на голубой предмет — две разные вещи. Голубой, как и розовый несколько банальный и стереотипный.
Синий
Зеленый
Зеленый — цвет жизни и природы, символизирующий процветание и новые начинания. Он исцеляет, расслабляет и смягчает человека, поэтому его часто используют при оформлении лечебных учреждений, на упаковках медикаментов, косметических и моющих средств. Зеленый нейтрализует действие остальных цветов, помогает рассеивать негативные эмоции. Приносит спокойствие и умиротворенность, помогает сконцентрироваться и принять решение. Имеет сильную ассоциацию с весной, молодостью, обновлением и натуральностью.
Возможные негативные ассоциации: В большом количестве вызывает чрезмерную расслабленность, переходящую в вялость, скуку и лень, поэтому его следует сочетать с другими цветами. Цвет, который ничего не требует и никуда не зовет (смотрит мимо всех). Имеет множество оттенков, которые иногда дают абсолютно противоположное значение. «Зеленым» называют профессионалы необученного человека, новичка (по смыслу — неопытный, молодой). Зеленый цвет избегают на упаковках сладкого, т.к. психологами доказано, что в восприятии людей зеленый цвет «горький» или «кислый», но никак не сладкий.
Белый
Белый — цвет спокойствия, чистоты и безмятежности. Белый цвет характеризуется совершенством и завершенностью, демонстрирует абсолютное и окончательное решение, полная свобода для возможностей и снятие препятствий. Его фундаментальное качество – равенство, т.к. белый заключает в себе все цвета, они в нем равны. Его ключевые значения: свет, покой, целомудрие, сосредоточенность, девственность. Чаще всего он используется в качестве фона, все цвета на нем выглядят сочно и ярко. Белый был цветом социального согласия и мира.
Возможные негативные ассоциации: Переизбыток белого цвета может привести к чувству превосходства или к ощущению собственной неполноценности. Может быть цветом отрешенности, холодности, безразличия.
Черный
Черный всегда скрывает в себе все, что несет, являясь самым “загадочным” цветом. Уравновешивает белый цвет (без тьмы нет света, инь и янь). Соотносится с бесконечностью, помогает сосредоточиться и отгородиться от всех посторонних цветов. В чистом виде, он используется довольно редко, т.к. вызывает неготивные эмоции. Обычно его сочетают с более теплыми и яркими цветами для придания большей контрастности. Черный цвет является классическим, черные костюмы на мужчнинах — неотъемлемая часть делового стиля. Незаменим при создании четких форм и линий.
Возможные негативные ассоциации: Вызывает чувство горечи, тяжести, уныния. Зачастую ассоциируется с трауром. Помочь в таком случае может сочетание его с красным цветом, он добавит черному динамики, стремления.
Коричневый
Коричневый — цвет прочности, солидности, стабильности, практичности. Символы коричневого цвета: почва, дерево, земля, осень. Имеет абстрактные символы — трудолюбие, выносливость, консерватизм. Коричневый цвет наряду с черным и темно-синим часто доминирует в одежде богатых и уверенных в себе людей, что подчеркивает их чувство собственного достоинства. Коричневый — цвет кофе и ароматных специй, его изысканно обыгрывают в оформлении интерьеров кофеен и ресторанов. Люди, предпочитающие этот цвет, желают физического отдыха, покоя, концентрации, поэтому он может использоваться в офисной тематике.
Возможные негативные ассоциации: Коричневый цвет может показаться скучным, даже депрессивным, вызывать ассоциации с табаком, курением, неприятными запахами.
Золотистый
Золотистый цвет символизирует роскошь, сияние, солнце, безупречность. Олицетворяет стремление к власти и демонстрации своего превосходства. Золотой — цвет работы, карьерного роста и богатства, как правило его используют в сочетании с другими цветами, для придания им большей значимости, блеска. Золотой — один из самых опасных цветов, используя его в больших количествах есть шанс превратить елегантную роскошь в безвкусицу. Его любят использовать на упаковках кофе, чая, сигарет, психологически это делает вкус «богатым».
Возможные негативные ассоциации: Золотой может восприниматься совершенно по-разному, вызывать ассоциации расточительности, излишней праздности, плохого вкуса.
Серебристый
Серебряный цвет выходит из серого, выражает стремление к свободе и попытку преодолеть все ограничения. Воплощает в себе благородность, безопасность, прочность. Слова ассоциации: освещение, отражение, проникновение, беспристрастность, плавность. Серебряный достаточно холодный цвет, на упаковках его используют в малых количествах, он «скромнее» нежели золото и своим холодным блеском добавляет предметам гордой аристократичности. Чаще всего этот цвет используют производители машин и техники, благодаря прямой ассоцииации с металлом, серебристый кажется прочнее, надежнее.
Возможные негативные ассоциации: Как и серый, серебристый может считаться цветом безразличия, а за счет металлического блеска более холодным и неприступным. Другие ассоциации: лживость, двуличность, иллюзорность.
Психология цвета в маркетинге, рекламе и бизнесе
Цвет – одно из самых мощных средств в инструментарии дизайнера. С его помощью можно привлечь внимание, создать определенное настроение, повлиять на эмоции, восприятие и поведение.
Знаете ли вы, что среди причин, побуждающих покупателей приобретать определенный товар, 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, цвета не должны использоваться в качестве единственного визуального инструмента для следующих целей: передачи информации, побуждения к действию и ответной реакции, выделения визуального элемента. Следуя этим рекомендациям, разработчики сайтов должны обратить внимание на некоторые моменты: ответное сообщение об ошибках должно быть более информативным, например, таким: «Адрес электронной почты, который вы ввели, недоступен»; или, возможно, следует добавить иконку рядом с полем для заполнения, чтобы привлечь внимание пользователя.
Дополнительные визуальные подсказки и встроенная проверка ошибок помогают выделить неверно заполненное поле.
Есть несколько способов, которые помогут протестировать ваш пользовательский интерфейс на доступность?
Заключение
Мы рассмотрели несколько факторов, связанных с цветом, которые могут повлиять на работу пользовательского интерфейса вашего сайта или приложения. Но нам так и не удалось ответить на вопрос: «Как найти правильный цвет?». Но вы, возможно, уже догадались, что «лучшего» для конверсии цвета вообще не существует. Один цвет способен не на многое. Самое важное: какие вы выбираете цвета и как сочетаете их между собой.
Если ваша цель – повысить уровень конверсии, то вам не обойтись без серьезного анализа информации: что на самом деле нужно пользователям, какая формулировка или стиль речи для них наиболее доступны, какой способ покупки товаров они предпочитают. Правильно разработанный сайт – это такой сайт, который устраивает пользователей.
