Pular para o conteudo principal
Integrare
Conversion Optimization

Heatmap

Também conhecido como: Mapa de Calor, Mapa Térmico, Heat Map

Representação visual que mostra, através de um gradiente de cores (frio a quente), onde os usuários clicam, movem o mouse e fazem scroll em uma página web. Ferramenta fundamental de diagnóstico de UX e CRO.

IP

Ivan Prizon

CEO & Estrategista Digital -- Integrare

3 min

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:

Fontes e Referências Externas

Alerta de Buzzword

Por que esse termo virou moda e o que ele realmente significa

"Analisamos o heatmap e por isso sabemos o que fazer" é uma conclusão precipitada. Heatmaps mostram o que os usuários fazem, mas não o por quê. Um botão sem cliques pode indicar que ele está mal posicionado, que o texto é confuso, que a oferta não é atrativa ou simplesmente que o usuário completou a ação por outro caminho.

Heatmap é uma ferramenta de diagnóstico, não de prescrição. Ele levanta hipóteses, que precisam ser validadas com testes A/B ou entrevistas com usuários antes de qualquer mudança definitiva na página.

Reality Check

O que funciona de verdade na prática do dia a dia

Heatmaps são ferramentas legítimas e amplamente usadas por times de CRO em todo o mundo, mas precisam ser interpretados com contexto:

  • O Hotjar, ferramenta líder na categoria, é usado por mais de 1 milhão de sites. Sua versão gratuita inclui heatmaps básicos — não há desculpa para não usar.
  • Microsoft Clarity é completamente gratuito e ilimitado, com heatmaps e gravação de sessões. É a alternativa mais acessível para lojas que começam com CRO.
  • Heatmaps têm um viés importante: mostram o comportamento de usuários que ficaram na página. Usuários que saíram em 3 segundos (bounce) geralmente não aparecem — e são frequentemente os mais importantes para entender.
  • Dados de heatmap precisam de volume mínimo para ser estatisticamente relevantes. Com menos de 500 sessões por variação, os padrões podem ser aleatórios.

Aplicação Prática

Como a Integrare implementa isso no seu negócio

Na Integrare, usamos heatmaps em três momentos distintos do processo de CRO:

1. Diagnóstico inicial: Antes de qualquer mudança, instalamos Hotjar ou Microsoft Clarity e coletamos dados por 2 a 4 semanas. Buscamos responder: onde os usuários estão clicando que não é clicável? Até onde chegam no scroll? Quais CTAs estão sendo ignorados?

2. Geração de hipóteses: Com base nos padrões identificados, formulamos hipóteses testáveis. Exemplo: "O CTA de compra está abaixo da linha de dobra em mobile — apenas 30% dos usuários chegam até ele. Hipótese: colocar um segundo CTA fixo no topo aumentará cliques no carrinho."

3. Validação pós-mudança: Após implementar uma alteração, geramos um novo heatmap para confirmar se o comportamento mudou conforme esperado.

Case prático: Página de serviço de um cliente recebia tráfego considerável mas convertia mal. O heatmap revelou que os usuários clicavam repetidamente em um texto sublinhado que não era um link. Ao transformar o texto em link real (apontando para o formulário de contato), a taxa de conversão da página aumentou 23% em 30 dias.

Continue Aprendendo

Termos Relacionados

Explore conceitos complementares para aprofundar seu conhecimento

Conversion Optimization

Teste Multivariado

Teste multivariado (MVT) é uma metodologia de experimentação que testa múltiplas variáveis simultaneamente em uma página ou interface para identificar a combinação ideal de elementos que maximiza conversões.

Conversion Optimization

Personalização Web

Personalização web é a prática de adaptar dinamicamente o conteúdo, layout e ofertas de um site com base nas características, comportamento e preferências de cada visitante individual.

Conversion Optimization

Pop-up de Exit Intent

Pop-up de exit intent é uma janela que aparece automáticamente quando o sistema detecta que o visitante está prestes a sair do site, oferecendo uma última oportunidade de conversão através de oferta, desconto ou conteúdo relevante.

Conversion Optimization

Squeeze Page

Tipo especializado de landing page com foco exclusivo na captura de email, apresentando uma oferta irresistível e mínimas distrações para maximizar a taxa de conversão de visitantes em assinantes.

Conversion Optimization

Abandono de Carrinho

Fenômeno em que o usuário adiciona produtos ao carrinho de uma loja virtual mas não finaliza a compra. A taxa média global é de 69,8% (Baymard Institute, 2024), representando a maior perda de receita do e-commerce.

Conversion Optimization

User Testing

Método de pesquisa onde usuários reais executam tarefas em um produto digital enquanto observadores registram comportamentos, dificuldades e feedback. Identifica problemas de usabilidade antes que custam conversões.

Anterior

Abandono de Carrinho

Próximo

Microcopy (UX Writing)

Pronto para aplicar esses conceitos?

Converse com nossos especialistas e descubra como transformar conhecimento em resultados reais

Falar com Especialista Explorar Mais Termos
Fale no WhatsApp

Nos respeitamos sua privacidade

Utilizamos cookies para melhorar sua experiencia. Ao clicar em "Aceitar todos", voce concorda com o uso de todos os cookies.

Cookies Essenciais (Obrigatorios)

Necessarios para o funcionamento basico do site.

Cookies de Analise

Ajudam a entender como os visitantes interagem com o site.

Cookies de Marketing

Usados para exibir anuncios relevantes.

Politica de Privacidade