Skip to main content
Sobre nós

13 de Maio de 2020 6 Minutos lidos

Infográfico: Tudo o que precisa de saber sobre os heatmaps do site

Compreenda o que são heatmaps, que tipos de heatmaps pode escolher, e qual é o melhor para si. Como eles podem ajudar a aumentar o tráfego ou conversões do seu site?

Rápido e fácil, tal como o uso de heatmaps. Seguindo o infográfico abaixo, você encontrará porque você deve estar usando uma ferramenta analítica que tem o recurso Heatmap integrado.

Também receberá estudos de casos reais e exemplos ilustrativos, para que possa ver como os heatmaps são valiosos quando se trata de melhorar a sua experiência de utilizador ou o desempenho do seu website.

Comece a utilizar Heatmaps
Estatísticas de tráfego + gravações + heatmaps - a partir de $0/mês

 

Os heatmaps são representações visuais que mostram as áreas mais populares (de cor vermelha) do seu site, bem como as menos populares (de cor verde-azul). Usando-os, você pode encontrar quais áreas do seu site os usuários interagem mais com elas e quais áreas você deve melhorar.

Usando dados coletados e representação colorida, os heatmaps facilitam a análise dos dados e permitem que você veja como as pessoas interagem com o seu site num piscar de olhos. Desta forma, você pode ver onde os usuários clicam, até onde eles rolam e quais botões ignoram, informações que o ajudarão a melhorar o envolvimento.

 

Existem 3 tipos de mapas de calor:

 

  • Move Map - mostra como as pessoas movem o mouse em suas páginas web. Este tipo de representação está disponível apenas para o formato desktop. Ele oferece informações realmente valiosas. Você pode potencialmente correlacionar o movimento do mouse com a atenção. Isto significa que você poderia usar este mapa para entender quais elementos os usuários mais notam.

  • Click (Clique) Map/ Tap (Toque) Map - mostra onde as pessoas clicam mais no seu site. Quanto mais usuários estiverem clicando em uma área de página, mais escura será a cor vermelha. Tap Map é o mesmo que em Mapa de cliques, mas acompanha os toques no ecrã, sendo utilizado em dispositivos móveis. O fato interessante sobre este tipo de mapa é que você pode ver facilmente até mesmo cliques em elementos não clicáveis.

  • Scroll Map - este tipo de heatmap mostra o quanto as pessoas rolam em uma determinada página. Normalmente, a área "mais quente" está acima da dobra e o rodapé representa a área "mais fria", mas não é obrigatório. Ao usá-lo, você obtém uma visão rápida sobre onde seus usuários param de rolar.

 

Exemplos de uso de heatmaps e seu impacto nos resultados do site

 

O primeiro estudo de caso ilustrado é sobre um website que publica artigos em blogs sobre tópicos relacionados com o seu produto. O seu objectivo é conseguir novos assinantes, pelo que lhes enviariam notificações quando publicariam novos artigos. Para atingir este propósito, eles colocam um botão "Assinar" no final de cada post do blog.

Mesmo tendo pelo menos 1000 cliques em cada artigo, eles tinham apenas 2 assinantes e não sabiam porquê.

Para descobrir por que seus leitores não se converteram em assinantes, eles usaram uma ferramenta de mapa térmico de rolagem.

Após cerca de uma semana, eles descobriram que apenas 5% dos visitantes estavam rolando até onde o botão era exibido. Mais do que isso, o fundo da página era a área mais fria para cada artigo.

Sabendo disso, eles moveram o botão para o topo da página, na área vermelha.

Uma semana depois disso, eles chegaram a 1000 assinantes.

 

O segundo estudo de caso exemplifica como os heatmaps podem impactar as conversões na página inicial. A empresa "WebsiteSetup" tinha uma página inicial bem organizada, mas eles estavam lutando para conseguir conversões a partir de sua página inicial. Eles colocaram um botão CTA na página inicial, mas, mesmo assim, eles ainda tinham 0 conversões.

Para descobrir porque os seus usuários não clicam no botão CTA, eles instalaram o Visitor Heatmaps.

Uma semana depois, perceberam que as pessoas prestavam mais atenção ao topo e ao lado esquerdo do site, onde a mensagem principal e o menu eram exibidos. Mas o botão CTA deles estava no canto inferior direito, então eles decidiram mover o botão para a área quente.

Após esta mudança, eles começaram a conseguir conversões. Uma semana depois, eles chegaram a 378 conversões.

 

Benefícios do uso de heatmaps

Naturalmente, o uso de heatmaps tem muitas vantagens, e podem diferir dependendo das necessidades do seu site.

A sua principal vantagem é a facilidade de utilização e compreensão, devido à representação visual dos dados.

Eles permitem-lhe melhorar a experiência do utilizador porque lhe permitem identificar hotspots e revelar padrões de utilizador, para que possa beneficiar do que é bem feito no seu website e fazer melhorias onde for necessário.

Além disso, eles ajudam a tirar conclusões rapidamente e provavelmente levarão ao aumento das taxas de conversão.

 

Os heatmaps têm um aspecto diferente dependendo do dispositivo

 

Você deve saber que os heatmaps parecem diferentes, dependendo do dispositivo.

Por quê? Porque os padrões dos usuários são diferentes nos dispositivos móveis em comparação com os dispositivos desktop. Eles rolam de forma diferente, não clicam, mas tocam, não podem mover o mouse em um dispositivo móvel, mas podem tocar em seções diferentes da página do site.

Além disso, o site pode parecer diferente em um dispositivo móvel, dependendo do tamanho da tela.

 

Agora que você sabe o que são heatmaps e porque usá-los, você pensaria em experimentá-los?

Comece a utilizar Heatmaps
Estatísticas de tráfego + gravações + heatmaps - a partir de $0/mês