Heat Map (теплова карта) — це візуальний звіт, що кольором показує, як користувачі поводяться на сторінці: де клікають, як далеко прогортають і куди дивляться найчастіше. «Гарячі» червоні зони — місця найбільшої активності, «холодні» сині — ділянки, куди майже ніхто не доходить. Синонім — Heatmap.
Простими словами: це «тепловізор» для сайту. Замість того щоб гадати, що люди роблять на сторінці, ви буквально бачите відбитки їхньої уваги — як сліди на снігу.
Що таке Heat Map і навіщо він потрібен
Аналітика на кшталт Google Analytics каже, скільки людей зайшло і коли вони пішли, але не пояснює чому. Ось тут і потрібна теплова карта: вона показує поведінку всередині сторінки. Видно, що головну кнопку не помічають, бо вона нижче лінії згину, а клікають натомість по некликабельній картинці. Такі інсайти напряму впливають на конверсію та поведінкові фактори.
Перші сервіси теплових карт для вебу з’явилися ще близько 2005 року (Crazy Egg), а сьогодні базовий інструмент — Microsoft Clarity — доступний безкоштовно з 2020 року. Тобто зібрати теплову карту може будь-хто, питання лише в тому, як правильно прочитати дані.
Види теплових карт
- Карта кліків (click map) — де саме натискають; видно «мертві» кліки по некликабельних елементах.
- Карта скролу (scroll map) — як далеко люди прогортають; де обривається увага.
- Карта руху (move map) — траєкторія курсора, що приблизно корелює з поглядом.
- Карта уваги — зведена «гарячість» зон, куди дивляться найдовше.
Приклад
На лендингу scroll-карта показала: 70% відвідувачів не догортають до блоку з ціною й формою. Кнопку підняли вище — і кількість заявок зросла без жодної зміни трафіку. Це класичний випадок, коли теплова карта економить бюджет на рекламу.
Часто плутають з…
- Запис сесій (session recording) — це відео поведінки одного користувача; теплова карта — усереднена картина по багатьох.
- A/B-тест — перевіряє гіпотезу порівнянням версій; heat map лише підказує, яку гіпотезу варто перевірити.
Питання та відповіді
Що показує теплова карта сайту?
Heat map показує поведінку користувачів на сторінці: кліки, глибину скролу й зони уваги. Це відповідь на питання «чому люди не роблять цільову дію», яке звичайна аналітика не дає.
Який інструмент для теплових карт обрати?
Найпопулярніші — Microsoft Clarity (безкоштовний з 2020 року), Hotjar і Crazy Egg. Для старту вистачає Clarity: він безкоштовний і показує і карти, і записи сесій.
Скільки даних треба для достовірної карти?
Орієнтир — кілька тисяч переглядів сторінки. На 20–30 відвідувачах карта випадкова й вводить в оману.
Хочете зрозуміти, чому сторінки не конвертують? Проаналізуємо поведінку й підкажемо, що виправити — UX/UI-аудит сайту та розробка лендингів.
Схожі терміни: Поведінкові фактори, Bounce Rate, Юзабіліті, CTR, A/B-тестування.
