Todos os tipos de mapa de calor de site, e o que cada um mede

O que é um site de mapa de calor?

Quem procura um heatmap website quer dizer um mapa de calor de site, uma camada colorida que agrega o comportamento de muitas visitas sobre uma única imagem da página, onde cores quentes marcam interação intensa e cores frias marcam áreas que os visitantes ignoraram. O script de rastreamento grava uma coordenada e um horário para cada clique, posição de scroll e movimento do ponteiro, e então a ferramenta distribui essas coordenadas em uma grade sobre uma captura de tela e pinta cada célula pela densidade. Leia o resultado como uma distribuição de atenção em uma população, nunca como o registro do que uma pessoa específica fez.

Por que "mapa de calor" significa duas coisas diferentes?

A palavra "mapa de calor" nomeia tanto a categoria de camadas agregadas quanto um mapa específico dentro dessa categoria, e por isso duas pessoas conseguem discutir sobre mapas de calor imaginando imagens completamente diferentes. No sentido amplo, um mapa de calor é qualquer camada de comportamento desenhada sobre a captura de uma página. No sentido estrito, é o mapa sombreado por densidade que colore uma grade pela contagem de interações, ao lado de quatro irmãos que usam pontos, faixas ou tempo em vez de um gradiente de densidade. Nomeie o mapa específico antes de comparar conclusões com alguém, porque "o mapa de calor diz que as pessoas ignoram a tabela de preços" não significa nada até você saber se essa afirmação veio de cliques, de profundidade de scroll ou de tempo no viewport.

Quais são os cinco tipos de mapa de calor de site?

Cinco camadas dividem o rótulo mapa de calor, e cada uma registra um sinal diferente:

O click map responde perguntas sobre intenção e o scroll map responde perguntas sobre alcance, então rodar um sem o outro produz meio argumento. Uma página pode segurar a atenção até o fim e ainda assim não receber nenhum clique na sua chamada para ação. Outra página pode acumular muitos cliques na primeira tela e perder noventa por cento dos visitantes antes de a seção que te importa ser renderizada. O confetti map separa esses mesmos cliques por segmento, que é o que transforma "o botão recebe cliques" em "o botão recebe cliques de tráfego pago no desktop e nada do orgânico no celular".

Quantas sessões um mapa de calor de site precisa?

Um mapa de calor precisa de sessões suficientes para que suas diferenças de cor sobrevivam ao ruído de amostragem, e o limite aproximado vem de uma única fórmula. Para uma proporção, a margem de erro conservadora de 95% se aproxima assim:

margin of error = 1 / √n

Com 400 sessões, isso dá 1 / √400 = 0,05, ou seja, 5 pontos percentuais. Um elemento que ficou com 12% de todos os cliques da página está em algum ponto entre 7% e 17% da fatia real de cliques. Cortar essa margem pela metade, para 2,5 pontos, exige quatro vezes mais dados, ou 1.600 sessões. Cada filtro que você aplica divide a amostra de novo: repartir 1.600 sessões entre celular e desktop, e depois entre duas origens de campanha, deixa quatro grupos de 400 e empurra a margem de volta para 5 pontos em cada um. Decida seus segmentos antes de decidir que a amostra já é grande o bastante.

O que um mapa de calor de site não consegue te dizer?

Um mapa de calor não consegue te mostrar uma jornada quebrada específica, porque a média é todo o mecanismo que torna a imagem legível. Dez mil sessões colapsam em uma imagem, então as quarenta pessoas que tocaram no campo de cupom, receberam uma falha silenciosa de validação e abandonaram o checkout aparecem como uma mancha um pouco mais quente, indistinguível de interesse comum. O mapa também não tem noção de falha: um dead click que não devolve resposta queima exatamente na mesma cor que um clique que abriu o modal certo, e cliques raivosos repetidos em um botão travado se leem como o ponto mais quente da página.

É aí que a agregação precisa passar a bola para a reprodução individual. Assistir às sessões gravadas por trás de um ponto quente é o que separa um botão bem projetado de um botão quebrado. A Flowsery detecta rage clicks, dead clicks, erros de JavaScript e desistências automaticamente, agrupa as sessões correspondentes em um único problema e ordena os problemas por quantos usuários foram atingidos, então a anomalia que você viu como uma mancha quente chega como um problema contado em vez de um palpite. O AI session replay dela ainda anexa os passos para reproduzir o problema, que é a parte que um mapa de calor nunca consegue fornecer.

Como páginas dinâmicas e personalizadas quebram os mapas de calor?

Qualquer página que renderiza de forma diferente para visitantes diferentes quebra a premissa de imagem única sobre a qual um mapa de calor é construído. A camada precisa de uma captura para desenhar em cima, então uma página com teste A/B, hero personalizado, estado logado, um acordeão que começa fechado, um banner de cookies que empurra tudo para baixo, ou scroll infinito produz coordenadas que vieram de layouts que a captura nunca mostrou. Cliques registrados na variante B caem em cima da captura da variante A, e o mapa resultante é um composto de páginas que nunca existiram.

Duas mecânicas limitam o estrago. Capture mapas de calor separadamente para cada breakpoint responsivo em vez de escalar uma captura de desktop para explicar comportamento no celular, e limite cada mapa a uma variante, um estado de autenticação e um estado de expansão. Ferramentas que ancoram interações em seletores do DOM em vez de coordenadas de pixel brutas sobrevivem melhor ao reflow, já que o seletor continua identificando o botão depois que o layout o move.

Como você transforma uma descoberta do mapa de calor em correção?

Um mapa de calor produz uma hipótese, e tudo depois disso é outro ferramental. O mapa te diz que a segunda chamada para ação rende mais que a primeira, que 60% das sessões nunca chegam à tabela de preços, ou que um título estático acumula cliques. Nenhuma dessas observações nomeia uma causa. Combine cada descoberta com os sinais de frustração gravados nas mesmas sessões e com a reprodução individual, e então escreva a mudança como uma afirmação testável: mova a tabela de preços para cima do ponto onde o scroll map despenca, e espere que o alcance por profundidade de scroll naquela seção suba.

Solte uma mudança por hipótese. Rodar um mapa de calor de novo depois de três edições simultâneas te dá uma imagem nova e nenhuma forma de atribuir a diferença a qualquer uma delas.

Perguntas frequentes

Um mapa de calor é a mesma coisa que um click map?

Um click map é um tipo de mapa de calor, não um sinônimo dele. A categoria mapa de calor também cobre scroll maps, move maps, confetti maps e attention maps, cada um registrando um sinal diferente. A confusão entre a categoria e o click map dentro dela causa a maior parte das discordâncias sobre o que um mapa de calor mostra.

Mapas de calor funcionam no celular?

Click maps, scroll maps, confetti maps e attention maps funcionam todos no celular, já que toques, profundidade de scroll e tempo no viewport são registráveis em aparelhos de toque. Move maps não, porque telas de toque não têm um ponteiro persistente para rastrear. Capture mapas de calor de celular contra uma captura de celular no breakpoint correspondente, porque um layout de desktop reduzido coloca cada coordenada no lugar errado.

Quantos visitantes eu preciso antes de um mapa de calor ser confiável?

Cerca de 400 sessões por mapa dão uma margem de erro perto de 5 pontos percentuais, usando a aproximação 1 / √n. Chegar a 2,5 pontos exige 1.600 sessões. Cada filtro de segmento que você aplica divide a amostra, então planeje o número de segmentos antes de decidir que o tamanho da amostra é suficiente.

Por que meu mapa de calor mostra cliques em coisas que não são links?

Visitantes clicam em imagens, títulos, texto em negrito e ícones que esperam ser interativos. Esses cliques aparecem no mapa com peso total mesmo sem nada ter acontecido, e isso é um dead click. Tratar esses pontos como engajamento inverte a descoberta: o calor marca uma affordance ausente, não uma interação bem-sucedida.

Mapas de calor podem substituir o session replay?

Não. Um mapa de calor agrega muitas visitas em uma imagem, que é exatamente o que tira a jornada individual de vista. O session replay mantém cada visita intacta, então um checkout quebrado que afetou 40 pessoas continua visível em vez de se dissolver em uma mancha quente. Os dois respondem perguntas diferentes e trabalham juntos.

Mapas de calor coletam dados pessoais?

Um mapa de calor guarda coordenadas, posições de scroll e horários, não a identidade de quem os produz. O risco entra pelo que a captura de tela registra e por qualquer entrada de formulário gravada junto das coordenadas, então mascare campos de entrada e qualquer região que mostre dados da conta antes de capturar uma página atrás de um login.

O que um confetti map traz que um click map não traz?

Um confetti map desenha cada clique como um ponto separado em vez de fundi-lo numa grade de densidade, e cada ponto carrega a origem do tráfego, o dispositivo e a campanha de quem clicou. Isso transforma "o botão recebe cliques" numa leitura por segmento, como "o botão recebe cliques de tráfego pago no desktop e nenhum do orgânico mobile". Em alto volume os pontos se sobrepõem e viram ruído, então filtre por segmento antes de ler o mapa.

Por que meu mapa de calor parece quebrado depois de um teste A/B?

A ferramenta precisa de uma única captura de tela para desenhar, e um teste A/B renderiza mais de um layout para a mesma URL. Cliques registrados na variante B ainda caem sobre a captura da variante A, então o mapa resultante é um composto de páginas que nunca existiram. Restrinja cada mapa a uma variante, um estado de login e um estado de expansão para manter as coordenadas corretas.

Devo usar o mesmo mapa de calor para desktop e mobile?

Desktop e mobile precisam de capturas separadas, porque a dobra se move com o tamanho do viewport e uma captura de desktop reduzida posiciona errado cada coordenada de um visitante mobile. Capture mapas de calor separadamente para cada breakpoint responsivo, em vez de esticar uma única captura para explicar uma tela diferente. Move maps são a exceção, já que telas touch não têm um ponteiro persistente para rastrear, então o mobile nunca produz um.

O que é um rage click, e ele aparece num mapa de calor?

Rage click é clicar repetidamente e com raiva num elemento que não responde, muitas vezes um botão travado. Num mapa de calor ele aparece como o ponto mais quente da página, indistinguível de um clique que funcionou, porque o mapa não tem noção de falha. A Flowsery detecta rage clicks automaticamente e agrupa as sessões afetadas num problema classificado, em vez de deixá-las como uma mancha quente sem rótulo.