Какие цвета следует использовать для увеличения продаж?

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

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

В дизайне исходной страницы, будучи поклонниками синего цвета, мы предложили следующий дизайн страницы планов Nelio Content:

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

Итак, тест этого месяца с Nelio A/B Testing анализирует, какая цветовая схема на нашей странице с ценами принесет больше дохода.

Создайте тест страницы с ценами

Перед созданием A/B-тестирования любого элемента веб-сайта мы всегда рекомендуем вам провести анализ того, что работает на вашем веб-сайте, где у вас больше трений и проблем, и сформулировать гипотезы о том, что можно улучшить. Из списка гипотез, которые вы создали, отдайте приоритет тем, которые окажут наибольшее влияние на ваши цели. То есть целевые страницы и страницы с ценами, вероятно, окажут гораздо большее влияние на увеличение продаж, чем пост в блоге.

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

Мы решили создать в дополнение к исходному варианту еще два варианта с этими цветовыми сочетаниями:

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

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

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

Создание A/B-теста

Для создания A/B-теста, как всегда, мы используем собственный плагин Nelio A/B Testing. Просто загрузите его из официального каталога плагинов WordPress и установите на свой веб-сайт, чтобы создать такой тест. И если у вас все еще есть сомнения относительно того, какой плагин для A/B-тестирования использовать для создания тестов на вашем веб-сайте, я рекомендую вам прочитать наше сравнение плагинов для A/B-тестирования для WordPress.

Nelio A/B Testing очень универсален, поскольку позволяет создавать A/B-тесты любого элемента WordPress. В этом случае мы создаем A/B тест страниц. Этот тип тестов позволяет создавать новые варианты путем дублирования исходной страницы в новые альтернативные страницы. В нашем тесте мы просто изменили цвета фона каждого плана, как описано выше. Если вы хотите изменить что-то, что является частью используемого вами шаблона страницы, вы можете сделать это, создав альтернативный шаблон и запустив вместо этого A/B-тестирование шаблонов страниц.

На следующем снимке экрана вы можете увидеть определение теста:

Затем при создании любого A/B-теста вы должны установить цели, которые хотите измерить в тесте, чтобы решить, что работает лучше всего. В этом случае мы определили 4 цели, которые должны быть измерены в рамках теста:

• Клики по кнопкам любого плана
• Клики по кнопкам базового плана
• Клики по кнопкам стандартного плана
• Клики по кнопкам тарифа Plus

Когда все это было создано, все, что нам нужно было сделать, это запустить тест и дождаться результатов. Nelio A/B Testing отвечает за разделение трафика на три случайные группы, чтобы каждая из них видела только один из определенных вариантов, и отслеживала конверсии, которые получают каждый вариант и цель.

Анализ результатов A/B-тестирования

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

Первая цель заключалась в измерении кликов по любой из кнопок плана таблицы цен (таблица отображается дважды на странице).

В этом случае результаты показывают, что второй вариант, альтернатива C, получает почти на 130% (точнее, 129,6%) больше кликов, чем исходная версия. Напротив, вариант с изображением планов в пастельных тонах хуже на 25,5%. Если бы у нас была только эта цель теста, альтернатива C дала бы ошеломляющие результаты.

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

Обратите внимание, что если мы ориентируемся только на переходы на тариф «Базовый», то разница между третьим вариантом и исходной версией хоть и значительная, то есть улучшение на 73,7%, но не такая большая, как если бы мы анализировали все клики. А в случае с пастельным цветовым вариантом, как и в предыдущем случае, он тоже хуже оригинала, но разница составляет 12,3%. Если вы думаете об этом, это может иметь некоторый смысл, поскольку варианты не фокусируются на особом освещении базового плана.

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

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

Наконец, давайте посмотрим, что произойдет с последним планом:

В этом случае улучшение альтернативы С по сравнению с оригиналом составляет почти 3% с достоверностью 95,7%. И в любом случае конвертация плана Plus во всех альтернативах незначительна. На самом деле, большинство наших клиентов предпочитают сначала выбрать более низкий план, а затем перейти на другой план.

Выводы

Учитывая результаты, полученные нами в результате A/B-тестирования, мы приходим к выводу, что версия, в которой план Standard выделяется цветом фуксии, сработала намного лучше, чем любой другой вариант. Поэтому лучше всего применить его как окончательный вариант на нашем сайте.

Как видите, всего одним щелчком мыши окончательная версия страницы с ценами Nelio Content становится победившей в тесте. Конечно, поначалу мы могли подумать, что синяя цветовая гамма — хороший вариант, но наши предпочтения и вкусы мало способствуют увеличению продаж. A/B-тесты — это те, которые на реальных данных доказывают нам, что действительно работает. Чего вы ждете, чтобы создать A/B-тест для увеличения конверсии на вашем сайте?

Избранное изображение Бахера Хайри на Unsplash.