Existem vários tipos de Heatmaps que exibem dados e insights únicos:
Heatmaps de Clique e Toque
Os Heatmaps de Clique e Toque ajudarão você a determinar onde os usuários estão clicando em sua página. O toque será rastreado se eles estiverem em um dispositivo móvel ou tablet. Os Heatmaps de Clique e Toque podem ajudá-lo a entender o comportamento do usuário - por exemplo, os visitantes do seu site estão clicando nos links que você quer que eles cliquem? Ou eles estão clicando erroneamente em elementos que não são interativos? O Hotjar rastreia os cliques e toques de todos os usuários cuja sessão foi gravada, e gera automaticamente uma representação visual das áreas com as quais eles interagiram.
Exemplo de um Heatmap de Cliques
Para determinar se você está vendo um problema isolado ou se encontrou uma oportunidade ou problema mais amplo, selecione um indicador de clique para se afastar do heatmap de Todos os cliques e visualizar uma tendência (requer Escala de Observação) ou grupo de gravações filtradas pelo seletor CSS especificamente clicado na página atual (requer Negócios de Observação).
O Hotjar pode coletar mais dados de clique do que mostra no seu Heatmap
O Hotjar só mostrará as interações nos elementos que estão visíveis na captura de tela. A contagem de cliques na visualização do Heatmap e a % de cliques, é baseada apenas nesses elementos.
Por exemplo, se o seu site tem um menu suspenso, os dados de clique não refletirão quaisquer itens de menu que não estejam expandidos na captura de tela. Para uma lista completa de interações, você pode exportar os dados brutos.
Para mostrar com que frequência áreas específicas de sua página foram clicadas, o Hotjar usa uma escala de cores:
Vermelho ou "Quente" mostra os elementos/áreas que foram mais frequentemente clicados, enquanto azul ou "Frio" mostra as áreas que foram menos clicadas.
Como os cliques e toques são registrados
Para garantir que o Hotjar informe com precisão onde seus usuários interagiram, coletamos cliques em relação aos elementos na página. Por exemplo, se um usuário clica em um botão, registramos a posição do cursor em relação a esse botão específico, não a página inteira.
Heatmaps de Movimento
Os Heatmaps de Movimento mostram onde os usuários moveram o mouse na tela.
Exemplo de um Mapa de Calor de Movimento
O Hotjar faz uma amostragem do movimento do mouse de todos os usuários cuja sessão foi gravada, e gera automaticamente uma representação visual das áreas em que eles moveram o mouse. Para mostrar com que frequência os usuários moveram o mouse sobre áreas específicas da página, o Hotjar usa esta escala de cores:
Se muitos de seus usuários moveram o mouse para um ponto específico, essa área é "mais quente". A escala de cores permite que você veja visualmente com que frequência seus usuários moveram o mouse para diferentes áreas em sua página.
Como o Hotjar grava e mostra o movimento
O Hotjar grava a posição do cursor do mouse do usuário a cada 100ms, ou 10 vezes por segundo. Enviamos os dados de movimento de volta para os servidores do Hotjar em intervalos regulares para registrar onde os usuários moveram o cursor em uma página, e isso é usado posteriormente para gerar seu Mapa de Calor de Movimento.
Como rastreamos a posição a cada 100ms, o Mapa de Calor pode inicialmente parecer um Mapa de Calor de cliques quando tem apenas algumas visualizações de página. No entanto, uma vez que você colete dados suficientes, notará padrões emergindo revelando as áreas mais usadas em sua página.
Mapas de Calor de Rolagem
Os Mapas de Calor de Rolagem são usados para mostrar até que ponto da página seus usuários rolam.
Exemplo de um Mapa de Calor de Rolagem
Esses dados são calculados analisando a quantidade de usuários que visitaram a página contra a profundidade que cada um deles rolou para baixo. Se você estiver executando um mapa de calor que tem como alvo várias páginas, os Mapas de Calor de Rolagem não serão precisos se variarem em tamanho.
Isso resulta em uma média de quantos usuários rolaram para cada parte de sua página. Para ver isso, você pode colocar o mouse sobre o Mapa de Calor de Rolagem onde um marcador será mostrado, indicando a porcentagem exata de usuários que chegaram àquele ponto de sua página.
Para mostrar quantos usuários rolaram para diferentes partes de sua página, o Hotjar usa esta escala de cores:
Áreas vermelhas ou "quentes" do seu Mapa de Calor indicam que todos ou quase todos os seus usuários viram essa parte da página. À medida que você desce a página, as cores ficarão "mais frias" de acordo com a porcentagem de usuários que rolaram até aquele ponto.
Dobra média
O Mapa de Calor de Rolagem também calcula a dobra média em sua página. A dobra é o ponto mais baixo visível na tela quando um usuário abre uma página antes de ter feito qualquer rolagem.
A dobra média é calculada usando a seguinte fórmula: altura total da janela/contagem de visitas à página, e é apresentada como uma linha branca rotulada DOBRA MÉDIA.
Régua de profundidade de rolagem
A régua de profundidade de rolagem mostra a dobra média, bem como quantos usuários rolaram 75, 50 ou 25 por cento da página. Isso permite que você compare a profundidade de rolagem com os dados de clique e movimento sem precisar alternar entre os tipos de mapa de calor - permitindo que você saiba imediatamente quantos usuários clicaram em um elemento versus quantos o visualizaram.
Mapa de Zonas de Engajamento
Disponível no Observe 
ou 
planos.
O Mapa de Zonas de Engajamento combina dados de interação de clique, movimento e rolagem em uma única visualização para permitir que você veja quais partes de sua página os usuários estão mais engajados.
Este mapa ajuda você a identificar padrões claros na página e entender qual conteúdo seus usuários consideram mais valioso para que você possa melhorar sua UX e ajudar a melhorar as conversões.
Como as zonas funcionam
O mapa destacará uma gama de zonas moderadamente a altamente engajadas em uma página. Isso é baseado em interações disponíveis combinadas de rolagem, clique e movimento.
Exemplo de um mapa de zona de engajamento.
O engajamento é mostrado nos últimos 3 meses a partir do intervalo de datas selecionado e em três níveis que são relativos à página:
- Moderado (rosa): Algum engajamento entre os dados de interação disponíveis.
- Alto (vermelho claro): Muito engajamento entre os dados de interação disponíveis.
- Muito alto (vermelho): O maior engajamento entre os dados de interação disponíveis.
Quanto maior o engajamento em uma área, mais provável é que um usuário tenha movido ou clicado em elementos nessa parte da página.
Os dados de rolagem são usados para ajudar a ponderar as interações que ocorreram mais abaixo na página. Por exemplo, os dados de rolagem podem mostrar que um determinado elemento não foi visto por tantos usuários, mas a porcentagem de usuários que o viram, interagiu. Isso é útil para descobrir áreas em sua página que você pode querer mover para cima ou chamar mais atenção.
Mapa de Cliques de Raiva
Disponível no Observe ou planos.
O mapa de cliques de raiva permite que você visualize quais partes de uma página estão causando mais atrito aos usuários.
Para determinar se você está vendo um problema isolado ou se encontrou uma oportunidade ou problema mais amplo, clique em um indicador de clique de raiva para se afastar do mapa de cliques de raiva e visualizar uma tendência (requer Observe Scale) ou grupo de gravações filtradas pelo seletor CSS especificamente clicado com raiva na página atual (requer Observe Business).
Como funcionam os cliques de raiva
Quando ativado no painel lateral, o mapa de cliques de raiva permite que você veja quando um usuário clica no mesmo elemento cinco vezes dentro de 500ms uma da outra. Um ícone de rosto zangado aparecerá sobre o elemento para cada sessão em que esse clique de raiva ocorreu. Eles são geralmente um sinal de frustração do usuário devido a confusão ou elementos quebrados. No entanto, eles também podem ocorrer em elementos como um carrossel de imagens, à medida que um usuário clica/toca para rolar pelas imagens.
Isso pode ajudar a identificar problemas como links quebrados, página de carregamento lento ou áreas que um usuário acha que deveriam ser interativas, mas não são.
Mais perguntas sobre Mapa de Calor?
Confira nosso Guia de Mapa de Calor para descobrir como os Mapas de Calor podem ajudá-lo a identificar e entender o comportamento do usuário ou entre em contato com nossa equipe de suporte com o botão Contate-nos abaixo.