Коротко: тепловая карта показывает, куда пользователи кликают, как далеко прокручивают и где задерживают курсор. Карты бывают кликов, скроллинга и движения. Смотрят их в аналитике: «Яндекс.Метрика», Hotjar и аналоги.
Виды тепловых карт
| Тип | Что показывает |
|---|---|
| Кликов | куда нажимают |
| Скроллинга | до какого места дочитывают |
| Движения | где задерживается курсор |
| Внимания | что замечают в первую очередь |
Как смотреть
1. Установить счётчик аналитики на сайт
2. Открыть раздел с картами
3. Выбрать страницу и тип карты
4. Смотреть на «горячие» и «холодные» зоны
5. Сформулировать гипотезу правки
6. Проверить результат после измененияКрасные зоны — где активно взаимодействуют, синие — где почти нет активности. Сравнивайте карту с тем, что вы задумывали в дизайне.
Вкладки: что искать
Если люди кликают по заголовку или картинке, которые не являются ссылками, значит, они ожидают переход. Такой элемент стоит сделать кликабельным.
Если большинство не доходит до важного блока, значит, он расположен слишком низко или выше недостаточно убедительно. Меняйте порядок и акценты.
«Зависание» курсора в одном месте говорит о внимании — там пользователь читает или думает. Иногда это признак непонятного элемента, который стоит упростить.
Практика: использовать тепловые карты
- Выберите страницу с важной целью.
- Включите сбор данных на 1–2 недели.
- Посмотрите карты кликов и скроллинга.
- Найдите проблемные зоны.
- Сформулируйте правки дизайна.
- Внедрите и сравните показатели до и после.
Частые ошибки: причина → решение
| Симптом | Причина | Решение |
|---|---|---|
| Карта «сплошная» | мало данных или боты | набрать трафик, отфильтровать |
| Непонятно, что менять | смотрят только «где» | подтвердить тестом |
| Правки не помогли | гипотеза неверна | проверить A/B-тестом |
| Карты не для мобильных | общая карта | смотреть отдельно |
| Данные противоречат | разные типы карт | сравнить показатели |
Проверьте себя
Вопросы и ответы
Нет. Карты подсказывают гипотезу, а тест проверяет, дала ли правка эффект. Вместе они работают точнее, чем по отдельности.
Желательно: на малом числе визитов картина случайна. Если трафика мало, собирайте данные дольше и осторожнее делайте выводы.
Обязательно. На телефоне нет наведения и другая вёрстка, поэтому поведение отличается. Карты для мобильных часто показывают совсем другую картину.
Разобраться: там просто декоративный блок или важный элемент, который не замечают. Если важный — поднять выше или усилить акцент. Если лишний — убрать.
Итоги
- Тепловые карты показывают клики, скролл и движение.
- Они подсказывают проблемы, но не объясняют причины.
- Мобильные и десктоп смотрят отдельно.
- Выводы лучше проверять A/B-тестом.
Комментарии
Пока комментариев нет — будьте первым, кто поделится мнением.