Resposta rápida: heatmap (mapa de calor) é uma visualização que agrega o comportamento de centenas ou milhares de visitantes sobre uma página, pintando de cores quentes as áreas de maior interação. Os três tipos principais — cliques, rolagem e movimento do mouse — mostram o que as pessoas fazem; cabe a você investigar o porquê e transformar o achado em teste.
Os três tipos, e o que cada um responde
Mapa de cliques. Onde as pessoas clicam — inclusive onde não deveriam. Os dois achados clássicos: elementos não clicáveis recebendo cliques (imagens de produto, títulos, selos — expectativa frustrada que vira hipótese imediata) e CTAs importantes sendo ignorados enquanto links secundários drenam a atenção.
Mapa de scroll. Até onde cada faixa da página é vista, em porcentagem de visitantes. Responde a pergunta mais barata e mais ignorada do CRO: as pessoas chegam a ver o que você quer que elas vejam? Se o bloco de prova social está numa faixa que só 20% alcançam, o problema não é o depoimento — é o endereço dele. O guia dedicado: mapa de scroll na prática.
Movimento do mouse (atenção). Por onde o cursor passa enquanto o usuário lê e navega. É um indicador aproximado de atenção visual — útil para ver se a ordem de leitura real corresponde à hierarquia que o design pretendia.
Como ler um heatmap sem se enganar
- Volume antes de tudo. Mapa com poucas visitas é ruído colorido. Acumule volume razoável (algumas centenas de sessões no mínimo) antes de concluir qualquer coisa.
- Separe desktop e mobile. São páginas diferentes na prática — layout, dobra e gesto mudam tudo. Um mapa que mistura os dois não descreve nenhum.
- Calor não é qualidade. Área quente significa interação, não satisfação. Cliques repetidos num botão podem ser fúria contra algo que não funciona.
- Compare com a intenção do design. A leitura mais poderosa é o contraste: o que a página queria destacar × o que o mapa mostra que os usuários de fato olham.
Do diagnóstico ao teste: o fluxo completo
O heatmap sozinho é diagnóstico; o valor aparece quando ele alimenta o ciclo. Exemplo real de fluxo: o mapa de cliques mostra concentração num selo "frete grátis" que não é clicável → hipótese: "se o selo levar às condições de frete, a conversão sobe, porque há demanda explícita por essa informação" → teste A/B valida → vitória vira padrão do site. Sem o teste, a mudança seria mais um palpite bonito; sem o heatmap, o teste não existiria.
Quando usar heatmaps (e quando não)
Use quando: uma página importante converte mal e você não sabe por quê; antes de um redesign, para saber o que preservar; depois de um redesign, para conferir se a nova hierarquia funciona; para gerar hipóteses quando o backlog seca.
Não espere deles: o porquê das ações (para isso, pergunte aos usuários); conclusões sobre páginas de tráfego mínimo; veredito estatístico — heatmap gera hipótese, quem valida é o experimento.
Heatmaps e privacidade
Mapas de calor bem implementados agregam padrões anônimos de comportamento — não gravam quem é o usuário, e sim onde a população de visitantes clica e até onde rola. É análise de multidão, não vigilância de indivíduo.
Perguntas frequentes
Heatmap deixa o site lento? Uma implementação assíncrona correta não bloqueia a renderização nem afeta a navegação percebida.
Quanto tempo deixo o mapa coletando? Até acumular volume que estabilize o padrão — dias a semanas, conforme o tráfego. Períodos atípicos (promoção, pico de campanha) merecem mapas separados.
Heatmap substitui analytics? Complementa. O analytics diz onde o funil quebra entre páginas; o heatmap mostra o comportamento dentro da página quebrada.
Veja os três tipos funcionando sobre uma página real na página de Heatmaps da GoAB.