Метрики эффективности туров

При использовании библиотеки Intro.js в проектах важно не только создавать интерактивные пошаговые туры, но и оценивать их эффективность. Метрики эффективности позволяют понять, насколько пользователи взаимодействуют с туром, успешно проходят шаги и достигают целей обучения или ознакомления с интерфейсом. Ниже рассмотрены ключевые аспекты измерения этих показателей.

Время прохождения тура

Время прохождения — один из основных показателей. Intro.js позволяет определить момент начала и окончания тура, что даёт возможность:

  • Измерять среднее время на один шаг тура.
  • Выявлять участки интерфейса, где пользователи задерживаются дольше ожидаемого.
  • Оптимизировать тур, убрав лишние шаги или переработав сложные элементы.

Пример отслеживания времени:

let startTime;

introJs().onbeforechange(function() {
    if (!startTime) startTime = new Date();
}).oncomplete(function() {
    let endTime = new Date();
    console.log('Время прохождения тура: ', (endTime - startTime) / 1000, 'секунд');
});

Процент завершения тура

Процент завершения показывает, сколько пользователей дошли до конца тура. Эта метрика важна для оценки вовлечённости. В Intro.js можно использовать события onexit и oncomplete:

introJs().onexit(function() {
    console.log('Пользователь покинул тур до завершения');
}).oncomplete(function() {
    console.log('Пользователь завершил тур полностью');
});

Собрав данные с нескольких пользователей, можно вычислить коэффициент завершения:

[ = %]

Активность на шаге

Активность на шаге позволяет анализировать, какие элементы интерфейса привлекают больше внимания, а где возникают сложности. Intro.js предоставляет события onbeforechange и onafterchange, которые можно использовать для логирования действий:

introJs().onafterchange(function(targetElement) {
    console.log('Пользователь перешел к шагу: ', this._currentStep);
    console.log('Целевой элемент: ', targetElement);
});

Сбор таких данных помогает:

  • Определять узкие места в интерфейсе.
  • Корректировать содержание шагов для лучшего восприятия.
  • Сравнивать эффективность разных версий тура.

Количество пропусков шагов

Пользователи могут пропускать шаги или использовать кнопку «Пропустить». Эта метрика позволяет оценить, какие части тура кажутся лишними или слишком сложными. В Intro.js для отслеживания используется событие onchange и проверка _currentStep:

introJs().onchange(function() {
    console.log('Текущий шаг:', this._currentStep);
});

Анализируя последовательность шагов и их пропуски, можно выявить проблемные элементы и переработать тур.

Конверсия к целевому действию

Если тур направлен на обучение пользователя совершать определённые действия (например, заполнение формы или настройку профиля), важно отслеживать конверсию после прохождения тура. Метрики включают:

  • Достигнутые цели после завершения тура.
  • Сравнение активности пользователей, прошедших тур, с теми, кто тур не проходил.
  • Влияние интерактивного тура на поведение пользователя.

Пример интеграции отслеживания конверсии:

introJs().oncomplete(function() {
    fetch('/track-tour-completion', {
        method: 'POST',
        body: JSON.stringify({ userId: currentUser.id, tourCompleted: true })
    });
});

Сегментация пользователей

Для более точной оценки эффективности имеет смысл сегментировать пользователей по:

  • Новичкам и опытным пользователям.
  • Типу устройства (десктоп, мобильный).
  • Источнику трафика или группе эксперимента.

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

Визуализация метрик

Эффективность тура легче анализировать при визуализации. Можно строить:

  • Графики времени прохождения каждого шага.
  • Диаграммы пропусков шагов.
  • Воронки конверсии для целевых действий.

Для визуализации часто используют библиотеки вроде Chart.js или D3.js, собирая события Intro.js через API или собственные функции логирования.

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

Основные метрики эффективности интерактивного тура на базе Intro.js включают:

  1. Время прохождения — среднее и медианное.
  2. Процент завершения — доля пользователей, дошедших до конца.
  3. Активность на шаге — количество взаимодействий с элементами.
  4. Пропуски шагов — частота использования кнопки «Пропустить».
  5. Конверсия к целевому действию — достижения целей после тура.
  6. Сегментация пользователей — понимание поведения разных групп.

Правильное измерение и анализ этих метрик позволяет оптимизировать туры, повышать вовлечённость и улучшать пользовательский опыт.

Оглавление