Психологія кольору в маркетингу, рекламі і бізнесі

1. Психологія Кольори
2. Червоний колір в психології: небезпека, важливість, пристрасть
3. Помаранчевий колір в психології: впевненість, енергія, оптимізм
4. Жовтий колір в психології: сонце, щастя, уваги
5. Зелений колір в психології: природа, розвиток, успіх
6. Синій колір в психології: комфорт, розслаблення, довіру
7. Фіолетовий колір в психології: розкіш, натхненність, креативність
8. Чорний колір в психології: сила, витонченість, витонченість
9. Білий колір в психології: здоров'я, чистота, цнотливість
10. Сірий: офіційність, нейтральність, професіоналізм
11. Пол і колір
12. Колір в маркетингу та бізнесі
13. Колір і оптимізація рівня конверсії
14. Колір і юзабіліті
15. Обмеження кількості кольорів
16. доступність сприйняття кольору
17. висновок

Колір - одне з найпотужніших засобів в інструментарії дизайнера. З його допомогою можна привернути увагу, створити певний настрій, вплинути на емоції, сприйняття і поведінку.

Чи знаєте ви, що серед причин, що спонукають покупців купувати певний товар, 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. Це забезпечить доступність графічної інформації для людей з порушенням сприйняття кольорів, в тому числі і колірної сліпотою.

висновок

Ми розглянули кілька факторів, пов'язаних з кольором, які можуть вплинути на роботу призначеного для користувача інтерфейсу вашого сайту або програми. Але нам так і не вдалося відповісти на питання: «Як знайти правильний колір?». Але ви, можливо, вже здогадалися, що «кращого» для конверсії кольору взагалі не існує. Один колір здатний не на багато. Найважливіше: які ви вибираєте кольори і як поєднуєте їх між собою.

Якщо ваша мета - підвищити рівень конверсії, то вам не обійтися без серйозного аналізу інформації: що насправді потрібно користувачам, яке формулювання або стиль мови для них найбільш доступні, який спосіб покупки товарів вони віддають перевагу. Правильно розроблений сайт - це такий сайт, який влаштовує користувачів.

Оригінал статті: The Impact of Color on Conversion Rates .

Якщо у вас є, що додати по темі, не соромтеся. Залишайте коментарі!