воскресенье, 17 июня 2018 г.

Важность цветов в побуждении к действиям

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

Блог Econ Dude расскажет как и когда яркие цвета могут вам помочь.

Тест был простой, в блоге система оценки статей была мною изменена. Раньше оценки были чёрно-белые (серые), а я поставил красные и зелёные, плюс, добавил анимацию при нажатии, а так-же счётчик теперь не статичный, он возрастает.

Короче - он просто красивее.


Вы видите разницу

Плюс, я еще и подключил эту систему оценки для мобильной версии блога, что на 20-30% повысило шанс получения отзыва.

Про это я писал гостевую статью:


И что? Какой результат? Трафик тут как был 500 посетителей и 900 просмотров в день, такой и остался, но оценки... Смотрите:


34 голоса пару дней назад

А раньше, например 4-го июня со старым дизайном было 3 голоса, и вообще раньше было в среднем в день 3-5, не больше.

Новый дизайн увеличил кликабельность в 10 раз!

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

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

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

Нет, рейтинг не уводит людей с этой страницы, оценка занимает 2-4 секунды и никак не снижает остальные конверсии.

Ну а почему я держал дизайн серым? Серый на самом деле смотрится более серьезно и органично в моём блоге, но если цифры говорят что нужен цветной - будет цветной. Тут и еще один вечный урок - всё нужно тестировать.

Вы можете думать, что AdSence даёт больше доходов, чем РСЯ, но все эти теории и размышления бессмысленны, пока вы не проведёте тест.

Что еще можно добавить? Две вещи.

Первая, известная фишка, которую рассказывал еще Арбайтен.

Логотип и иконка сайта влияет на кликабельность в Яндексе.


Красный цвет привлекает больше всего внимания

Про психологию цветов я тоже уже писал статью, гостевую. Вспомните женщину в красном из Матрицы или красный свет светофора.

Могу поспорить, что из этих топ 5 результатов hd-1080.biz тут находится чисто из-за иконки и имеет очень неслабую кликабельность.

Интересно, что Яндекс продолжает показывать иконки сайтов, а Гугл рейтинги. Вот вам и одно отличие поисковых систем кстати.

Второй момент, YouTube:


Обратите внимание на видео Варламова

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

Оно и сейчас висит в топе по запросу "биткоин".

И сравните это с видео, где точно хорошее удержание (видео хорошее) ниже, где прогноз цены. Там картинка на белом фоне и довольно консервативная (thumbnail - превью), поэтому и просмотров только 7к, при том, что Google явно считает это видео тоже неплохим, если уж они его поставили так высоко. Однако, просмотры оно набирает плохо, и тут, я думаю, важна именно кликабельность превьюшки.

Да чего далеко ходить, мой канал (подписывайтесь) возьмём:


Смотрите на видео про Вирус

Да, факторов много, но просто смотрите его и видео рядом.

Везде около 500 просмотров, тут 2.1к, значительно больше. Конечно, тут я монтировал больше, и контент лучше, но тут я добавил в название символы, а так-же тут явно более привлекательное превью.

Вы можете много каналов и запросов так проанализировать, что жёлтый, ядовито-зелёный и красный дают наибольшую кликабельность, и еще лучше это работает на более детскую аудиторию. Чем человек моложе, тем более вероятно он на такое кликнет. Тут можно детские видео глянуть:


Про детские видео я уже давно писал

Сейчас там у них новая тема, идиотские видео, где рисуют и раскрашивают, там тоже миллионы просмотров. Опять какая-то левая тема 100%.

Блог Econ Dude всё палит...

В любом случае вы можете сами посмотреть на цвета там.

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


Такой яркости даже в реальности нет

Но психология-то та-же. Вы видите красную спелую черешню, она выбивается из общего фона, её хочется сорвать. Аналогично и с кликами.

Я использовал это в моих играх, логика всегда одна:


Красное - плохо, зелёное - хорошо, синее - круто

Это если очень сильно упростить :)

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



Справа-снизу вы это видите

Да и цвета вообще - это что-то чисто и очень человеческое, эмоциональное. Далеко не все животные различают цвета, и далеко не у всех цвета имеют какой-то символизм или большое значение, а у человека это так. Для нас каждый цвет связан с миллионом ассоциаций. Синий - небо и вода, зелёный - трава, красный - кровь.

Вот такие дела и вот такая статья получилась у меня сегодня.