Heat Map

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-тестирование.