Правильные решения в продвижении сайтов в интернете!
г. Москва, м. Сокольники, ул. Маленковская, д. 32, стр. 3
Режим работы: с 10:00 до 19:00, пн.- пт. (сб./вс. - выходной)
+7 (499) 391-17-76
8 (800) 707-05-97
e-mail: biz@o-es.ru

12 важных советов по выбору цветовой схемы для сайта

А Вы знали, что 85% покупателей принимают решение о покупке продукта, основываясь на его цвете? Секретами выбора цветовых решений делится известный американский маркетолог – Нил Пател. Оригинал статьи взят с сайта neilpatel.com: 12 Essential Tips to Picking a Website Color Scheme

Рисунок 1

Рис. 1 85 % покупателей принимают решение о покупке продукта, основываясь на его цвете

 

Подумайте о крупнейших мировых брендах. У большинства из них, как правило, четкая цветовая схема, ассоциирующаяся с их фирменным стилем.

У McDonald’s это красный и желтый цвета.

Рисунок 2

Рис. 2. У всех крупных мировых брендов есть свой фирменный цвет

 

Для «Dell» – синий.

Рисунок 3

Рис. 3. У всех крупных мировых брендов есть свой фирменный цвет

 

И так далее.

 

Цвет и бренд

Мы все знаем, что работа над узнаваемостью бренда является жизненно необходимой.

Это ключевой ингредиент в налаживании доверия. Именно узнаваемость бренда позволяет потребителям чувствовать себя комфортно, превращая их в долгосрочных сторонников вашего продукта.

Что же является неотъемлемой частью узнаваемости бренда?

Это его логотип.

Цветовая схема, которую компания выбирает для своего логотипа, будет всегда ассоциироваться с ее фирменным стилем.

Согласно исследованиям цвет повышает узнаваемость бренда на 80 %.

Рисунок 4

Рис. 4. Цвет повышает узнаваемость бренда на 80 %

 

Поэтому я считаю справедливым утверждение, что цветовая схема очень важна.

Есть еще кое-что, о чем нужно помнить. Цвет бренда соотносится со стоимостью бренда.

Взгляните на следующие показатели:

Рисунок 5

Рис. 5. Статистика влияния цвета на стоимость продукции бренда

 

Дорогие бренды очень тщательно подходят к вопросу выбора цвета. Очень!

Если бы они не подходили к этому со всей ответственностью, восприятие бренда поменялось бы полностью.

Взгляните на следующие примеры с сайта TheLogoFactory.com

Рисунок 6

Рис. 6. Примеры экспериментов с цветами известных брендов с сайта TheLogoFactory.com

Вы мгновенно находите неправильные логотипы и чувствуете подвох!

 

Цветовая схема для веб-сайта

Крайне важно правильно выбрать цвет для логотипа своего бренда. Но выбор правильного цвета для веб-сайта играет не менее важную роль.

Нельзя выбирать цветовую схему наугад или обосновывать выбор словами «это выглядит круто».

Конечно, вы хотите позаботиться об эстетике и сделать так, чтобы цвет выделялся. Нужно хорошо обдумать цветовую схему.

Почему?

«Люди делают подсознательный вывод о продукте в течение 90 секунд после его первоначального осмотра. От 62 до 90 % этой оценки основывается исключительно на цвете».

Если вам удалось выбрать правильную цветовую схему, ориентированную на демографию вашей целевой аудитории, считайте, что вы уже выиграли половину битвы.

В следующей части статьи я хотел бы поделиться с вами 12 основными советами по выбору идеальной цветовой схемы на основе проведенных исследований и моего личного опыта.

 

1. Необходимо понимать, как цвет влияет на эмоции человека

Первое, что я рекомендую сделать, – это ознакомиться с информацией о том, как цвет влияет на людей на эмоциональном уровне.

Вот как различные цвета кнопки призыва к действию влияют на покупателей в Северной Америке.

Рисунок 7

Рис. 7. Как цвет кнопки призыва к действию влияет на покупателя из Северной Америки

 

Обратите внимание на то, что цвет зависит от географии.

Например, цвет, который нравится американским покупателям, не обязательно понравится покупателям из Индии.

Мне попалось вот такое руководство о цветах и эмоциях, ассоциирующихся с ними. Здесь также есть примеры нескольких брендов, которые используют определенный цвет.

Рисунок 8

Рис. 8. Руководство о цветах и эмоциях, ассоциирующихся с ними

 

Советую вам потратить какое-то время на изучение этого руководства и подумать о психологическом влиянии разнообразных цветов на человека.

 

2. Проанализируйте демографические данные своих потребителей

А теперь подумайте о своей целевой аудитории, а именно о демографических данных.

Какие эмоции вы хотели бы вызвать у потребителя?

Это крайне важные вопросы – их просто необходимо себе задать.

Посмотрите на следующие данные от компании Fast Company – они объясняют эмоции и психологию, связанную с цветом.

Рисунок 9

Рис. 9. Как на людей влияет красный цвет?

Рисунок 10

Рис. 10. Как на людей влияет желтый цвет?

Рисунок 11

Рис. 11. Как на людей влияет синий цвет?

Рисунок 12

Рис. 12. Как на людей влияет оранжевый цвет?

Рисунок 13

Рис. 13. Как на людей влияет зеленый цвет?

Рисунок 14

Рис. 14. Как на людей влияет фиолетовый цвет?

 

Подумайте об индивидуальности и эмоциях вашей целевой аудитории.

Затем выберите лучший цвет, который станет основной цветовой схемы вашего сайта.

Например, если вы выпускаете органические продукты питания, вам, очевидно, стоит выбрать зеленый цвет, потому что он ассоциируется с природой и здоровьем.

 

3. Принимайте во внимание пол потребителей

Это не подходит для всех компаний, но некоторые компании выпускают продукцию для определенного пола. Если вы занимаетесь именно таким бизнесом, вам стоит узнать, какие цвета больше всего любят, а какие не любят мужчины и женщины.

Согласно исследованию, проведенному компанией Colour Assignments Джо Хеллока, у каждого пола есть свои цветовые предпочтения.

Вот, что я имею в виду.

Рисунок 15

Рис. 15. Наиболее и наименее любимые цвета мужчин и женщин

 

Как видите, мужчинам очень нравится синий цвет и не нравятся коричневый и фиолетовый цвета.

Женщинам нравятся синий и фиолетовый и не нравятся коричневый и оранжевый цвета.

Помните об этом.

 

4. Подумайте о возрастных группах

Вот еще кое-что не очевидно, о чем стоит подумать – возрастная группа.

Знаете ли вы, что цветные предпочтения человека могут меняться с возрастом? Согласно исследованиям Джо Хэллока это действительно так.

Вот любимые цвета людей по возрастным группам.

Рисунок 16

Рис. 16. Любимые цвета людей по возрастным группам

 

А вот наименее любимые цвета людей по возрастным группам.

Рисунок 17

Рис. 17. Наименее любимые цвета людей по возрастным группам

 

Если в демографии вашей целевой группы преобладает определенная возрастная группа, этот фактор стоит учитывать.

 

5. Пройдите цветовой тест

Если вам нужна небольшая помощь в выборе основного цвета, попробуйте пройти тест от Grasshopper.

Вам придется отвечать на вопросы вроде вот этого: «Что лучше всего характеризует ваших клиентов?», или «Какой продукт вы им предлагаете?».

Это быстрый и простой тест (всего семь вопросов), но он может направить вас, если вы не знаете, в каком направлении двигаться дальше.

 

6. Избавьтесь от предубеждений

Вот ошибка, которую совершают многие компании при выборе цветовой схемы.

Они основывают свой выбор на личных предпочтениях, а не на психологии.

Если ваш любимый цвет синий, использовать синий цвет в качестве основного – заманчивая перспектива.

Но если вы выпускаете косметику и ориентируетесь в первую очередь на женщин, такое решение будет ошибочным. Вам больше подойдет фиолетовый или розовый цвет.

Помните об этом. Нельзя, чтобы ваши личные предпочтения в конечном итоге негативно влияли на ваши продажи и бренд.

 

7. Решите, сколько цветов использовать

Итак, если вы прошли все предыдущие этапы, у вас должен быть основной цвет.

Теперь пришло время выяснить, сколько цветов стоит использовать всего.

Здесь нет единой формулы для всех, но существует правило 60-30-10.

Это правило используется для создания цветовых схем в дизайне интерьера и моде и предполагает разделение трех цветов на проценты для создания «идеальной гармонии».

Вот как это выглядит:

  • 60 % принадлежит главному цвету;
  • 30 % уходит на второй по важности цвет;
  • 10 % – это акцентирующий цвет.

Это означает, что основной цвет должен занимать примерно 60 % пространства на веб-сайте, второй цвет – 30 %, а акцентирующий цвет – 10 %.

Если вам нужен пример, иллюстрирующий правило 60-30-10, зайдите на сайт QuickSprout.

Рисунок 18

Рис. 18. Пример правила 60-30-10 с сайта QuickSprout

 

Обратите внимание, что зеленый цвет является основным на сайте, белый – вторичным, а черный – акцентирующим цветом.

Когда вы все это совместите, вы поймете, что идеальное количество цветов… 3!

Я не утверждаю, что всегда обязательно нужно использовать всего три цвета, но это действительно оптимальное количество.

Использование более четырех и более цветов усложнит потребителю задачу и может даже изуродовать ваш сайт.

 

8. Выберите свой набор цветов

Теперь необходимо определиться с тем, какой именно набор цветов использовать.

Я не эксперт в сфере дизайна, но могу точно сказать, что вам стоит попытаться достичь контраста.

Лично я предпочитаю те сайты, где есть контраст светлого фона с более темным цветом на переднем плане.

Так проще глазам и это создает эффект эстетической привлекательности.

Вот хороший пример.

Рисунок 19

Рис. 19. Хороший пример контраста цвета на сайте

 

Хотя сайты с темным фоном тоже могут смотреться очень выигрышно.

Например, сайт бренда Wonder Bread.

Рисунок 20

Рис. 20. Пример более темного фона с сайта WonderBread

 

9. Изучите цветовое колесо

Помните, как на уроках рисования вам рассказывали о «цветовом колесе»?

Оно очень вам пригодится в выборе цветовой схемы сайта.

Стоит выбирать либо «аналогичные цвета», похожие друг на друга, находящиеся рядом на цветном колесе, либо «взаимодополняющие цвета», то есть цвета, находящиеся напротив друг друга.

Вот, о чем я говорю.

Рисунок 21

Рис. 21. Как выбирать цвета с помощью цветового колеса?

 

Один из вариантов сочетания взаимодополняющих цветов – это желтый и фиолетовый.

Еще один пример – сочетание зеленого и оранжевого.

Вариант сочетания аналогичных цветов – это оранжевый и красный.

Еще один – зеленый и синий.

 

10. Используйте вспомогательные инструменты

Во вам совет по оптимизации процесса.

Используйте вспомогательные инструменты, например Colorspire.

Рисунок 22

Рис. 22. Пример использования вспомогательных инструментов

 

Это быстрый и простой способ протестировать различные цветовые комбинации, чтобы вы лучше понимали, как они будут выглядеть на вашем сайте.

Это сэкономит вам время и поможет найти правильную комбинацию цветов.

Если вам не нравится Colorspire, я рекомендую вам продолжать поиски, чтобы найти правильный инструмент.

 

11. Изучите своих конкурентов

Вы можете многому научиться у конкурентов в своей отрасли.

Рекомендую вам посетить как минимум три веб-сайта своих непосредственных конкурентов и проанализировать их цветовую схему.

Это даст вам представление о том, какой стиль они используют.

Затем у вас есть два варианта.

  1. Создать аналогичную цветовую схему, традиционную и общепринятую.
  2. Двигаться в противоположном направлении, чтобы отличаться от большинства.

Лично я являюсь сторонником второго варианта – это более правильный путь, если вы хотите создать бренд, выделяющийся на фоне остальных.

 

12. Сравните несколько разных цветовых схем

Вот что.

Не обязательно останавливаться на первой же придуманной вами цветовой схеме.

На самом деле такая стратегия может оказаться ошибочной.

Предлагаю вам придумать три или четыре разные цветовые схемы и посмотреть на них в сравнении.

Попросите своих коллег или деловых партнеров оценить ваши цветовые схемы, чтобы понять, что работает, а что нет.

Затем сужайте выбор, пока не найдете ту цветовую схему, которая соответствует вашему бренду во всех отношениях.

 

Вывод

Не нужно быть всемирно известным художником, чтобы придумать эффективную цветовую схему сайта.

Это всего лишь вопрос понимания психологии цвета и эмоций, связанных с цветом.

Вам необходимо иметь базовое представление о правиле 60-30-10 и о том, как работает цветовое колесо.

Немного поэкспериментировав, вы сможете найти оптимальную цветовую схему для своего сайта.

В конечном итоге это позволит вам установить эмоциональную связь с большим количеством посетителей и предотвратить уход пользователей с сайта, увеличив проведенное ими время на вашем сайте, а это, в свою очередь, повысит уровень конверсии.

Все это, в конечном итоге, может оказать огромное влияние на ваш бизнес.

 

Источник: neilpatel.com

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Нажимая на кнопку «Отправить комментарий», вы соглашаетесь с Условиями использования