Все об интернет-маркетинге
из первых рук
Подписаться на рассылку подписаться
на рассылку
нас уже
111 717

Optimizely — удобный инструмент A/B тестирования сайта

Мы ведем наш дайджест с 2012 года, и обладаем главной базой приемов по продвижению интернет-проектов.

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



Каждый владелец сайта заинтересован в увеличении конверсии собственного ресурса:

1. интернет-магазины хотят больше продавать;

2. онлайн-сервисы и приложения заинтересованы в переводе пользователей с бесплатной версии на платную;

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


Какие элементы стоит тестировать?


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

1. Кнопки действия

Попробуйте изменить цвет кнопок, надписи, их размер и расположение — все это может привести к изменению поведения пользователей и увеличению конверсии. Например, замена цвета кнопки помогла сервису CareLogger поднять конверсию на 34 %.


Green в / с Красная

2. Навигационное меню

Меняйте расположение меню (горизонтальное/вертикальное), а также порядок разделов.

3. Заголовки и подзаголовки

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

4. Размещение элементов

Экспериментируйте с размещением элементов страницы: переносите видеоролики наверх или вниз, меняйте смысловые блоки местами, убирайте лишние элементы (часто пользователь просто теряется в представленных продуктах).

5. Изменение формы регистрации

Убирайте лишние поля в форме регистрации, которые растягивают конверсионные пути. Так, например, компания Seamless убрала лишнее поле в форме заказа. В результате количество кликов увеличилось на 20 %, а количество заказов — на 5 %.

Оригинальная форма:


Измененная форма:



6. Картинки

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

7. Контент

Попробуйте изменить стиль текста: ищите такие продающие слова, которые помогут посетителям выбрать именно вас.


Инструменты A/B тестирования


Сегодня существует несколько сервисов, предлагающих проведение A/B тестирования.

1. optimizely.com — зарубежный сервис, заточенный на проведение A/B тестирования. Среди его возможностей: простые эксперименты с изменением изображений, редактированием кнопок, подключением дополнительных скриптов. Сервис дает возможность настроить таргетинг, время и распределение аудитории при проведении тестирования. На дорогих тарифных планах можно внедрять эксперименты и с мультивариантным тестированием.

2. visualwebsiteoptimizer.com — также зарубежный сервис, предлагающий помимо A/B тестирования анализ юзабилити, лендингов, карты кликов. Для мультивариантного тестирования лучше использовать именно его. Ежемесячная стоимость подписки — от 49 $.

3. unbounce.com — сервис специализируется на создании landing pages, но при желании можно запустить и A/B тестирование. Ежемесячная стоимость подписки — от 49 $.

4. abtest.ru — русскоязычный сервис, повторяющий функционал Optimizely. ABtest нестабильно работает в режиме beta-версии и на текущий момент является бесплатным.

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

Создайте собственный аккаунт и воспользуйтесь 30-дневным бесплатным доступом. Для этого перейдите на вкладку “Pricing”.


Затем нажимаем на кнопку “Month-to-Month”:



Далее переходим к выбору тарифа:



Введите данные своей пластиковой карты для завершения регистрации. Не бойтесь, если вам не понравится сервис: вы легко можете вернуть деньги и закрыть аккаунт. Минимальная стоимость — 19 $ в месяц после окончания бесплатного периода.

Сервис предложит познакомиться с вводной инструкцией, которая поможет в работе. Дальше вы попадаете во внутренний интерфейс и можете запускать свои первые эксперименты. Для этого введите адрес оригинальной страницы вашего сайта и нажмите “Create Experiment”, заполнив необходимые поля.

Например, мы решили изменить название кнопки «Подать заявку» на «Начать продвижение». Optimizely позволяет мгновенно внедрять изменения, необходимо лишь определиться с нужными элементами:



Выбираем кнопку «Подать заявку» и действия, которые мы хотим с ней совершить, а именно «Изменить текст» (“Edit Element” — “Edit Text”).



Заменяем в редакторе надпись на «Начать продвижение» и нажимаем “Done”:



Запускаем тестирование: для этого размещаем код эксперимента в HTML-версии страницы после тега <head>:


Результаты эксперимента вы можете наблюдать, если нажмете “Options” — “View Results”. Выглядеть они будут следующим образом:



Обратите внимание: в сервисе есть возможность настройки таргетинга экспериментальной страницы (кому и на каких устройствах будем показывать).

Также если на вашем сайте установлен код Google Analytics, то скрипт экспериментальной страницы от Optimizely необходимо размещать выше него, а лучше всего — в самом начале страницы. Эксперимент в Optimizely вы всегда сможете интегрировать со счетчиком GA (подробная инструкция: https://help.optimizely.com/hc/en-us/articles/200039995).


Заключение


Как вы видите, провести A/B тестирование достаточно просто, главное — желание и правильный инструмент. 




Комментарии (8)

Борис 26.03.2014
Оксана, здравствуйте. Благодарю за советы. Кое-что уже переделал. Хочу спросить про кнопку - оранжевый вариант повлиял на увеличение конверсии?

Борис 26.03.2014
подписываюсь, чтобы получить уведомление :)

Оксана Расторгуева
Оксана Расторгуева
26.03.2014
Борис | 26.03.2014
Оксана, здравствуйте. Благодарю за советы. Кое-что уже переделал. Хочу спросить про кнопку - оранжевый вариант повлиял на увеличение конверсии?
Борис, добрый день! Да, замена цвета кнопки с зеленого на оранжевый повысил коэффициент конверсию на 34% у CareLogger. Надеюсь, советы помогут сделать ваш сайт успешнее!

Михаил 27.03.2014
Вы утаили ещё один вариант, где есть возможность сплиттестирования. Написал этот плагин один киевский программист и плагин WpPage может тестировать сразу 4 страницы, а не 2. Плюс ещё куча примочек и всё это за $23 с возможностью пожизненного обновления. В связи с этим не вижу смысла сидеть на ежемесячных платежах. Сcskre не даю, легко найдёте в поисковике.

Оксана Расторгуева
Оксана Расторгуева
27.03.2014
Михаил | 27.03.2014
Вы утаили ещё один вариант, где есть возможность сплиттестирования. Написал этот плагин один киевский программист и плагин WpPage может тестировать сразу 4 страницы, а не 2. Плюс ещё куча примочек и всё это за $23 с возможностью пожизненного обновления. В связи с этим не вижу смысла сидеть на ежемесячных платежах. Сcskre не даю, легко найдёте в поисковике.
Михаил, добрый день! Рассматривали сервисы, которые позволяют проводить A/B тестирование для любого сайта, а не только разработанного на WordPress.

Андрей Баклинов 19.01.2015
Добрый день, Оксана! Очень качественная статья у Вас получилась! Хотелось бы поинтересоваться, использовали ли Вы когда-нибудь сервис Changeagain.me для A/B и сплит тестирования?

Андрей Баклинов 05.02.2015
Круто! Отличная статья для тех, кто только входят в тему A/B тестирования. Вот мне интересно. А Вы сами проводите A/B тестирование? Какими инструментами пользуетесь для этого и какие из них лучше, а какие хуже? Использовали когда-нибудь Changeagain.me ? Он гораздо удобнее и легче в использовании, насколько я знаю. Было бы очень интересно пообщаться с Вами на эту тему!

Оксана Расторгуева
Оксана Расторгуева
19.02.2015
Андрей, здравствуйте! Спасибо за теплые слова! Changeagain.me не пользовалась, но внимательно посмотрю их возможности. В работе в основном используем Optimazely и Mixpanel, последний для продуктовой аналитики и тестирования. Их возможности нам полностью подходят. Сравнение инструментов — отдельная тема для статьи :)

Добавление комментария:

CAPTCHA

Статьи выпуска: