Карта пам'яті

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

Теплові карти важливі, оскільки вони перетворюють абстрактні дані про поведінку в інтуїтивно зрозумілий візуальний формат, який одразу зрозумілий дизайнерам, маркетологам та зацікавленим сторонам, не вимагаючи жодного реального знайомства з таблицями необробленої аналітики чи звітами про події. Карта прокручування, яка показує, що лише 20 відсотків відвідувачів коли-небудь досягають розділу цін на сторінці, розташована ближче до кінця довгої сторінки, набагато ефективніше передає чітку та практичну проблему, ніж еквівалентний числовий звіт про глибину прокручування, захований в електронній таблиці, і ця візуальна доступність є основною причиною, чому теплові карти так широко використовуються в презентаціях для зацікавлених сторін та звітності для клієнтів у роботі з CRO та UX.

Теплові карти створюються такими інструментами, як Hotjar, Microsoft Clarity або Crazy Egg, які впроваджують легкий скрипт відстеження, що записує координати курсора та дотику разом із положенням прокручування протягом сеансів відвідування, а потім агрегує ці необроблені дані у візуальне накладання, коли накопичується достатній розмір вибірки, зазвичай щонайменше від 1,000 до 3,000 сеансів на сторінку для формування досить стабільної та репрезентативної закономірності, оскільки сторінки з низьким трафіком можуть створювати теплові карти, спотворені невеликою кількістю нетипових сеансів. Аналітики зазвичай сегментують теплові карти за типом пристрою, оскільки моделі кліків та прокручування на мобільних пристроях суттєво відрізняються від настільних комп’ютерів, а також за джерелом трафіку, оскільки відвідувачі, які приходять з різних каналів, часто мають різні наміри та демонструють різну поведінку навіть на одній і тій самій сторінці та макеті.

Частою помилкою є те, що теплові карти показують, на що дивляться користувачі, тоді як насправді карти переміщення відстежують лише положення курсора, що корелює з візуальною увагою на робочому столі, але лише недосконало, оскільки користувачі часто тримають курсор нерухомо під час читання, а їхні очі знаходяться деінде на екрані; справжнє відстеження погляду вимагає спеціалізованого обладнання для відстеження очей, яке набагато рідше використовується в комерційній роботі з CRO, ніж програмні теплові карти, які покладаються виключно на дані про курсор і дотик. Ще однією поширеною помилкою є робити чіткі висновки на основі теплової карти окремо без порівняння її з цілями кліків і структурою сторінки, наприклад, неправильне тлумачення інтенсивного клікання на неінтерактивному зображенні як позитивної взаємодії, коли це насправді може свідчити про плутанину користувача щодо того, чи це зображення взагалі мало бути клікабельним.

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