Heatmap — это визуальный инструмент анализа поведения пользователей на странице. Тёплые цвета (красный, жёлтый) — самые посещаемые/кликаемые места, холодные (синий, зелёный) — менее используемые. В отличие от обычной статистики Google Analytics, heatmap показывает поведение "за рамками цифр": куда смотрят, на что кликают, где путаются.
Типы heatmap
Click heatmap — куда кликают пользователи. Основной тип. Если кликают по тексту, который не является кнопкой — это UX-проблема. Scroll heatmap — до какого места страницы скроллят. Если 70% не доходят до середины, важный контент должен быть выше.
Move heatmap (mouse-tracking) — где движется курсор. Исследования показывают: движение мыши на 80-90% совпадает с движением взгляда. Attention heatmap — где задерживаются дольше всего — новая метрика, выявляет зоны внимания.
Сравнение Hotjar и Microsoft Clarity
Hotjar с 2014 года, профессиональный лидер UX-анализа. Бесплатно ограничено (35 сессий/день, 3 heatmap), Plus — $32/мес. Кроме heatmap есть session recording, surveys, feedback, funnels — широкая UX-платформа.
Microsoft Clarity вышел в 2020 — полностью бесплатная альтернатива. Без ограничений — безлимит сессий, heatmap, записей. Microsoft даёт бесплатно (собирают анонимные данные для AI). У Clarity есть то, чего нет в Hotjar: "Dead clicks" (клик без действия), "Rage clicks" (3+ клика подряд от раздражения), "Excessive scroll" (чрезмерный скролл) — полезно для поиска UX-проблем.
Как делать выводы из heatmap
"Много кликов = хорошо" — неверно. Если кликают по картинке, а не по кнопке, значит, путают её с кнопкой. Mobile и desktop анализируйте отдельно — поведение разное. Формулируйте гипотезы: "Если CTA-кнопку сделать заметнее, клики вырастут на 30%" — потом проверяйте heatmap.
Приватность и GDPR
Heatmap-инструменты записывают поведение пользователей, что может быть проблематично с точки зрения приватности. Hotjar и Clarity анонимизируют IP, маскируют поля паролей и карт. Для GDPR/CCPA нужно cookie consent. В Узбекистане требование пока не жёсткое, но уважение к приватности — хорошая практика.
Практика Sayt.uz
Мы используем Microsoft Clarity с 2024 (не Hotjar — бесплатно и без лимитов). Что мы исправили по результатам heatmap: (1) CTA на главной была плохо заметна — переместили ниже и сменили цвет, клики +40%; (2) на странице тарифов хостинга пользователи кликали "Первый тариф", не понимая, что это не кнопка — сделали кликабельной; (3) на странице поиска доменов 70% не доходили до конца — вывели результаты выше каталога. 18% наших клиентов используют Clarity, в основном SaaS и e-commerce.