Existem vários tipos de mapas de calor que exibem dados e insights exclusivos:
Mapas de cliques e toques
Os mapas de cliques e toques ajudarão você a determinar onde os usuários estão clicando na sua página. Os toques serão rastreados se estiverem em um dispositivo móvel ou tablet. Os mapas de cliques e toques podem ajudar a entender o comportamento do usuário - por exemplo, os visitantes do seu site estão clicando nos links que você deseja? Ou estão clicando por engano 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 interagiram.
Exemplo de um Mapa de Cliques
Para determinar se você está vendo um problema isolado ou encontrou uma oportunidade ou problema mais amplo, selecione um indicador de clique para ampliar o mapa de todos os cliques e visualizar uma tendência (requer Observe Business)(requer Observe Scale) ou grupo de gravações filtradas pelo seletor CSS clicado especificamente na página atual (requer Observe Business).
O Hotjar pode coletar mais dados de cliques do que mostra no seu Mapa de Cliques
O Hotjar mostrará apenas as interações nos elementos que são visíveis na captura de tela. O número de cliques na visualização do Mapa de Cliques e a % de cliques são baseados apenas nesses elementos.
Por exemplo, se o seu site tiver um menu suspenso, os dados de cliques não refletirão nenhum item de menu que não esteja expandido na captura de tela. Para obter uma lista completa de interações, você pode exportar os dados brutos.
Para mostrar com que frequência áreas específicas da sua página foram clicadas, o Hotjar usa uma escala de cores:
Vermelho ou "Quente" mostra os elementos/áreas que foram clicados com mais frequência, enquanto azul ou "Frio" mostra as áreas que foram clicadas com menos frequência.
Como os cliques e toques são registrados
htmlPara garantir que o Hotjar relata com precisão onde seus usuários interagiram, coletamos cliques relativos aos elementos na página. Por exemplo, se um usuário clicar em um botão, registraremos a posição do cursor deles em relação a esse botão específico, e não à página inteira.
Mapas de Movimento
Os Mapas de Movimento mostram onde os usuários moveram o mouse na tela.
Exemplo de um Mapa de Movimento
O Hotjar amostra o movimento do mouse de todos os usuários cuja sessão foi gravada, e gera automaticamente uma representação visual das áreas sobre as quais moveram o mouse. Para mostrar com que frequência os usuários moveram o mouse sobre áreas específicas da página, o Hotjar utiliza esta escala de cores:
Se muitos de seus usuários moveram o mouse para um ponto específico, essa área estará mais "quente". A escala de cores permite visualizar com que frequência seus usuários moveram o mouse para diferentes áreas em sua página.
Como o Hotjar registra e mostra o movimento
O Hotjar registra 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 posteriormente é usado para gerar seu Mapa de Movimento.
Como rastreamos a posição a cada 100ms, o Mapa de Movimento pode inicialmente parecer um Mapa de Cliques quando tiver apenas algumas visualizações de página. No entanto, uma vez que você coleta dados suficientes, notará padrões emergindo, revelando as áreas mais utilizadas em sua página.
Mapas de Rolagem
Os Mapas de Rolagem são usados para mostrar o quão longe os usuários rolam na página.
Exemplo de um Mapa de Rolagem
Esses dados são calculados analisando a quantidade de usuários que visitaram a página em relação à profundidade que cada um rolou. Se você estiver executando um mapa de calor que segmenta várias páginas, os Mapas de Rolagem não serão precisos se elas 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 Rolagem, onde um marcador será exibido, indicando a porcentagem exata de usuários que alcançaram aquele ponto de sua página.
Para mostrar quantos usuários rolaram para diferentes partes de sua página, o Hotjar utiliza 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. Conforme 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 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 fazer qualquer rolagem.
htmlA dobra média é calculada usando a seguinte fórmula: altura total da janela/número de visitas à página, e é apresentada como uma linha branca etiquetada 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 comparar a profundidade de rolagem com dados de cliques e movimentos sem precisar alternar entre os tipos de mapas de calor - permitindo que você saiba imediatamente quantos usuários clicaram em um elemento versus quantos o visualizaram.
Mapa de Zonas de Engajamento
Disponibilidade do plano
Observe 
Observe , Observe 
O mapa de Zonas de Engajamento combina dados de cliques, movimentos e rolagem em uma única visualização para que você possa ver quais partes da sua página os usuários estão interagindo mais.
Este mapa ajuda 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 experiência do usuário e ajudar a aumentar as conversões.
Como as zonas funcionam
O mapa destacará uma variedade de zonas moderadamente a altamente engajadas em uma página. Isso é baseado nas interações disponíveis combinadas de dados de rolagem, cliques e movimentos.
Exemplo de um mapa de Zonas de Engajamento.
O engajamento é mostrado nos últimos 3 meses 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 for 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 na sua página que você pode querer mover para cima ou chamar mais atenção.
Mapa de Cliques de Raiva
Disponibilidade do plano
Observe Observe , Observe
O mapa de cliques de raiva permite visualizar quais partes de uma página estão causando mais frustração aos usuários.
Para determinar se você está vendo um problema isolado ou encontrou uma oportunidade ou problema mais amplo, clique em um indicador de clique de raiva para ampliar a visualização do mapa de cliques de raiva e ver uma tendência (requer Observe Business)(requer Observe Scale) ou grupo de gravações filtradas pelo seletor CSS especificamente clicado de 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 ver quando um usuário clica no mesmo elemento cinco vezes em 500ms. Um ícone de rosto irritado 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 à confusão ou elementos quebrados. No entanto, também podem ocorrer em elementos como um carrossel de imagens, enquanto um usuário clica/toca para rolar pelas imagens.
Isso pode ajudar a identificar problemas como links quebrados, páginas com carregamento lento ou áreas que um usuário pensa que deveriam ser interativas, mas não são.
Mais perguntas sobre mapas de calor?
Confira nosso Guia de mapas de calor para descobrir como os mapas de calor podem ajudar a identificar e entender o comportamento do usuário ou entre em contato com nossa equipe de suporte clicando no botão Entre em contato conosco abaixo.