O Que é Heatmap (Mapa de Calor)
Heatmap é uma visualização de dados que usa um espectro de cores — do azul (frio, pouca atividade) ao vermelho (quente, muita atividade) — para representar onde os usuários interagem com uma página web. É uma das ferramentas mais intuitivas de análise de experiência do usuário (UX) disponíveis.
O nome "mapa de calor" vem da analogia com imagens termográficas: áreas com mais atividade aparecem "quentes" (vermelho e laranja), enquanto áreas ignoradas aparecem "frias" (azul e verde).
Tipos de Heatmap
Click Map (Mapa de Cliques)
Mostra onde os usuários clicam na página. Revela CTAs ignorados, elementos não clicáveis que recebem cliques (indicando confusão de UX) e links secundários que roubam atenção do objetivo principal.
Move Map (Mapa de Movimento do Mouse)
Registra o trajeto do cursor do mouse. Pesquisas da Nielsen Norman Group indicam correlação de 84-88% entre onde o usuário move o mouse e onde está olhando — o que torna esse tipo de heatmap uma aproximação de eye-tracking sem o equipamento especializado.
Scroll Map (Mapa de Scroll)
Mostra até que ponto os usuários rolam a página. Identifica a "linha de dobra" real — onde a maioria dos usuários para de scrollar. Conteúdo abaixo dessa linha é visto por uma fração do público.
Attention Map
Combinação de move e scroll map, mostra as áreas da página que recebem mais atenção combinada. Útil para decidir onde posicionar elementos críticos como formulários, CTAs e depoimentos.
Ferramentas de Heatmap
| Ferramenta | Preço | Diferenciais |
|---|---|---|
| Microsoft Clarity | Gratuito e ilimitado | Heatmap + gravação de sessões, integra com GA4 |
| Hotjar | Gratuito (limitado) a US$99/mês | Mais completo, inclui pesquisas e funis |
| Crazy Egg | A partir de US$29/mês | Scroll map detalhado, testes A/B integrados |
| FullStory | Enterprise | Foco em grandes empresas, retroactive analysis |
Como Interpretar um Heatmap
Sinais de Alerta
- Cliques em elementos que não são links (rage clicks) — indicam frustração
- CTA principal com pouca atividade no click map — posicionamento ou texto ruim
- Scroll map mostrando que menos de 50% chegam ao formulário — conteúdo muito longo
- Mouse hover concentrado em área não clicável — usuário esperava interatividade
Boas Práticas de Análise
- Segmentar por dispositivo: desktop e mobile têm padrões muito diferentes
- Segmentar por fonte de tráfego: usuário orgânico vs. pago tem comportamento distinto
- Combinar heatmap com gravação de sessão para entender o contexto de cada clique
- Usar dados quantitativos (GA4) para priorizar quais páginas analisar com heatmap
Heatmap e LGPD
No Brasil, a Lei Geral de Proteção de Dados (LGPD) exige que o usuário seja informado sobre a coleta de dados comportamentais. A instalação de ferramentas de heatmap precisa estar mencionada na política de privacidade e no banner de cookies do site. Ferramentas como Hotjar e Microsoft Clarity oferecem configurações de conformidade com LGPD.
Aprofunde seu Conhecimento
Explore conceitos relacionados e descubra como aplicar na prática:
- CRO: a disciplina que usa heatmaps como ferramenta de análise
- User Testing: validação complementar aos dados do heatmap
- UX Design: decisões de design baseadas em dados de interação
- Serviço de Analytics da Integrare
- Serviço de E-commerce e CRO da Integrare
Fontes e Referências Externas
- Hotjar - Heatmaps: ferramenta líder e guias sobre análise de heatmaps
- Crazy Egg Blog: análises e boas práticas de rastreamento visual