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

Россия+7 (495) 960-65-87
Шрифт:
2 4523

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

Чтобы приблизить эти цели друг к другу принято проводить тестирование. Тестирование позволяет определить, какой вариант подачи информации подходит пользователям, предоставляя объективные данные о прототипе. Зачастую оказывается, что предлагаемый для тестирования вариант является наиболее эффективным (один из примеров мы рассмотрим в статье).

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

A/B-эксперимент проводит тест двух версий страницы: «A» (оригинальная/исходная) и «B» (тестовая/новая). Механизм A/B-тестирования: 50 % всех посетителей видят вариант «А», 50 % – вариант «B». Рассматриваемый в статье пример А/В-тестирования проводился на сайте автомобильного дилера на страницах моделей авто.

Первый этап тестирования

Работа над сайтом начинается с анализа.

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

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

Если же на главная страница идет не основной поток трафика, то вашим «крючком» для пользователя должна стать страница товара/модели. Проработка карточки товара напрямую влияет на эффективность вашего сайта.

Для пользователя знакомство с вашим товаром начинается с первого экрана страницы. От оформления первого экрана зачастую зависит поведение посетителя и то, сколько времени он проведет на вашем сайте. Все ценят своё время и если в течение нескольких секунд не находят на странице ответ, просто покидают сайт.

Основные элементы первого экрана:

1. Заголовок – дает представление о том, что расположено на странице.

2. Изображение – для визуального восприятия товара.

3. Призыв к действию.

Цель первого экрана – целевое действие пользователя.

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

Рассмотрим всё вышесказанное на примере А/В-тестирования.

Основной поток трафика приходится на модельные страницы:

1.png

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

2.png

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

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

Макет предложенного варианта:

3.png

Проверяемые гипотезы:

1. Увеличится ли взаимодействие пользователей с левым меню за счет того, что оно стало доступным с первого экрана.

2. Увеличатся ли целевые действия пользователей после размещения кнопок действий.

Тестирование

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

Бесплатный тарифный план позволяет:

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

Создаем проект

1. На странице списка проектов нажимаем https://app.optimizely.com/projects/manage


2. Задаем название для проекта

Подключаем интеграцию с GA

3. Заходим в проект на вкладку «Integrations»:


4. Далее переходим на вкладку «Settings» и копируем код, который необходимо вставить на сайте сразу после открывающего тега

После этого начинаем эксперимент.

Также возможна настройка фильтрации пользователей

1. Переходим в настройки аудитории


2. Создаем новую аудиторию

9.png

3. Фиксируем:

  • тип устройства;
  • источник трафика;
  • дополнительно фильтруем страницы с параметрами (на случай, если контекстная реклама Яндекса будет считаться поисковым трафиком).

4. Настраиваем фильтр, но не только на бесплатный трафик, а дополнительно отсекаем рекламный трафик по меткам:

utm_medium=cpc

tgb

banner

utm_source содержит _calltouch

Важно!

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

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

11.png

12.png

13.png

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

Настраиваем цели, которые мы поставили перед собой для тестирования и запускаем тест.

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

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

2. Сроки проведения тестирования. Следует стремиться к получению 100 конверсий и больше. Поэтому не рекомендуется останавливать тест раньше срока. Чем больше выборка, тем достовернее результаты.

3. Проблема сайтов с низким трафиком. В таких случаях эксперимент растягивается на месяцы. Рекомендуется не тратить время на А/В-тестирование пока на сайте нет достаточного количества трафика и конверсий. Вместо этого следует делать анализ карты кликов, скроллинга и искать очевидные проблемы.

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

Какие результаты были получены?

1. Гипотеза об увеличении взаимодействия пользователей с левым меню за счет того, что оно стало полностью доступно с первого экрана.

14.png

По результатам тестирования видно, что взаимодействие пользователей увеличилось на 11,3%.

2. Гипотеза об увеличении целевых действий пользователей после размещения кнопок действий.

В тесте отслеживались записи на тест-драйв. Так как кнопки «Запись на тест-драйв» в исходном варианте не было, то очевидно, что при её добавлении пользователи начнут кликать больше.

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

15.png

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

16.png

Результаты для кнопки «Запись на тест-драйв»:

17.png

Чтобы корректно отследить эффективность добавленной кнопки записи на тест-драйв, контролировались сразу несколько кнопок. Кнопка записи есть в шапке сайта:

18.png

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

Конечная конверсия со страницы значительно увеличилась:

19.png

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

Тестирование рекомендуется проводить на всех этапах создания и продвижения продукта.

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

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

Читайте нас в Telegram - digital_bar

Есть о чем рассказать? Тогда присылайте свои материалы Даше Калинской


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
  • Олли
    больше года назад
    Какой еще результат тестирования и что автор мог там "увидеть", если пример это фейк шаблон, а не реальный сайт.  Причем заврался, что на голубом глазу чешет про какие-то результаты псдшной картинки, лол.
    -
    -13
    +
    Ответить
    • Гость-кость
      Олли
      больше года назад
      Видимо в данной ситуации некомпетентно показывать реальный сайт.

      Отличная статья, спасибо.
      -
      9
      +
      Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Кейс: как продвинуть сайт производителя мебели на заказ в Москве
Art Moderator
2
комментария
0
читателей
Полный профиль
Art Moderator -
32 инструмента в помощь SEO-специалисту
clark
3
комментария
0
читателей
Полный профиль
clark - Я - г-н Марк Джо из корпорации corp, мы являемся законной, зарегистрированной и гарантированной кредитной компанией, мы предоставляем 3% -ые кредиты частным лицам, компаниям, государственным учреждениям и деловым организациям и людям всех родов. Свободные кредиты - это решение всех ваших финансовых проблем. свяжитесь с нами по электронной почте: mjoe0123@gmail.com
Исследование: влияние smart-ссылок на продвижение по СЧ-запросам
Анатолий Шевчик
1
комментарий
0
читателей
Полный профиль
Анатолий Шевчик - +1097988
Контекст под SEO. Как поисковая реклама помогает позициям в органической выдаче
Сергей Дембицкий «Sima-Land.ru»
22
комментария
0
читателей
Полный профиль
Сергей Дембицкий «Sima-Land.ru» - Боже мой, неужели SEO-маги вернулись??? Открыть в роботс utm-метки для индексации и наплодить дублей...что? А расчеты в конце статьи про бюджет на SEO и контекст...откуда эти пропорции? Как по мне, SEO-магия вне Хогвартс. Спасибо, развеселили!
Все, что нужно SEO-специалисту. Обзор инструментов
Администратор Сайта
1
комментарий
1
читатель
Полный профиль
Администратор Сайта - Шаришь в seo! Сервис реально хороший
Два идеальных способа разориться на старте интернет-магазина
Стас
4
комментария
0
читателей
Полный профиль
Стас - Seonews в последнее время такую чушь несет! Где вы таких афторов находите? Статья ничего не стоит и несет чушь! Кто хоть немного понимает в этом так вам и скажет, и такие де комментаторы горе-сеошники, просто смешно читать, вы хоть модерируете ваши статьи или просто для воды на сайте?! Бред сивой кобылы эта статья до самой последней точки!!!
Яндекс перестал индексировать сайты, созданные на Wix
Константин Даткунас
3
комментария
0
читателей
Полный профиль
Константин Даткунас - Было бы интересно посмотреть саму выборку из 10 000 и методику анализа.
4 способа быстро собрать теги для сайта
Рустем Низамутинов
5
комментариев
0
читателей
Полный профиль
Рустем Низамутинов - Расписал и закинул в Google Docs, а то здесь в комментариях ссылки на активны. docs.google.com/document/d/1r0TZLNrQyYLdIzDQsD5YKlMG41HUGQgEep3bxE_ij-M/edit?usp=sharing
Яндекс: как мы модерируем объявления
Гость
5
комментариев
0
читателей
Полный профиль
Гость - Это ж Яндекс, чего вы ожидали-то? Коммерческая структура с раздутым штатом, задачей которой является заработать больше денег. Любыми методами. Задача всех пользователей посадить на Директ, даже если придется разрушить суть рунета, реализуется по полной программе. Все возражающие караются и выпиливаются. И каждый из сотрудников делает все возможное и невозможное, чтобы реализовать любую дурацкую идею - за это еще и премию выхватить можно. Даже если потом придется выполнять "откат", премиальные уже заплачены. Так было с одним из фильтров Яндекса, так было с купленным им сайтом Кинопоиска, который из русскоязычной энциклопедии кино был превращен за безумные деньги в банальный платный онлайн-кинотеатр.
Как мы разработали и вывели в ТОП сайт курсов рисования
Иван Стороженко
21
комментарий
0
читателей
Полный профиль
Иван Стороженко - Добрый день. 1)Чаще всего основная проблема заключается, в согласовании с клиентом добавляемого контента и то как он будет отображаться. На данном сайте фото и услуги конечно предоставлял клиент, все остальное уже делали мы. 2)Да в принципе, когда есть команда и понимание, что нужно делать, все идет быстро (опять же основная заминка идет на согласовании с клиентом) 3)Смысла делать новый в данном случает нет. В принципе доделывался полноценный сайт. 4)Когда клиент уже не предоставляет информацию, приходится искать у конкурентов (например с других стран или регионов). Но чаще всего клиент, хоть что-то "подкидывает".
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
325
Комментариев
262
Комментариев
234
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
121
Комментариев
97
Комментариев
97
Комментариев
95
Комментариев
86
Комментариев
80
Комментариев
67
Комментариев
60
Комментариев
59
Комментариев
57
Комментариев
55
Комментариев
54
Комментариев
53

Отправьте отзыв!
Отправьте отзыв!