Тепловая карта (Heatmap)
Тепловые карты обычно собирают через скрипты-аналитики: Hotjar, Clarity, Plerdy и подобные. Они отслеживают клики, движения мыши, прокрутку и иногда взгляды (по веб-камере или через специальное оборудование).
Типы карт
- Карта кликов — где пользователи кликали, в том числе по неинтерактивным элементам (важная подсказка).
- Карта внимания — куда чаще наводят мышь и где проводят больше времени.
- Карта прокрутки — до какого места страницы доходит большинство пользователей.
- Карта движений — траектории мыши, иногда коррелирующие с движением глаз.
Что можно увидеть
- Картинки или подписи, которые пользователи принимают за кликабельные.
- «Холодные» главные кнопки, до которых никто не доходит.
- Блоки, которые перегружают страницу, отвлекают и съедают внимание от целевого действия.
- Точку, ниже которой большая часть пользователей перестаёт скроллить.
Когда применять и когда нет
Применять
- В диагностике посадочных страниц и важных шагов воронки
- Перед запуском A/B-тестов — тепловая карта подсказывает, что менять
- В разборе резких изменений конверсии без понятной причины
Не применять
- В сложных интерактивных приложениях с большим числом состояний — тепловая карта одного экрана быстро теряет смысл
- Когда трафика слишком мало: данные сильно шумят
Примеры применения
На странице тарифов лучшим вариантом считался средний — на нём была подсветка «Популярный». Тепловая карта показывает: кликают чаще всего по картинке-эмблеме у «оптимального» тарифа, а не по самой кнопке «выбрать». Картинка оказалась похожа на интерактивную, хотя ничего не делала. После замены её на текстовый акцент и переноса бейджа «Популярный» на сам тариф конверсия выросла на 15% — без A/B-теста, по очевидной находке.
Часто задаваемые вопросы
Нет, это дополнение. Аналитика отвечает «сколько и насколько», тепловая карта — «где». Хорошее сочетание — обычная веб-аналитика плюс тепловые карты ключевых страниц плюс несколько интервью с пользователями, чтобы понять «почему» за наблюдаемыми паттернами.
Самые распространённые — Hotjar, Microsoft Clarity (бесплатный), Plerdy, Smartlook, FullStory. Они отличаются ценой, нагрузкой на сайт и набором функций (запись сессий, формы фидбека). Выбор зависит от объёма трафика и требований по приватности.