Há inúmeras ferramentas que ajudam a entender o comportamento dos usuários dentro do seu site. Eles possibilitam o direcionamento de ações, estratégias pontuais, além de melhorar e deixar mais o intuitivo o layout das páginas. Nesse sentido, torna-se indispensável entender como analisar o seu site com o Heatmap ou Mapa de Calor.
Esse tipo de programa foi pensado justamente para apontar métricas, informações e dados que geram mais conversões – entre outros benefícios. Além disso, também possibilitam a análise do que precisa ser corrigido. Entenda, abaixo, como analisar o seu site com o Heatmap ou Mapa de Calor de forma assertiva e dinâmica.
O que é o Mapa de Calor/Heatmap?
Primeiramente iremos abordar o que é essa ferramenta que, atualmente, é utilizada por grandes empresas – e é quase que uma regra para departamentos de marketing digital. Mapa de Calor (ou do inglês original ‘Heatmap’), é um programa desenvolvido ainda na década de 90 que mostra o comportamento dos usuários dentro de um site.
Assim, é possível coletar uma série de dados e informações sobre como as pessoas navegam por suas páginas através de uma escala de cores. É preciso elencar que as tonalidades podem variar de acordo com cada programa, mas sempre utilizam uma escala média e uniforme – que vem acompanhado de uma ‘legenda’ do mais frio ao calor.
O espectro é basicamente representado do frio (roxo, passando para o azul escuro até o claro) que é o local de pouca interação, intermediário (verde e amarelo-esverdeado), mostra uma interatividade média na página; e o calor (do amarelo até o vermelho), onde estão mais concentradas as ações dos usuários. Contudo, como dito acima, podem variar de acordo com o programa.
Os locais são indicados, como o nome aponta, pelas cores desse mapa de calor que mostra, principalmente:
– O direcionamento do cursor do mouse enquanto elas estão navegando;- Onde, como e quantas vezes clicam em elementos dentro da página;
– Qual posição da página eles permanecem o maior tempo;
– O tempo de resposta para ações, como o Call-To-Action (CTA);Índices de rejeição em determinados elementos;
– Links que são clicados (e quais não são).
Tipos de mapa de calor
Na sequência, passamos para as ferramentas mais convencionais de heatmaps, cada uma de acordo com a sua especificidade. Abaixo, resumimos como cada uma funciona para, posteriormente, entender como analisar o site com o mapa de calor.
As principais ferramentas do gênero são:
Click maps: o calor indicará quais são os cliques realizados nas páginas do seu site;
Scroll maps: determina em que ponto da página o usuário voltou, saiu ou escolheu outra seção do site;
Hover maps: informações sobre as direções, pontos e rolamento do cursor do mouse dentro das páginas;
Recording maps: dão um direcionamento específico de acordo com a navegação de cada usuário.
Como analisar o site
Entendendo o conceito e as principais funcionalidades/ferramentas, passamos para a parte prática. Basicamente, se você deseja saber como analisar o seu site com o Heatmap ou Mapa de Calor, precisa entender previamente que a ferramenta é intuitiva e fácil de utilizar. Ou seja, apesar de precisar de um acompanhamento no início, poderá ser gerenciada de forma autônoma em pouco tempo.
Dessa forma, podemos integrar as funcionalidades ao site com passos e etapas bem claras:
De início é preciso ter as ferramentas que deseja, como as listadas acima, para integrar ao site. Esta etapa pode ser feita por um código que vem integrado ao heatmap escolhido, geralmente incluído na tag <head>;
Como o próprio código irá gerar informações dentro das páginas, você precisará passar a fase de planejamento e análise: quais serão os locais escolhidos previamente, permitindo mais contundência para ‘ler’ o comportamento dos usuários;
Entender a funcionalidade das três principais funções de cada um dos heatmaps – movimentos do mouse, cliques na página e rolamento da página.
Se você chegou até aqui, então poderá conferir a parte mais importante: como analisar o seu site com Heatpmap ou Mapa de Calor. Isso porque a ferramenta estará funcionando assim como planejado, permitindo amplas análises. Para isso, atente-se às seguintes questões:
O topo sempre terá mais calor que as outras áreas. Isso é normal: é lá que as pessoas iniciam na sua página. Por isso, entenda onde as pessoas clicaram nesse local, em que ponto deixaram o cursor do mouse – e por onde arrastaram.
Assim, permite-se colocar elementos valiosos já no início da página.A ferramenta irá mostrar a perspectiva geral da seção que o usuário entrou. Utilize isso para comparar até onde ela foi ou em que ponto as cores passam de quente para frio.
Aqui, entende-se quais conteúdos são pouco relevantes ou que obtêm uma alta taxa de rejeição do usuário.
Com o click maps, atente-se a uma coisa: locais que as pessoas clicam e que não há nenhum link. Analisar esse ponto permite reposicionar links, colocar conteúdos que levem a landing pages específicas.
Analise as extensões das páginas: perceba qual é o tamanho ideal a partir do hover maps – pequenas com pouco engajamento ou grandes sem nenhum calor no final do diretório apontam problemas.
Para isso, pegue as páginas de maior adesão, com mais áreas quentes ao longo do site para melhorar a estrutura interna.Veja como o posicionamento atual de elementos – como o CTA ou banners – influi diretamente na experiência do usuário dentro do site.
Se eles não tiverem cliques ou forem pouco visualizados é preciso remanejar para o que o heatmap identificou como mais promissor e que as pessoas passam/mantém o cursor ou clicam.Tenha páginas específicas apenas para fazer testes.
A análise de um mapa de calor depende, em sua grande maioria, de como o usuário se comporta e, sobretudo, como é possível fazer ele se comportar. Isso amplia as possibilidades, facilitando o processo de estudo e planejamento de um marketing digital assertivo.
Por fim, não deixe de conhecer seu público: o recording maps aliado a outras ferramentas, como o próprio Google Analytics, permite que você conheça o comportamento por faixa etária, sexo e demografia. Isso reduz o espectro de análise em virtude das ações a serem corrigidas (quando o mapa mostra pouco calor) ou maximizadas (quando há muito calor nas páginas).
Após ver como analisar o seu site com Heatmap ou Mapa de Calor, podemos definir que essa ferramenta é ótima e quase que uma regra. Todavia, só poderá ter efeitos práticos se entendida e aplicada a partir das informações que ela traz, com estratégias baseadas em marketing digital.
O que é Hotjar?
Fundado em 2014, o Hotjar cria um “heat maps“, ou mapa de calor, que indica onde as pessoas mais clicam e até onde rolam a página. É possível ainda assistir gravações da tela de alguns visitantes.
O mapa de calor é útil de diversas formas: pode apontar elementos que confundem usuários, locais que podem converter mais e o comportamento geral do visitante. Com isso, você pode rodar testes A/B e observar qual versão altera para melhor a navegação.
Para qualquer site que deseja aumentar sua taxa de conversão, esses conhecimentos são valiosos.
Para facilitar, o Hotjar possui uma versão gratuita, com análise de 2 mil visualizações de páginas por dia e alguns relatórios úteis.
Quais são as funcionalidades do Hotjar?
Agora que você já sabe como é o mapa de calor do Hotjar, veja como funciona para otimizar a conversão:
– Teste de links
– Teste de distração
– Teste de informação
– Teste de dispositivo
– Teste de profundidade
– Teste de engajamento
– Teste do ‘Header”
Quais são as outras ferramentas de mapa de calor?
Clicktale
Uma ferramenta que usa a análise da linguagem corporal dos usuários além dos “heatmaps” para fornecer insights para a otimização de sites.
O Cliktale conta com cinco tipos de heatmaps: movimento do mouse, clicks, atenção, rolagem e análise de links, que fornece dados estatísticos pormenorizados do comportamento dos usuários.
Crazy Egg
O site se define como um par de óculo e raios-x que permite que você veja exatamente o que as pessoas estão fazendo em seu site.
Os heatmaps disponíveis no Crazy Egg são 3: o mapa de clicks, o mapa de rolagem e um mapa que eles chamam de confete, que indica a origem dos cliques em seu site e quais geram mais cliques.
Agora, além de saber o que é Hotjar, você também conheceu o Crazy Egg e o Clicktale.
Nós desenvolvemos uma metodologia detalhada que extrai o máximo de conhecimento e aprendizado de ferramentas como Hotjar, a fim de aumentar as conversões dos sites de nossos clientes.