Блог про интернет-маркетинг для бизнеса

SEO

Как провести A/B-тест сайта: инструменты и популярные гипотезы

120
2
13
39

Гипотеза — то, что отличает A/B-тестирование от проверки на «авось» (давайте сделаем так, если не полетит — сделаем этак). Я разложил весь процесс по полочкам и выделил 22 гипотезы, которые чаще всего влияют на получаемую прибыль. Конечно, постарался объяснить все на доступном языке.

Что отличает A/B-тестирование от песен группы «Ленинград»?

  1. Главный принцип A/B-тестирования (сплит-теста) — случайная демонстрация посетителям сайта различных вариантов целевой страницы. Допустим, страница А — оригинальная версия, страница B — тестовый вариант, отличный от страницы А по одному параметру. Пользователь, которому показывается страница B, никогда не увидит вариант A, разве что зайдет на сайт с другого устройства. Когда количество показов достигает заранее заданной отметки (например, 10 000), полученные показатели конверсии двух вариантов страниц сравнивают и выбирают более эффективный.
  2. В A/B-тестировании обязательно присутствует гипотеза — утверждение или догадка, которую мы проверяем опытным путем. Проводить тестирование без гипотезы, просто ради любопытства — потеря времени, так как даже при получении положительного результата никаких выводов о целевой аудитории сделать не получится.
  3. В один отрезок времени необходимо тестировать только одну гипотезу. В противном случае сложно будет определить, какое именно изменение на странице повлияло на результаты.

Готовимся к A/B-тестированию

1. Перед началом теста необходимо определить основной параметр отслеживания. Как правило, отслеживаются:

  • доход;
  • транзакции;
  • цели;
  • длительность сеанса;
  • отказы;
  • просмотры страниц.

2. Рассчитываем текущий тренд (сезонность). Не стоит запускать A/B тестирование во время высокого и низкого сезона, это может значительно исказить результаты теста.

3. Последний подготовительный этап — определение размера выборки. Это позволит точно рассчитать количество пользователей, которым необходимо посетить сайт для того, чтобы определить разницу в основном измеряемом показателе. Можно воспользоваться специальным калькулятором — Driverback.

Например, текущая конверсия сайта составляет 4%. Следовательно, минимальное количество пользователей, при котором можно будет определить 25-процентную разницу в конверсии — 6238.

Можно воспользоваться специальным калькулятором — Driverback

Как проводить A/B-тестирование в Google Analytics?

1. Заходим в Google Analytics, проходим по цепочке «Поведение» — «Эксперименты» — «Создать эксперимент».

Проходим по цепочке «Поведение» — «Эксперименты» — «Создать эксперимент»

2. Указываем название эксперимента, цель, процент участвующего в эксперименте трафика.

Указываем название эксперимента, цель, процент участвующего в эксперименте трафика

3. Отключаем равномерное распределение трафика между всеми вариантами (о том, почему так эффективнее, читайте в справке Google), указываем в поле «минимальное время» две недели и порог достоверности — 95%. Для большинства тестов хватит этих значений.

14 дней — минимальный срок A/B-тестирования. Но продолжать тест следует до тех пор, пока не наберется необходимый размер выборки. Даже если вам кажется, что результат очевиден.

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

4. Указываем исходную и тестовую страницу.

Указываем исходную и тестовую страницу

Откуда брать гипотезы?

Первый вариант — из головы, второй вариант — из проблемной ситуации. Допустим, мало переходов по кнопке заказа, или пользователи не листают страницу до конца. Гипотеза в первом случае может звучать так: «если разместить кнопку в другом месте, конверсия увеличится».

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

Варианты:

  1. Анализ ключевых показателей сайта в системах аналитики. Находим страницы с малой длительностью сеансов, большим процентом отказов, малым коэффициентом транзакций.
  2. Анализ карты кликов, карты скроллинга, вебвизора.
  3. Опросы пользователей и задаваемые ими вопросы в онлайн-консультантах и письмах в службу поддержки.
  4. Анализ «фишек» конкурентов.

На что смотреть во время анализа? Тестировать, как говорится, можно все, но зачем? Нет смысла тратить время на изменение текста, который никто не читает, или на внешний вид футера, до которого доскролят только 10% пользователей. Поэтому чаще всего тестируют:

  1. CTA-кнопки (текст, внешний вид, место на странице).
  2. Заголовки и описания товаров.
  3. Формы (внешний вид, количество полей).
  4. Изображения, видео.
  5. Макет и дизайн страницы.
  6. Цену товара.

Какие гипотезы стоит тестировать?

Гипотезы, основанные на анализе тепловой карты кликов

Карта кликов — инструмент для измерения и отображения статистики по кликам на вашем сайте. Вы найдете этот инструмент, пройдя по пути: «Яндекс.Метрика» — «Карты» — «Карта кликов» (о том, как зарегистрировать сайт в Яндекс.Метрике, читайте здесь). Карта отображает клики по всем элементам страницы (в том числе по тем, которые не являются ссылками). Клики на карте подсвечиваются разными цветами, в зависимости от их частоты. Частым кликам соответствуют теплые цвета, редким — холодные.

Клики на карте подсвечиваются разными цветами, в зависимости от их частоты

Основные гипотезы:

  1. Если пользователи кликают на какой-то элемент сайта и не получают ожидаемого результата — его необходимо изменить в соответствии с их ожиданиями. Например, можно найти изображения, кликая по которым пользователь хочет перейти на другую страницу или увеличить их. Можно сделать данные изображения ссылками и уменьшить показатель отказов.
  2. Если пользователи кликают по каким-либо элементам сайта — их нужно улучшить.
  3. Элементы, на которые приходится большее число кликов, пользуются популярностью у пользователей и, следовательно, их можно перенести выше и левее.

Гипотезы, основанные на карте скроллинга

Карта скроллинга поможет проанализировать то, как распределяется внимание пользователей на разных областях страницы. Находится карта по адресу: «Яндекс Метрика» — «Карты» — «Карта скроллинга». Также она показывает среднее время и количество просмотров определенного участка страницы.

Карта скроллинга поможет проанализировать то, как распределяется внимание пользователей на разных областях страницы

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

  1. Переместить важные элементы (кнопки или формы) в начало страницы.
  2. Уменьшить длину страницы.

Гипотезы о кнопках

Проблема — недостаточно кликов по кнопке на странице. Что делать?

1. Изменить текст на кнопке.

Изменить текст на кнопке

2. Изменить место размещения.

Изменить место размещения

3. Увеличить размер кнопки.

Увеличить размер кнопки

4. Изменить цвет кнопки.

Изменить цвет кнопки

5. Изменить цвет текста.

Изменить цвет текста

6. Добавить иконку рядом с текстом кнопки.

Добавить иконку рядом с текстом кнопки

7. Добавить hover-эффект при наведении на кнопку.

Добавить hover-эффект при наведении на кнопку

8. Добавить указатель на кнопку.

Добавить указатель на кнопку

9. Увеличить свободное пространство вокруг кнопки.

Увеличить свободное пространство вокруг кнопки

Все эти действия направлены на то, чтобы выделить кнопку на фоне остального содержимого страницы. При этом необходимо следить, чтобы она не выбивалась из общей цветовой гаммы сайта. Для проверки качества выделения можно использовать букмарклет «Чёрно-белый» (третий снизу в списке).

С его помощью легко определить, какие элементы заметны сразу же, а какие — нет. Просто добавьте предыдущую ссылку в панель закладок и нажмите ее, открыв нужную страницу.

Для проверки качества выделения можно использовать букмарклет «Черно-белый»

Для проверки качества выделения можно использовать букмарклет «Черно-белый»

Гипотезы о заголовках

Если заголовок не привлекает внимание, нужно:

  1. Переделать заголовок — оптимизировать структуру текста. Отличные шаблоны заголовков на русском языке перечислил Devaka, а формулу идеального заголовка на английском ищите здесь.
  2. Изменить длину заголовка. Сегодня, несмотря на расширение колонки результатов поиска Google, специалисты Moz рекомендуют ограничиваться 60 символами.

Гипотезы о изображениях

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

Гипотезы о формах

  1. Чем меньше полей в форме, тем больший процент пользователей будет их заполнять. Возможны исключения в специфических тематиках.
  2. Если форма содержит большое количество полей и ни одно из них нельзя удалить — стоит разбить заполнение данной формы на насколько этапов.
  3. Удаление поля с промокодом (или уменьшение его размеров) поможет увеличить доход.
Кстати, в агентстве Netpeak есть собственный чек-лист по оптимизации форм — читайте и используйте.

Как проверить результаты?

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

Определение статистической значимости

Если результаты теста оказались удачными:

  1. Применяем данные изменения на сайте.
  2. Если есть возможность внедрить аналогичные изменения на других страницах сайта, создаем новый эксперимент и тестируем эти гипотезы.
  3. Переходим к следующему A/B тесту.

Если результаты теста оказались неудачными:

  1. Анализируем данные, использованные при составлении гипотезы с учетом полученного опыта и пытаемся улучшить гипотезу.
  2. Формируем новую гипотезу.
  3. Создаем новый эксперимент.

Выводы

  1. Главное отличие A/B-тестирования сайта от проверки на авось — наличие гипотезы.
  2. Перед стартом нужно определить основной параметр отслеживания, рассчитать текущую сезонность и размер выборки.
  3. Чтобы грамотно сформулировать гипотезу, стоит провести анализ ключевых показателей сайта, карты кликов и скроллинга, вебвизора, «фишек» конкурентов или сделать опрос пользователей.
  4. В первую очередь стоит тестировать гипотезы, основанные на анализе тепловой карты кликов, на карте скроллинга, гипотезы о кнопках, заголовках, изображениях и формах.
  5. После теста нужно определить статистическую значимость результата и внедрять лучший вариант страницы. Или переходить к новому A/B-тесту :)

Хотите узнать больше об A/B-тестах лендингов и email-кампаний — записывайтесь на 10-дневный бесплатный курс от Академии GetResponse.

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

  1. 0
    год назад

    а можно подробнее: вот есть кнопка1 и кнопка2 (отличаются размером). Как сделать так, чтобы пользователям отображалась одна и другая? Ну, в том плане, как такие вещи вообще тестятся? Или это нужно только к программистам?

    • 0
      Сергей Кошик
      год назад

      Добрый день!

      Если вкратце:
      1. На сайте создается отдельная версия страницы с нужными изменениями и другим URL.
      2. Для новой созданной страницы в качестве канонического адреса (link rel="canonical") указываем адрес оригинальной страницы.
      3. Создаем эксперимент в GA (см. пункт как проводить эксперимент в статье).
      4. Тестируем, получаем результат и делаем выводы.

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

  2. 0
    год назад

    Спасибо за такую полезную статью. Как распределяли трафик при тестировании? Интересно было бы узнать про TDS "для чайников"=)
    Есть живой пример проведенного вами теста? Если да, то какие результаты? Если не тайна за 7 замками.

    • 0
      Victor Dubois
      год назад

      Спасибо. При тестировании используется стандартное распределение трафика по схеме "многорукого бандита.

      В данном тексте собраны основные гипотез и рекомендаций для тестирования. Касательно результатов АБ-тестов - предполагается написание отдельной статьи.

Чтобы оставить комментарий, необходимо авторизироваться

Подписаться

на самую полезную рассылку по интернет-маркетингу

Самое

обсуждаемое популярное читаемое