Дизайн — статьи о сайтах
Владелец типографии часто слышит: «давайте переделаем страницу визиток, и заказов станет больше». Спорить о вкусах можно долго. Надёжнее показать две версии разным посетителям одновременно и сравнить, сколько людей дошло до заявки.
Что именно менять в тестовой версии страницы
Меняйте одну вещь. Возьмём условный пример: страница «Печать визиток». В варианте А есть описание, таблица цен по тиражам (100, 500, 1000) и внизу кнопка «Заказать» с формой из пяти полей. В варианте Б вверху стоит простой калькулятор: тираж, бумага, ламинация. Он показывает ориентировочную сумму, а рядом кнопка «Отправить макет на проверку». Отличается только способ дойти до обращения.
Если одновременно поменять фотографии, заголовок, цены и форму, вы узнаете, что версия выиграла, но не поймёте почему. Тогда результат нельзя перенести на страницы листовок или каталогов.
Какое действие считать успехом
В типографии заказ редко оформляется за один визит: клиент сверяет тираж, сроки и требования к макету. Поэтому заранее выберите одно главное действие и несколько вспомогательных:
- главное: отправленная форма заявки или расчёта;
- вспомогательные: загрузка макета, клик по телефону на мобильном, запрос счёта;
- слабый сигнал: клик по кнопке без отправки формы. На него одного не опирайтесь.
Настройте эти цели в Яндекс.Метрике или Google Analytics до запуска. Для звонков заведите отдельный номер на каждый вариант, иначе звонки придётся угадывать. Менеджерам скажите спрашивать, откуда клиент узнал о заказе, и записывать ответ.
Как разделить посетителей, чтобы сравнение было честным
Лучше всего показывать обе версии в одни и те же дни. Сравнение «неделя со старой страницей, неделя с новой» ничего не доказывает: за это время могли смениться реклама, сезон и загрузка производства. В Google Analytics есть инструмент Content Experiments. Он направляет часть посетителей на альтернативную страницу и считает достижение цели. Можно сделать и на стороне сайта: случайно назначать вариант и запоминать его в cookie, чтобы человек при повторном визите видел ту же версию.
Исключите из подсчёта своих сотрудников и постоянных клиентов, которые пришли по закладке и заказывают привычным путём. Для второго адреса укажите rel="canonical" на основную страницу, чтобы копии не воспринимались как дубли. Следите, чтобы тестовая версия не открывалась заметно медленнее: иначе вы сравниваете скорость, а не идею.
Сколько ждать и когда результату не стоит верить
Универсального числа дней нет, но есть правила здравого смысла. Офисы чаще заказывают в будни, частные клиенты в выходные, поэтому тест должен охватить целые недели. Перед Новым годом растёт спрос на календари и открытки, в начале учебного года на дипломы и методички. Сравнивать период пик и затишья нельзя.
Если на каждый вариант пришло всего несколько заявок, разница может быть случайной. В этом случае продлите тест или проверьте более заметное изменение. Условие остановки запишите заранее: например, «минимум три полные недели и не меньше такого-то числа заявок на вариант». Тогда не придётся останавливать тест на первом всплеске в пользу понравившейся версии.
Проверочный список перед запуском
- Отличается ровно один блок или сценарий страницы.
- Главная цель описана и настроена в счётчике; форму протестировали на обоих вариантах.
- Для звонков заведены разные номера или менеджеры фиксируют источник.
- Обе версии идут одновременно, трафик делится случайно.
- Страница с макетом работает на телефоне; загрузка файла не ломается на больших размерах.
- Сотрудники исключены из статистики.
- Срок и условие остановки записаны до старта.
Что делать с результатом
Если вариант Б дал больше заявок, не торопитесь переносить его везде. Сначала посмотрите на качество обращений: пришли ли заказы с понятными параметрами, пригодные макеты, дошли ли заявки до оплаты. Для этого сопоставьте данные счётчика с учётом менеджеров. Калькулятор может увеличить число обращений и одновременно привести к вопросам по цене, которых раньше не было.
Если разницы нет, это тоже вывод: выбирайте версию, которую проще поддерживать, и переходите к следующей гипотезе, например к форме загрузки макета или блоку со сроками.
