Как вы знаете, работа в социальных сетях сегодня чрезвычайно важна. Конечно, на данный момент, вы уделяете больше внимания Facebook, Twitter Plus Google, чем ваш сайт. Или, может быть, вы еще не создали его, опасаясь, что он станет бесполезным. Я прав?
Готовы начать читать? Вот и мы!
A- Color Science: краткий обзор информации, о которой вы, возможно, не подозревали
1.А- самый влиятельный фактор в чувствах при принятии решения о покупке :
- люди: Синий, зеленый и черный.
- женщина: Синий, фиолетовый и зеленый.
Каждый значок представляет отрасль:
Красный агрессивный, энергичный, провокационный и кричащий.
Он популярен в смежных отраслях: продукты питания, технологии, автомобили и сельское хозяйство,
Фиолетовый представляет: королевская власть, утонченность, ностальгия, тайна и духовность.
Он популярен в смежных отраслях: технологии, здравоохранение и финансы,
Синий надежный, заслуживающий доверия, безопасный и ответственный.
Он популярен в смежных отраслях: технологии, здравоохранение, финансы, энергетика, сельское хозяйство и авиалинии,
Вызывает зеленый: богатство, здоровье, престиж и спокойствие.
Он популярен в смежных отраслях: еда, технологии, финансы, энергия и дом,
Желтый представляет: позитив, свет, тепло, мотивация и креативность.
Он популярен в смежных отраслях: еда, энергия и дом.
Апельсин вызывает: бодрость, веселье, изобилие и радость.
Он популярен в смежных отраслях: технологии и здравоохранение,
Браун это: землистый, натуральный, упрощенный и прочный.
Он популярен в смежных отраслях: одежда, автомобили и сельское хозяйство,
Черный представляет: престиж, ценность, вневременность и утонченность.
Он популярен в смежных отраслях: техника, автомобили и одежда,
Вызывает белый чистота, благородство, чистота и мягкость.
Он популярен в смежных отраслях: одежда и здоровье,
B- Ошибки с цветами, которые вы должны прекратить делать на своей целевой странице
Как мы уже упоминали в начале, наука о цвете чрезвычайно мощная, Цветовой фактор – самая важная вещь в процессе преобразования. на целевой странице, а также другие элементы дизайна, такие как: Размер, форма, местоположение и движение,
Мы собираемся использовать это Отличный анализ маркетинговых экспериментов для разработки следующих 5 фатальных ошибок в отношении использования цветов. Таким образом, Вы можете начать анализировать свой сайт и сразу же оптимизировать его:
7.B- Ошибка 1: Акцент
Ошибка может быть в отсутствие акцента или акцент на неправильный предмет или место,
Маркетинговые эксперименты анализируют случай где на сайте нужно было получить больше подписчиков.
оригиналНа этой странице ничего не подчеркивалось и не привлекало внимания. Не было элемента, который мог бы помочь пользователю принять конкретное решение. Когда человек сталкивается с множеством вариантов, которые кажутся "равными", запутаться, они Я бы предпочел отказаться от дилеммы, вместо остановки на минуту и Постарайтесь выяснить, что именно предлагается и какой вариант лучше. С другой стороны, когда процесс упрощается, выделяя и указывая один вариант над другим, сомнения быстро исчезают, и легче получить ДА от клиента.
Оптимизация: набор теней и цветовых градиентов был использован, чтобы направить глаз к основному моменту. Здесь он выделен другим цветом для усиления предложенного значения, Кроме того, информация, предоставленная в тексте, упрощена. Это, наряду с использованием цветов, теперь направляет пользователя к тому, что именно компания хочет, чтобы он выбрал. С этими изменениями было зарегистрировано увеличение CTR на 81%.
Другой пример: подчеркнуть неправильные вещи.
Ошибка в этом случае заключается в том, что цвета создают отвлечение, оставляя кнопку «Призыв к действию» (CTA) за пределами формы и помещая ее прямо в середине визуального путешествия Пользователь просматривает страницу. В оптимизированная версия, цвет кнопки CTA более интенсивный и это размещен в нижней части страницы. Это «заставляет» пользователя просматривать всю форму и, наконец, добраться до кнопки CTA, в основном, до желаемого действия., Результат: увеличение CTR на 97%
8.B- Ошибка 2: номер
В этом случае Насыщенность цвета или «отсутствие» сильно влияет на процесс принятия решения. Так как это может быть смешивающий фактор, или наоборот, что-то, что помогает лучше усваивать информацию.
Рассмотрим этот пример, проанализированный маркетинговыми экспериментами:
оригинал: Слишком много цветов конкурируют за внимание человека. в то же время
оптимизированный: Шум, возникающий при чрезмерном использовании цветов, исключается., оставляя коробку, которая включает в себя кнопка призыва к действию как единственный элемент, выделенный цветом.
9.B- Ошибка 3: Комбинация
На данный момент, я думаю, что это полезно объяснение от Дерека Халперна в одном из его видео постов, что очень логично, но, видимо, трудно привыкнуть. Он говорит что Есть два цвета, которые вы должны носить на их сайте: Пассивные цвета и Цвета действия:
- Пассивные цвета: те, которые используются для создания визуальной привлекательности сайта. и придать индивидуальность своему бренду.
- Цвета действия: показать людям, что "X" цвет = клик, Этот цвет должен быть использован для обучать постоянных посетителей и пользователей, знать, что нажимать на определенные кнопки, ссылки и поля«Если мы используем те же цвета для выделения заголовков, ссылок или других сообщений, которые ни к чему не приводят, мы тратим ресурсы, которые нам дает этот цвет. В данном случае это показывает человек, который просматривает страницу что мы хотим сделать.
Маркетинговые эксперименты подчеркивают этот случай, Большая ошибка слияния в диалоговом окне, содержащем CTA для премиум-доступа к содержанию, предлагаемому этим сайтом.
В оптимизированной версии активный цвет назначается блоку, содержащему призыв к действию. Это позволяет представить сообщение или запрошенное действие, и предотвращает его потерю в остальной части визуального контента. Чтобы не запутать пользователей, абсолютно необходимо быть последовательным в использовании и цветовой комбинации., Таким образом, это не выведет их из равновесия и упростит принятие решений.
10.B- Ошибка 4: Сообщение
Каждый цвет передает сообщение. Поэтому важно знать значение каждого из них, какие эмоции активируют и что ассоциации, которые могут вызвать. В следующем случае, оригинальная версия не передает достоверность, серьезность или надежность, которые являются необходимыми ценностями для этого типа продукта
11.B- Ошибка 5: Поток
Случай, который мы видели ранее об ошибке «выделения», также может подходить для этой категории. их Вы должны использовать цвета, чтобы сопровождать и направлять людей, которые посещают вашу страницу. Таким образом, каждый пользователь может правильно интерпретировать сообщения, передаваемые различными элементами дизайна.
Ниже приведен еще один пример того, как Злоупотребление цветом может фактически прервать визуальное путешествие и естественный ход мыслей, которые каждый человек испытывает при просмотре содержимого целевой страницы или сайта., При правильном использовании цвета и дизайна вы можете легко заставить пользователя делать то, что он хочет.
оригинал: Хотя цвет используется для Кнопка призыва к действию и потенциально может привлечь много внимания, помещена в белое поле за пределами основного сообщения, Это прерывает естественный ход мыслей человека, оставляя пространство, которое генерирует только шум. Это деактивирует пользователя, и в этот момент они начинают сомневаться:
оптимизированный: Кнопка теперь из сообщения. Он не прерывает визуальное путешествие и упрощает принятие решений, не создавая много нежелательного шума в середине страницы., Вы можете видеть, что синяя кнопка – единственный предмет, который бросается в глаза. Этот сценарий выбирает стратегию дизайна, которая использует низкий контраст, меньше цвета, но большое внимание уделяется одному правильно расположенному элементу.
C- Советы по оптимизации кнопки «Призыв к действию»
12.C- Инкапсуляция
Не позволяйте сообщению или точке интереса потеряться среди других элементов на вашей целевой странице, Инкапсулируйте кнопку, чтобы включить ее в сообщение и правильно привлечь внимание.
13.C- Направленные знаки
Не дайте пользователю возможность визуально побродить по странице, Направляйте их и указывайте прямо на места, на которые вы хотите, чтобы они обратили внимание на вашей целевой странице. При необходимости используйте элементы, помогающие направить ваш взгляд на страницу.
14.C- Цветовой контраст
Как мы уже упоминали в некоторых других темах, помните, что Контрастность не означает использование многих цветов. Это означает применение веса цвета в нужном месте.
15.C- Пустое пространство
Вы можете выделять кнопки или поля с помощью CTA, используя пробелы, и избегать создания шума с большим количеством цветов или дополнительных элементов. это может привлечь внимание.
16.C- В дополнение к цвету, оптимизируйте свой сайт и ваши кнопки с умным и отличительным CTA.
Мохита Нагпал объединяет отличную коллекцию идей по оптимизации кнопок и текста на целевой странице в блоге Visual Optimizer. Давайте быстро рассмотрим их:
- Используйте фразы, которые трудно сказать НЕТ, или которые настолько неудобны или нелепы, что заставляют человека пересмотреть свое решение., Сюрприз посетителей На своем сайте помните, что вы постоянно сталкиваетесь с CTA, и вы должны преодолеть барьер скептицизма, который мы все порождали, постоянно бомбардируя вас информацией …
- Вы также можете оптимизировать сообщения, такие как системные ошибки, «404 – Страница не найдена» или всплывающие окна, чтобы не потерять потенциальных клиентов, Вы больше не можете сказать "Страница не найдена". Подумайте о людях, которые посещают ваш сайт, на каком языке они говорят и что было бы разумно сказать, чтобы привлечь их внимание, и держать их на своем сайте.
D- Два инструмента, которые вам понравятся и которые помогут вам принимать лучшие решения о цветах!
17.D- Navflow:
Это приложение анализирует путь, по которому посетители переходят на ваш сайт, и позволяет узнать, где им трудно следить за ходом действий.
18.D- Adobe's Kuler:
Это приложение позволяет вам анализировать и тестировать цвета на вашем сайте, используя различные критерии, и помогает вам определить, какая комбинация является лучшей.
Мы сделаем вывод:
Понимание силы цвета и его науки очень важно для оптимизации вашей страницы. Цвета не только привлекают внимание вашего пользователя, но даже больше, потому что они общаются сообщения, использующие структуру ассоциации, которую вызывает каждый из них. Как мы уже говорили в начале, вы также должны научиться рынок на вашем сайтеи Используйте каждый элемент дизайна, чтобы общаться, направлять и посещать людей, которые посещают ваш сайт.
Теперь, если вам понравилась эта статья …
Основные источники:
http://unbounce.com/conversion-rate-optimization/design-principles-increase-conversions/
http://visualwebsiteoptimizer.com/split-testing-blog/copywriting-examples-for-high-conversions/
http://socialtriggers.com/
http://www.marketingexperiments.com/site-optimization/website-colors-and-conversion.html
http://blog.kissmetrics.com/psychology-of-color-and-conversions/
http://thelogocompany.net/blog/infographics/psychology-color-logo-design/
http://brandongaille.com/how-colors-influence-consumer-buying-decisions/
http://blog.kissmetrics.com/how-colors-affect-conversions/?wide=1
http://www.pinterest.com/pin/100838479128968459/
http://blog.kissmetrics.com/color-psychology/
