Выбор цвета – это главная задача при разработке интерфейса сайта или онлайн-магазина. Однако нередко этому элементу работы над коммерческим сайтом уделяют незаслуженно мало внимания.
Одни владельцы сайтов следуют личному вкусу, считая, что любимые цвета должны радовать глаз и на сайте. Другие всецело доверяют дизайнерам, к сожалению, не всегда оправданно. Специалист в области веб-дизайна – человек творческий и осведомленный в правилах комбинации цветов и юзабилити. Но дело в том, при разработке интерфейсов интернет-магазинов необходимо учитывать некоторые нюансы, характерные для таких ресурсов. И вот какие.
Цвет как психолог
Каждый цвет имеет специфические особенности психологического воздействия на человека. Он может вызвать то или иное эмоциональное состояние, благодаря чему применяется как психологический инструмент. Нельзя не использовать такие возможности цветов при создании сайта.
Что касается трактовок эмоциональной составляющей, то для основных участников цветовой палитры они следующие.
- Белый – чистота, целомудренность, нейтралитет, порядок и простота.
- Черный – изысканность, богатство и интеллект.
- Синий – надежность, доверие, лояльность, компетентность, мужество, искренность, высокий уровень качества и корпоративность.
- Зеленый – гармония, деньги, здоровье, зависть, прекрасный вкус и баланс.
- Желтый – утонченность, богатство, энтузиазм, компетентность, счастье и приключения.
- Красный – кровь, жизнь, комфорт, любовь, злость, беспокойство и внимание.
- Серый (серебряный) – современность, изысканность, нейтральность и практичность.
- Коричневый – натуральность, уют, грусть, прочность и дружелюбие.
- Фиолетовый (пурпурный) – загадка, роскошь, власть, творчество.
- Розовый – ласка, романтика, откровенность, изысканность, сочувствие и любовь.
Цвета нужно подбирать в соответствии с тем, в какой нише вы работаете и каков ассортимент ваших товаров.Описанные выше характеристики дают право утверждать, что каждый из них можно применить только с достаточно узким кругом товаров.
Для пищевых продуктов выбор один, а для изысканных дорогих товаров совершенно другой. При работе в этом направлении следует учитывать, что психология цвета – это наука без четких правил, но некоторые советы вполне можно использовать. Так удастся избежать типичных ошибок.
Итак, примеры самых удачных цветовых решений, подобранных очень грамотно.
Victoria`s Secret
На сайте этой компании розовый использован как нельзя лучше. Этот цвет в фирменном стиле компании играет ведущую роль и находит место как в сети, так и в оффлайне. Для женщин, которые являются целевой аудиторией Victoria`s Secret, розовый особенно приятен, так как вызывает романтическое настроение и ощущение нежности.
DisneyStore
Случай, когда сочетаются разные по эмоциональному окрасу цвета. Происходит это потому, что ресурс рассчитан одновременно и на детскую аудиторию, и на взрослых, преимущественно матерей. Для детей приятны простые, но яркие цвета. Что не скажешь об их матерях. Они выбирают в большинстве случаев помягче. Светло-серый символизирует утонченность и современность, а синий – это надежность и доверие. Сочетание этих цветов, использованное в магазине Disney, привлекает одновременно обе категории потенциальных клиентов.
Mercedes-Benz
Потенциальные клиенты компании – это люди с уровнем доходов выше среднего. Выбранный разработчиками цветовая палитра соответствует целевой аудитории. Она довольно проста, но несет глубокий смысл. Белый – это порядок и простота, серый – современность и практичность, а черный – утонченность и дороговизна.
Все еще не решаетесь сделать окончательный выбор цветов своего сайта? Тогда стоит рассмотреть один из универсальных вариантов, с которыми вы точно не останетесь в проигрыше. Речь идет о белом, сером и синем.
Еще одни прием – проанализировать коммерческие сайты, которые вы посещаете наиболее часто. Оцените их подбор цветов. Не исключено, что регулярное посещение вами определенных сайтов вызвано именно использованием законов психологии. Нужно проанализировать гамму цветов на любимых сайтах и попытаться определить их вероятное влияние на эмоциональное состояние. Может быть это расслабление, повышение уровня энергии или нейтральный эффект.
Изоляция цвета
Эффект Вона Ресторфа или изоляция – это сильное выделение одного цвета на фоне других. Благодаря чему он сильнее запоминается и следовательно вызывает больший интерес у посетителей. Для онлайн-магазина этот прием совсем не помешает.
Основные кнопки, используемые для совершения покупки, к примеру «Оставить заявку» или «В корзину», окрашиваются в контрастный цвет. При использовании эффекта нельзя злоупотреблять. Следует выделять исключительно главные места, которые действительно наиболее важны для обеспечения активности покупателей.
Описанный прием также позволяет сохранить клиентов, которые переходят к осуществлению покупки. Выделенные цветом основные кнопки помогают покупателю упростить процесс заказа товара. Поэтапная схема совершения покупки - проста и абсолютно понятна.
BarStools
Сфера деятельности этого магазина – реализация стульев. Изолирован на сайте оранжевый цвет. В него окрашены всего несколько основных кнопок, отмечающих процессы оформления покупки товара.
- «оформить заказ»;
- «добавить в корзину»;
- «выбрать опции».
Dell
На сайте этой компании зеленый цвет стал изолированным. Он способствует тому, что потенциальный покупатель просмотрит обзор определенного товара. Таким образом посетители четко понимают, куда им нужно нажимать. Использованный прием позволяет снизить процент отказов от покупок.
Фон
При выборе фона для сайта основное правило – серый и белый в приоритете. Они позволяют сделать изображение контрастным и выделить цвета остальных элементов страницы.
Отказываются от использования этих цветов в качестве фоновых единицы онлайн-магазинов (около 5 процентов).
Выделить контент поможет фон светлых тонов. На темном фоне хорошо будут смотреться только очень яркие текст и товары. К примеру, Foot Locker использовал черный как фоновый, и очень удачно, поскольку продукция компании яркая по цвету и простая по форме, а покупатели – мужчины.
Лаконичность
Главное мы оставили напоследок. Совет: при выборе цветовой гаммы для онлайн-магазина – больше трех цветов лучше не использовать. Можно поэкспериментировать с оттенками, чтобы картинка выглядела интересней, но их количество в разных элементах страницы должно быть как можно меньше.
