или закажите обратный звонок

A/B-тестирование сайта

Почему необходимо проводить A/B тестирования при работе с клиентскими сайтами

30 Марта 2017 | 2912 | 0

Что представляет собой А/В-тестирование?

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

  • кто является целевой аудиторией;
  • какой дизайн предпочтительнее;
  • какой контент будет интересен пользователю и т.д.

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

Одним из путей примирения потребителя и владельца как раз и выступает А/В-тестирование. В ходе его проведения удается определить, какая форма подачи информации импонирует пользователям, и объективно оценить прототип. Часто выходит так, что тестируемый вариант как раз и выступает наиболее эффективным (подробнее об этом ниже в статье). Нередки случаи, когда изначально скептически относящийся к различным доработкам/изменениям структуры сайта или дизайна владелец, увидев результаты тестирования, кардинально меняет свое мнение и соглашается на внесение корректировок.

А/В-тестирование сайта на примере автомобильного дилера на странице конкретной модели авто

В эксперименте участвуют две версии страницы:

  • «A» – оригинальная/исходная;
  • «B» – тестовая/новая.

Механизм A/B-тестирования следующий: 50% посетителей видят только вариант «А», остальные 50% – вариант «B».

I этап тестирования

Работа начинается с детального анализа сайта. На его главной странице указана сфера деятельности компании, контакты, преимущества сотрудничества и иные важные для бренда сведения, иными словами – лицо компании. Однако суть в том, что далеко не всем пользователям необходима эта информация. Прежде всего, посетителей такого портала интересует стоимость авто, его технические характеристики и комплектация, ассортимент (модельный ряд) и акции. Вот почему трафик на главную страницу на многих сайтах составляет всего 10–30% от общего количества посещений. Нужно узнать, какую из страниц пользователи посещают чаще всего. Если все же основной трафик скапливается на главной странице, то следует уделить больше внимания её анализу и оптимизации. Если же основной поток трафика сконцентрирован в другом месте, то «крючком» для пользователя может выступить страница товара/модели. Глубокая проработка карточки товара способна в разы повысить эффективность вашего портала.

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

Основные составные части первого экрана

  1. Заголовок – обозначает тему и дает представление о том, что расположено на странице.
  2. Изображение – формирует визуальное восприятие товара.
  3. Призыв к действию.

Главная задача первого экрана – привлечь внимание пользователя и склонить его к дальнейшим действиям.

Подготовка к проведению теста

Рассмотрим вышесказанное на примере А/В-тестирования сайта автодилера. Как видно на графике, основной поток трафика сконцентрирован на страницах моделей.

A/B-тестирование сайта - читайте в разделе Материалы на seo.artox-media.ru - Изображение №1

А вот так выглядит первый экран страницы модели:

A/B-тестирование сайта - читайте в разделе Материалы на seo.artox-media.ru - Изображение №2

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

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

Макет измененного варианта представлен ниже.

A/B-тестирование сайта - читайте в разделе Материалы на seo.artox-media.ru - Изображение №3

Внесенные изменения должны помочь выяснить:

  1. Как повлияет доступность левого меню с первого экрана на взаимодействие пользователей.
  2. Чаще ли пользователи станут совершать целевые действия после размещения кнопок.

Ход тестирования

Для проведения тестирования был выбран сервис optimizely.com.

Бесплатный тарифный план сервиса включает:

  • проведение А/В-тестирования;
  • реализацию мультивариантного тестирования;
  • тестирование приложения;
  • проведение базовой сегментации (источник: мобильный/не мобильный, браузер);
  • интеграцию с GA;
  • использование визуального редактора страниц;
  • тестирование двух отдельных URL;
  • постановку событий на кнопки или привязку к событиям в GA;
  • использование комьюнити, базы знаний и Академии.

Порядок создания проекта

  1. В списке проектов выбираем https://app.optimizely.com/projects/manage
  2. A/B-тестирование сайта - читайте в разделе Материалы на seo.artox-media.ru - Изображение №4
  3. Задаем заголовок проекта
  4. A/B-тестирование сайта - читайте в разделе Материалы на seo.artox-media.ru - Изображение №5
  5. Подключаем взаимодействие с GA
  6. Переходим на вкладку «Integrations» в проекте:
  7. A/B-тестирование сайта - читайте в разделе Материалы на seo.artox-media.ru - Изображение №6
  8. Далее открываем вкладку «Settings» и копируем код, который следует вставить на сайте после открывающего тега <head>
A/B-тестирование сайта - читайте в разделе Материалы на seo.artox-media.ru - Изображение №7

Далее приступаем к проведению эксперимента.

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

  1. Переходим в настройку аудитории
  2. A/B-тестирование сайта - читайте в разделе Материалы на seo.artox-media.ru - Изображение №8
  3. Создаем новую аудиторию
  4. A/B-тестирование сайта - читайте в разделе Материалы на seo.artox-media.ru - Изображение №9
  5. Фиксируем:
    • источник трафика;
    • тип устройства;
    • дополнительно отсеиваем страницы с параметрами (на тот случай, если контекстная реклама Яндекса принимается за поисковый трафик).
  6. Настраиваем фильтр: не только на бесплатный трафик, но и отсекаем рекламный трафик по соответствующим меткам:

utm_medium=cpc
tgb
banner
utm_source содержит _calltouch

Важно! «Устройство», «Источник трафика», «Параметры запросов» следует указывать через «and also…» – логическое «И». А в рамках «Query Parameters» указываем через «or» – логическое «ИЛИ».

Ниже приведен пример настройки для десктопов:

A/B-тестирование сайта - читайте в разделе Материалы на seo.artox-media.ru - Изображение №10 A/B-тестирование сайта - читайте в разделе Материалы на seo.artox-media.ru - Изображение №10 A/B-тестирование сайта - читайте в разделе Материалы на seo.artox-media.ru - Изображение №10

Создание тестового варианта

Одним из преимуществ сервиса optimizely.com является возможность создания страницы заново. Кроме прочего, каждый ее элемент можно редактировать отдельно, что существенно упрощает подготовку макета для теста.

Далее происходит настройка поставленных целей и запуска теста.

Чтобы результаты тестирования были максимально точны и корректны, следует обратить внимание на:

  1. Статистическую достоверность
  2. Она должна составлять не менее 95%. Для ее расчета можно воспользоваться калькуляторами на сервисах тестирования https://www.optimizely.com/resources/sample-size-calculator/.


  3. Сроки проведения тестирования
  4. Необходимо стремиться к получению 100 и более конверсий. В связи с чем преждевременная остановка теста не рекомендуется. Точность результатов напрямую связана с объемами выборки.


  5. Трудности сайтов с низким трафиком
  6. Не стоит начинать А/В-тестирование, пока сайт не обладает бурным потоком трафика и конверсиями. В таком случае эксперимент может затянуться на месяцы. Лучше провести анализ карты кликов, скроллинг и установить причину проблемы.

Также можно начать А/В-тест на схожих страницах. В данном случае на страницах моделей, для которых собственно и разрабатывался макет.

Результаты тестирования

  1. Изменения в отображениях левого меню привели к тому, что взаимодействие пользователей возросло на 11,3%.
  2. A/B-тестирование сайта - читайте в разделе Материалы на seo.artox-media.ru - Изображение №11
  3. Добавление кнопок действий, в частности «Запись на тест-драйв», повлияло на более частую запись пользователей на тест-драйв.
  4. A/B-тестирование сайта - читайте в разделе Материалы на seo.artox-media.ru - Изображение №12

Сравнение исходного и тестируемого варианта

Исходный вариант:

A/B-тестирование сайта - читайте в разделе Материалы на seo.artox-media.ru - Изображение №13

Тестируемый вариант:

A/B-тестирование сайта - читайте в разделе Материалы на seo.artox-media.ru - Изображение №14

При этом стоит указать, что ранее кнопка записи размещалась в шапке сайта. Однако количество кликов по ней увеличилось только после размещения ее в отдельном блоке.

A/B-тестирование сайта - читайте в разделе Материалы на seo.artox-media.ru - Изображение №15

Итоговая конверсия страницы значительно увеличилась. A/B-тестирование сайта - читайте в разделе Материалы на seo.artox-media.ru - Изображение №16

Выводы и рекомендации

А/В-тестирование следует проводить на каждом из этапов создания и продвижения продукта. Оно позволяет:

  • получить исчерпывающую информацию о ресурсе;
  • объективно оценить сайт и эффективность его взаимодействия с пользователями;
  • увидеть имеющиеся недоработки и своевременно внести необходимые изменения.

При этом получить корректные результаты можно только при условии грамотного планирования теста и верном выборе гипотез.

Хотите создать востребованный продукт? Команда специалистов ARTOX media будет рада вам в этом помочь!

ТОП статей и материалов по digital-маркетингу и не только

(0)

Комментарии

Написать сообщение …Загрузить файлы?

Делимся десятилетним опытом продвижения и web-исследованиями по отраслям в рассылке

Всего 2 раза в месяц

Наш и клиентский опыт в digital за 10 лет по отраслям

Подробности в первом письме

Больше статей
A/B-тестирование сайта - читайте в разделе Материалы на seo.artox-media.ru- Изображение №1

4 Декабря 2018

ARTOX media получило «Бронзу» на церемонии Tagline в номинации «Лучший ситуативный пост»

Ситуативные посты из кейса «Дымов» одни из лучших по версии Tagline.

Читать далее...
A/B-тестирование сайта - читайте в разделе Материалы на seo.artox-media.ru- Изображение №2

29 Ноября 2018

Игроки digital-рынка ответили на 5 важных вопросов о брендах в цифровой среде

В cпецпроекте AdIndex принял участие Анатолий Климчук, коммерческий директор ARTOX Media.

Читать далее...
A/B-тестирование сайта - читайте в разделе Материалы на seo.artox-media.ru- Изображение №3

29 Ноября 2018

Cпикеры нашей секции приняли участие в спецпроекте РБК «Маркетинг со смыслом»

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

Читать далее...
A/B-тестирование сайта - читайте в разделе Материалы на seo.artox-media.ru- Изображение №4

27 Ноября 2018

Digital Index 2018: ARTOX media заняло 4-е место в рейтинге SEO и 6-е место в SMM по уровню сотрудничества

ARTOX media среди лучших агентств России по SEO, SMM и контекстной рекламе по версии Adindex.

Читать далее...

ОСТАВЬТЕ ЗАЯВКУ И МЫ ОБЯЗАТЕЛЬНО СВЯЖЕМСЯ С ВАМИ

ОСТАВЬТЕ ЗАЯВКУ И МЫ ОБЯЗАТЕЛЬНО СВЯЖЕМСЯ С ВАМИ