Примечание редактора: это третья статья из четырех статей.
Небольшие изменения в дизайне иногда могут оказать наибольшее влияние на коэффициент конверсии.
И иногда самые популярные моды на самом деле будут иметь неприятные последствия на вашем сайте (я смотрю на это, бесконечная прокрутка).
Единственный способ узнать наверняка – это проверить эти изменения, чтобы увидеть, что резонирует с посетителями вашего сайта и целевой аудиторией. В двух предыдущих статьях этой серии мы описали, как ставить цели, знали, что делать с тестом A / B, и представляли идеи.
Сейчас мы движемся вперед, чтобы создать настоящий тест!
Советы и предложения, которые я предлагаю в этой статье, очень специфичны для нашего внутреннего инструмента A / B-тестирования, но вы можете применять лучшие практики независимо от того, какую службу вы выберете.
Ограничьте количество факторов, которые вы тестируете
Обычно вы выполняете A / B-тестирование потому, что хотите выяснить, какие изменения влияют на конверсии.
Итак, предположим, что вы вносите изменения в заголовок, а также меняете цвет CTA и меняете порядок навигации. Если вы делаете все эти вещи в одном варианте (от «B» до «A», что является вашим оригинальным дизайном). тогда вы не будете знать, какие изменения повлияли на ваш коэффициент конверсии.
Каждое из этих трех изменений должно быть вашим собственным тестом, чтобы вы могли лучше отслеживать, что вызвало увеличение или уменьшение ваших конверсий, и каждый тест должен начинаться последовательно, а не одновременно.
примечание: Вы можете запустить отдельные тесты на разных страницах вашего сайта. Просто постарайтесь не менять слишком много на любом тесте.
В идеале вы должны предлагать идеи, основанные на анализе вашего сайта, а затем сортировать эти идеи на основе:
- Влияние
- Сложность перемен
- досягаемость
Например, основываясь на нашей предыдущей статье, где моей целью было изменить дизайн моей домашней страницы, мой первый бизнес-запрос должен был изменить цвет CTA. Моя цель состоит в том, чтобы отвлечь внимание от всех конкурирующих ссылок в панели навигации, в частности, ссылки «Блог», которую мы рассматривали как точку внимания на тепловой карте.
Запустив этот тест и обнаружив, что выигрышный вариант красного цвета, я могу перейти к следующей идее: изменить заголовок. В отчете «Список» мы увидели, что люди нажимали на этот несвязанный элемент, поэтому я хочу посмотреть, улучшатся ли конверсии, если Imake будет интерактивным.
Запустив эти два A / B-теста по отдельности, я могу быть абсолютно уверен в том, что игла двигалась в моих показателях конверсии.
Настройка A / B теста
Следующий шаг в создании теста – выбрать страницу, с которой вы хотите поэкспериментировать, и указать тип устройства, на котором вы хотите, чтобы он отображался.
Поскольку впечатления посетителей могут сильно различаться в зависимости от устройства, используемого для доступа к вашему сайту, важно соответствующим образом настроить эксперименты.
Основываясь на результатах анализа моего сайта, я сосредоточусь на домашней странице и остановлюсь на настольном представлении, поскольку именно для этого я и сделал свой анализ.
Crazy Egg Editor
Если ваш A / B-тест предполагает небольшие корректировки, такие как цвет CTA, копирование заголовка или удаление элементов, редактор Crazy Egg – ваш новый лучший друг. Позволяет вносить изменения в ваш сайт одним нажатием кнопки.
Мы представляем различные инструменты редактора в вашем распоряжении.
Панель управления
Сначала панель управления внизу. Это позволяет вам:
- Создайте новый вариант или несколько вариантов одновременно: Например, вы можете создать вариант, в котором вы измените цвет с CTA на красный. Или вы можете создать дополнительные варианты, где вы измените его на зеленый, измените его на желтый и т. Д.
- Изменить тип устройства: Это полезно, если я хочу проверить, на каком типе устройства я устанавливаю свой тест A / B, или переключиться на другое устройство.
- Отменить или повторить: Удобно, если я не прав!
- Изменить предварительный просмотр: Нажав на эту кнопку, вы откроете предварительный просмотр на новой вкладке, чтобы вы могли увидеть, что ваши посетители получат, когда вы внесете изменения.
- Интерактивный режим: Вы заметили раздражающее всплывающее окно или баннер, который вам не нужен на экране? Переключившись в интерактивный режим, вы можете получить доступ к динамическим элементам на своей странице. Вы можете открывать выпадающие меню, закрывать всплывающие окна или перелистывать вкладки в слайд-шоу. Когда вы закончите, нажмите на значок интерактивного режима, чтобы отредактировать.
- Варианты перемещения элементов: Настройте, как вы хотите иметь возможность перемещать и изменять элементы на своей странице при настройке A / B-теста.
Варианты редактирования
Когда дело доходит до внесения изменений на вашем сайте, у вас есть несколько вариантов. Вы можете легко изменить цвет фона, скрыть элемент или изменить свой HTML-код.
Измените шрифт, стиль и цвет текста. Вы также можете добавить ссылку на текст.
Попробуйте переместить элемент из одного места на странице в другое.
Наконец, если у вас уже есть изображение на вашем сайте, вы можете заменить его. К сожалению, мы все еще не можем добавить новое изображение на ваш сайт, если оно уже не в вашем исходном коде.
примечание: Если это функция, которая вас интересует, пожалуйста, напишите нам по адресу (электронная почта защищена) и сообщите нам.
примечаниеОбновления страницы, которые вы делаете в редакторе, – это просто изменения, которые мы представляем вашим посетителям, когда мы запускаем ваш A / B. тест, чтобы любые изменения были постоянными, вам нужно будет изменить свой собственный исходный код.
Теперь, когда вы знаете, как использовать редактор, пришло время погрузиться в лучшие практики A / B-тестирования.
Количество вариантов
Помните, как мы рекомендуем вам менять только одну вещь на странице за раз? Когда речь идет о количестве вариантов, эти ограничения не применяются. На самом деле, вы можете создать столько вариантов одного изменения, сколько захотите (у некоторых наших опытных клиентов до 22 различных вариантов в одном тесте!).
Например, вы можете изменить цвет кнопки CTA пятью различными способами: красным, желтым, зеленым, розовым и голубым. Каждое из этих изменений может быть тем, что убеждает мою аудиторию нажимать на CTA и конвертировать.
Это одно из преимуществ нашего подхода «Многорукий бандит». Вы можете создать тесты для каждой страницы на вашем сайте с несколькими вариантами, и мы запустим их все.
Если вы новичок в A / B тестировании, мы рекомендуем вам сохранить три варианта, чтобы начать. Если вы более опытны, мы рекомендуем 5-10 вариантов в зависимости от теста.
Обычно мы не рекомендуем больше 10, но вы лучше знаете свои цели!
Назначать цели
Теперь, когда вы внесли изменения, которые, по вашему мнению, окажут положительное влияние, пришло время определить, что считать конверсией во время A / B-теста.
Мы предлагаем три основные цели:
- Продать больше товаров
- Получить больше регистраций
- Получить больше просмотров страниц
И тогда мы предлагаем опытным пользователям индивидуальный вариант.
Как только вы выберете цель, вы выберете, как наша система понимает, что цель была достигнута. Мы предлагаем 3 варианта и индивидуальный:
Как только вы выберете опцию (в случае A / B-теста моей домашней страницы, где я меняю CTA, я выбрал «когда кто-то нажимает на элемент»), он переместит вас на следующую страницу, где вы сможете укажите, какой элемент, страницу или форму для подражания.
Мы делаем это проще, открыв образец страницы, чтобы вы могли указать и щелкнуть.
Последняя остановка – наша страница обзора, где вы можете проверить, что все настройки выглядят хорошо перед запуском.
Снимки для вашего А / Б теста
Одним из наиболее важных шагов, которые вы можете предпринять на странице обзора, является включение снимков его вариантов. В то время как мы предоставляем данные о конверсии по эффективности различных его вариантов, просмотр снимков каждого варианта поможет вам заполнить пробелы в поведении посетителей, которое приводит к конверсионным действиям (или нет).
Pro совет: Используете ли вы внешний инструмент A / B-тестирования, но все же хотите использовать отчеты о снимках? Это не проблема! Все, что вам нужно сделать, это следовать инструкциям в этой статье справки: A / B Внешние тестовые снимки.
Закончив настройку, просто нажмите «Начать тестирование моих идей» и все готово!
Как долго я должен проводить A / B тест?
Мы рекомендуем проводить каждый тест в течение месяца. Однако это гибкий подход в зависимости от объема трафика, который получает ваш сайт. Наиболее важный фактор, который следует учитывать, – это когда один из его вариантов получает 95% трафика или более. Как правило, это показатель того, что наш многорукий бандитский алгоритм достиг статистической достоверности.
Поскольку мы обрабатываем распределение трафика с нашей стороны, вам не нужно указывать конечную дату для вашего теста A / B. Просто проверяйте время от времени, чтобы увидеть, как работает каждый вариант!
Как часто мне следует начинать A / B-тестирование?
Опять же, это очень личное для вашего сайта и вашего трафика. На самом деле вы можете запустить тест с несколькими вариантами на каждой странице вашего сайта. Как только вы достигнете статистической достоверности, переходите к следующему этапу тестирования.
Вы также можете запустить тесты для запуска на домашней странице, затем перейти на страницу продукта на следующей неделе, а затем на страницу контактов на следующей неделе.
Важно, чтобы у вас всегда был хотя бы один тест, чтобы вы могли продолжать улучшать свой сайт.
Готовы окунуться?
Поздравляем! Теперь вы знаете, как настроить и запустить A / B тест!
Ниже мы поможем вам понять результаты вашего А / Б теста и действовать в соответствии с ними.
Если у вас есть какие-либо вопросы по поводу того, что вы прочитали, не стесняйтесь, напишите нам по адресу (электронная почта защищена). Хотя все, что здесь описано, относится к нашему внутреннему инструменту, большинство других служб A / B-тестирования должны позволить вам настроить ваши тесты и оценки ваших результатов на основе ваших целей.
