Другие настройки:
Карта кликов: полезная настройка, которая включена по умолчанию. Вы можете построить карту кликов как по тестовой странице, так и увидеть комбинированную карту по группе страниц. Это позволяет провести полноценный анализ эффективности страниц с точки зрения карты кликов.
Пояснения
Функция очень полезна, например, для построения агрегированной карты кликов по всем карточкам товаров в интернет-магазине.
Интеграция с Google Analytics: интеграция осуществляется с помощью пользовательской переменной (уровень посетителя). Посетителю, который видит один из вариантов страницы, присваивается соответствующая пользовательская переменная на уровне пользователя. В интерфейсе вы указываете слот пользовательской переменной (всего их 5).
Рисунок 16. Интеграция с GA
В Google Analytics мы видим данные в параметре «Моя переменная (значение 5)»
Рисунок 17. Анализ результатов эксперимента в Google Analytics
Автоматическое отключение неэффективного варианта: не включаем, т.к. анализировать результаты будем в интерфейсе Google Analytics.
Пояснения
Эта функция полезна для тестирования целевых страниц рекламы. Когда, к примеру, срок акции ограничен и необходимо сразу (после его обнаружения) «включить» эффективный вариант.
Временной таргетинг эксперимента: используйте этот параметр для автоматического запуска или приостановки испытаний на конкретные даты. Задавайте дату или число, к которому/после которого вы хотите начать эксперимент. В нашем случае, этот параметр не указываем.
Процентное распределение показов: по умолчанию установлено 50 на 50. Не меняем этот показатель для нашего эксперимента.
Шаг 6. IT-отделу (программистам сайта) ставим задачу по размещению кода Visual Website Optimizer на всех страницах сайта. Код размещается один раз, и позволяет проводить все типы экспериментов без повторного размещения кодов и повторного привлечения IT.
Шаг 7. Начало эксперимента
Перед началом эксперимента система позволяет посмотреть, как будет выглядеть тест в режиме предварительного просмотра. Также можно сгенерировать ссылку эксперимента, по которой можно увидеть работу теста. Автоматически строятся скриншоты по экспериментальным и исходным вариантам.
Шаг 8. Анализ результатов
Анализ эксперимента мы проводим в интерфейсе GA. Это очень удобно, т.к. вся аналитика по проекту уже настроена в Google Analytics, и мы можем использовать «Расширенные сегменты».
Выводы:
Основным достоинством Visual Website Optimizer является возможность провести эксперимент с минимальным участием программистов сайта или IT-отдела заказчика, что значительно сокращает время на внедрение эксперимента.
Расширенная функциональность системы позволяет реализовать фактически любой сценарий тестирования.
Самым весомым недостатком Visual Website Optimizer является ценообразование. Вы можете получить бесплатную 30-дневную пробную версию, но помимо этого минимальная стоимость использования системы составляет около $ 50 в месяц.
12.2.3 Тестируем две версии дизайна сайта в A/B тесте
Задача 3: Необходимо провести A/B эксперимент между новой и старой версией сайта и проанализировать улучшение целевых показателей.
Пояснение
Мы не можем использовать предложенные ранее варианты тестирования, т.к. содержание сайта, как и основной URL может быть совершенно разными в двух версиях сайта.
Фактически задача тестирования сводится к разработке скрипта, который будет распределять трафик сайта 50/50 и записывать результат деления в cookies. Пользователю в зависимости от cookies будет показываться один или второй вариант сайта.
Задача анализа результатов решается с помощью Google Analytics. В каждом из вариантов сайта необходимо присвоить пользовательское значение, например:
Видят старую версию сайта:
_gaq.push(['_setCustomVar',
5,
'experiment',
'Old version', //вариант, который видит пользователь
1
]);
Видят новую версию сайта:
_gaq.push(['_setCustomVar',
5,
'experiment',
'NEW version', //вариант, который видит пользователь
1
]);
Задача подсчета статистически значимых результатов проводится с помощью файла Excel, вручную.
Пример скрипта php, который делит аудиторию сайта 50/50.
//Скрипт делит аудиторию на две части для нужного landing page
//Landing page
$cookieName = 'experimentVariantId';
// Проверяем установлен ли уже id варианта
if (isset($_COOKIE['experimentVariantId'])) {
//установлен, читаем из кук
$experimentVariantId = $_COOKIE[$cookieName];
} else {
$experimentVariantId = rand(1,2);
}
setcookie($cookieName, $experimentVariantId, (time() + (60*60*24*30*6)), "/");
switch ($experimentVariantId) {
case 1:
//показывает 1 вариант
echo 'Вариант 1';
break;
case 2:
//показываем 2 вариант
echo 'Вариант 2';
break;
case 0:
default:
// ничего не показываем, возникла какая-то неопределенность
echo 'Default';
break;
}
Выводы:
Последний вариант реализации тестирования универсален, но требует большой нагрузки от IT-отдела, управляющего сайтом. Возможно, стоимость проведения такого тестирования, с учетом затрат на IT, будет выше, чем использование VWO.
Заключение
В завершении всей лекции хотелось бы отметить, что юзабилити постоянно развивается, появляются новые подходы и идеи, но остаются и базовые моменты, которые необходимо знать и которым необходимо следовать.
Из всей этой лекции необходимо вынести следующие:
Юзабилити – это степень, с которой продукт может быть использован определёнными пользователями при определённом контексте использования для достижения определённых целей с должной эффективностью, продуктивностью и удовлетворённостью.
Сегодня юзабилити является одним из перспективных направлений развития пользовательских интерфейсов информационных продуктов и становится необходимым условием выживания в области информационных технологий. На данный момент лидером в данной отрасли является компания USABILITYLAB. Развитие рынка юзабилити России и его интеграция с рынками других стран набирается все большие и большие обороты.
Появление национального стандарта по юзабитили ГОСТ Р ИСО 9241-210-2012 «Эргономика взаимодействия человек-система. Часть 210. Человеко-ориентированное проектирование интерактивных систем».
Для создания действительно классного продукта нужно выйти из зоны комфорта и понять, что нужно юзеру при условии, что он сам этого объяснить не может.
Не дизайнер, не пользователь — это должен быть третий человек, который разрушит их иллюзии. И это будет выход в новое измерение.
Цель юзабилити – повышение конверсии сайта путем повышения юзабилити сайта.
Проработка юзабилити осуществляется по трем этапам анализ – прототипирование – тестирование. Весь этот процесс итерационный и если желаемый результат не достигнут, происходит возвращение к начальному этапу.
Подготовка к юзабилити-тестированию состоит из 4 основных этапов: формирование гипотез. определение метрик для тестирования, определение персонажа и сценария, выбор респондентов.
К основным видам тестирования относятся: тестирование с помощью фокус-групп, тестирование с привлечением экспертов и сплит-тестирование. Каждое из них имеет ряд недостатков и достоинств, выбор того или иного вида тестирования зависит от соответствующей ситуации.
Чек лист юзабилити сайта.
(13) Содержание сайта:
За первые 5 секунд просмотра главной страницы, посетитель может составить представление о том, чем занимается компания.
В шапке сайта указан номер телефона с кодом города, телефон расположен в одном месте на всех страницах, его видно в первые 3 секунды.
В шапке сайта присутствует указание на вид деятельности компании: лозунг, слоган, расшифровка названия, перечисление основных услуг, краткое пояснение в свободной форме.
Вопросы доверия к компании должны быть решены на соответствующих страницах: «О компании», «Наши клиенты», «Отзывы», «Как мы работаем», «Фото сотрудников», «Дипломы», «Публикации» и т.д.
Присутствует публикации в формате «Истории успеха клиентов»
Наличие ненавязчивого онлайн-консультанта: у посетителя должна быть возможность задать вопрос. Менеджер по продажам не пытается навязчиво завязать диалог самостоятельно.
На сайте указаны реквизиты компании и адрес с почтовым индексом. В некоторых случаях шаблон договора или договор оферта.
Любая страница загружается менее, чем за 5 секунд.
На выбор посетителя предоставляется несколько вариантов доставки: самовывоз, стандартная, срочная.
Корректно используется модуль «Товарные рекомендации»: «с этим товаром покупают», «новинки», «похожие товары», «товары со скидкой».
На странице «Контакты» указаны телефоны, email-адреса, адреса офисов, карта проезда, часы работы персонала, при необходимости указывается информация о контактных лицах.
Присутствует функционал, являющийся тематическим стандартом: калькулятор расчета цен на пластиковые окна, открытие демо счета для игры на Форексе, сравнение товаров в интернет-магазине ноутбуков и т.п.
На сайте отсутствуют функциональные и контентные элементы, которые не оказывают положительного влияния на конверсию сайта или не являются обязательными для свершения ключевых действий.
(14) Формы
Пользователю на выбор предлагается форма быстрой регистрации, ссылка на стандартную регистрацию, а также ссылка на авторизацию.
Возможна авторизация через соц. сети, с последующим указанием контактов (email + телефон) непосредственно при оформлении заказа