Heatmap

Heatmap — це теплова карта, візуальний спосіб показати, де на сторінці користувачі взаємодіють найчастіше, а де майже не звертають уваги. У вебаналітиці heatmap допомагає швидко побачити кліки, рухи курсора, прокручування та інтенсивність перегляду окремих зон сайту. У звітах це дає наочне уявлення про поведінку відвідувачів без довгого читання таблиць і чисел.

Як читають теплову карту

На heatmap зазвичай використовують колірну шкалу: теплі кольори позначають ділянки з високою активністю, холодні — з низькою. Якщо карта показує кліки, видно, які кнопки, посилання або елементи макета привертають увагу. Якщо вона відображає скролінг, легко оцінити, до якої частини сторінки користувачі доходять найчастіше і де втрачається інтерес.

У аналітиці найпоширеніші три типи таких карт:

  • клікова — показує, куди натискають;
  • рухова — відображає переміщення курсора;
  • скролінгова — демонструє глибину прокручування сторінки.

Що дає аналіз

Heatmap корисна для перевірки, чи помічають відвідувачі основні елементи інтерфейсу: заклик до дії, форму, меню, банер або важливий текст. Вона допомагає виявити, коли користувачі клікають на неінтерактивні об’єкти, плутаються в навігації або не доходять до ключового блоку на сторінці. Для інтернет-магазинів це зручно під час оцінки карток товарів, фільтрів і кошика; для медіа — під час аналізу розміщення заголовків і рекламних блоків; для сервісів — під час перевірки форм і сценаріїв входу.

На відміну від загальних метрик відвідуваності, теплова карта показує не лише скільки людей були на сторінці, а де саме вони діяли. Через це вона особливо корисна для UX-досліджень, A/B-тестування й точкового вдосконалення макета.

Обмеження, про які варто пам’ятати

Heatmap не пояснює мотивів поведінки. Вона показує лише факт взаємодії, тому сама по собі не відповідає, чому користувач натиснув не туди або чому не прокрутив сторінку далі. Для точних висновків її зазвичай поєднують із записами сесій, подієвою аналітикою та аналізом конверсій. Ще одна особливість: на результати впливають розмір екрана, тип пристрою, розташування елементів і обсяг трафіку, тому одну карту не слід сприймати як остаточний висновок без контексту.

Heatmap