×
Россия +7 (495) 139-20-33

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

Россия +7 (495) 139-20-33
Шрифт:
3 7311

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

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

Несмотря на то, что владелец ресурса не всегда готов на доработку/изменение структуры страниц сайта или дизайна, результаты тестирования (а конкретно здесь – 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. Задаем название для проекта

5.png

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

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

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

7.png

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

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

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

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

9.png

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

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

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

utm_medium=cpc

tgb

banner

utm_source содержит _calltouch

Важно!

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

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

10.png

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

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

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

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

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

(Голосов: 1, Рейтинг: 5)
Читайте нас в Telegram - digital_bar

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


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

      Отличная статья, спасибо.
      -
      9
      +
      Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Как выбрать CMS для интернет-магазина
Колян Гусляков
2
комментария
0
читателей
Полный профиль
Колян Гусляков - Если же у вас не получилось решить данную проблему, предлагаю воспользоваться авторской сборкой от neoseo. neoseo.ru/internet-magazin-seo-magazin-model. Они предоставляют дополнительные модули для работы и взаимодействия с вашим сайтом, современный дизайн, качественную оптимизацию и продвижение. Советую попробовать, не пожалеете.
«Юзабилити-лаборатория»: оставляйте заявку на участие!
Анна Макарова
0
комментариев
0
читателей
Полный профиль
Анна Макарова - Антон, добрый день! Ваш сайт не попал в основную выборку для юзабилити-анализа, но эксперты постараются сделать по вашему сайту видеоразбор (ю-ревью). Будем держать вас в курсе )
Тест по SEO – проверь свой уровень знаний
Артем Дорофеев
8
комментариев
0
читателей
Полный профиль
Артем Дорофеев - Полный текст вопроса со скриншотом панели прикладываю. Итого, что имеем: - на скриншоте отмечено, что это фильтр МПК - сайт коммерческий - рекламы на сайте нет С вероятностью 95% это ошибка (которая уже дважды случалась в Яндексе), когда они случайно "закосили" неповинные сайты. Тогда по запросу Платону фильтр быстренько снимали. Но вопрос даже не на знание этого нюанса. В любой непонятной ситуации, прежде чем что-либо предпринимать (особенно переписывать весь контент на сайте или менять дизайн, как указано в других вариантах) - фильтр следует подтвердить. Правильный ответ: "Написать письмо в техподдержку Яндекса".
Выбираем CMS для сайта с точки зрения SEO: базовые требования
SEO.RU
6
комментариев
0
читателей
Полный профиль
SEO.RU - Спасибо за замечание, действительно была допущена неточность - возможно информация была не так давно обновилась. Данные в статье поправим на актуальные.
Digital-marketing: как выжить в кризис. Опыт реальной компании
Maks
1
комментарий
0
читателей
Полный профиль
Maks - Спасибо за опыт Вашей компании, Иван Папусь. Интересно получилось! Желаю Вашему бизнесу стабильности и успешно пережить все кризисы))
100+ ресурсов по SEO для изучения поисковой оптимизации с нуля
Марина Ибушева
0
комментариев
0
читателей
Полный профиль
Марина Ибушева - Спасибо за добавление. Мы уже работаем над отдельным материалом про курсы, потому что одной статьи мало, чтобы охватить все крутое по обучению)
7 способов увеличить авторитетность сайта «в глазах» поисковых систем
Grigo5
4
комментария
0
читателей
Полный профиль
Grigo5 - Понятно.
Монетизируйте свой сайт вместе с VIZTROM
VIZTROM
3
комментария
0
читателей
Полный профиль
VIZTROM - Добрый день! Так как мы сейчас работаем в приватном режиме, Вы врятли можете объективно оценить нашу рекламную площадку. У нас будет официальный запуск 3 марта для вебмастеров. Приглашаем Вас присоединиться к нам и лично посмотреть наш функционал.
SEO must go on! Почему в кризис нельзя останавливать продвижение сайта
everystraus
36
комментариев
0
читателей
Полный профиль
everystraus - Мы даже варианты не рассматривали. Если проект неустойчив, сразу предлагали сбавить обороты до минимума, но и так, чтоб не свалиться в штопор. Именно по СЕО чаще всего.
Кейс Hansa: как увеличить органический трафик в 1,5 раза
Алексей Порфирьев
3
комментария
0
читателей
Полный профиль
Алексей Порфирьев - Спасибо за замечание, о данной проблеме известно, но она не стоит в порядке приоритетных. Вопрос, на самом деле, дискуссионный. В тематике конкуренция не настолько велика, а в топе выдачи часто встречаются сайты с более серьёзными техническими проблемами. По этому, именно в статьях, более важно работать над релевантностью контента, отношением времени пользователя на странице к уровню доскрола, и различным пользовательским функционалом (рейтинг материала, просмотры и т. п.).
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
380
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
141
Комментариев
121
Комментариев
112
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
89
Комментариев
80
Комментариев
77
Комментариев
67
Комментариев
60
Комментариев
60
Комментариев
59
Комментариев
57

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