O que é Mapa de Calor e quando utilizar

O mapa de calor é uma ótima ferramenta para avaliar o desempenho do seu site de forma visual. Neste post falamos sobre o que é o mapa de calor e quando utilizar.
Imagem com fundo amarelo com ícones de mouse, seta e tela, representando o mapa de calor.

 

Mapa de Calor ou Heatmap é uma ferramenta utilizada na análise de interface de sites para verificar a interação das pessoas usuárias com a mesma. Nesta análise, utilizamos representações visuais com cores para determinar a quantidade de cliques ou tempo de leitura em uma determinada área, com base no espectro de cores: quanto mais próximo do vermelho, mais quente, indicando que a área possui grande quantidade de interação. As áreas do mapa vão gradativamente até o azul ou violeta, cores mais frias, representando a área com menos interação. 

Os mapas de calor foram criados nos anos 90 pelo designer Cormac Kinney. A técnica foi criada para monitorar o mercado financeiro em tempo real, e hoje é amplamente utilizada em projetos de experiência do usuário. Existem várias ferramentas no mercado que fazem mapas de calor, como o Crazy Egg, o MouseFlow e o ClickTale. Aqui na Tuia nós usamos o Hotjar, caso o cliente não use outra ferramenta predefinida. 

A função dos mapas de calor

Podemos usar os mapas de calor para verificar se um site tem uma boa usabilidade, se a quantidade de cliques em um determinado link está dentro do esperado e também para avaliar até em que ponto os visitantes estão lendo todo o conteúdo da página ou se ela tem grande desistência.

A partir das análises de mapas de calor, conseguimos avaliar pontos de melhorias na arquitetura de informação e na organização do site em si, e identificar se há problemas de usabilidade e também em seu conteúdo, como textos e links. Por exemplo: com o uso do mapa, identificamos que uma área do site possui muitos cliques, porém a mesma não possui nenhum banner ou link que redirecione a outra página. Com essa informação, podemos levantar hipóteses para essa ocorrência: se a área possui uma imagem que parece um botão, se dá a entender que o conteúdo redireciona para outra página, ou outro motivo que esteja confundindo a pessoa usuária. 

Quais são os tipos de mapas de calor?

Existem quatro tipos diferentes de mapas de calor, e cada um deles pode ser usado para investigar determinada métrica, como quantidade de cliques e taxa de rejeição:

Mapa de scroll 

O mapa de scroll é utilizado para saber até onde o usuário chegou em uma página. É normal nesse tipo de mapa que ele comece com a cor mais quente e passe gradativamente a cores mais frias. Quando a cor não passa de maneira fluida, mudando de tom muito bruscamente, percebemos um possível abandono do site, sendo então um problema a verificar e sugerir uma possível melhoria ou solução.

Mapa de clicks

Esse mapa é utilizado para verificar com melhor precisão as áreas com mais cliques na página. Com esse tipo de mapa de calor, conseguimos identificar áreas com mais cliques – inclusive áreas não clicáveis – e analisar pontos de melhorias para as mesmas, melhorando a experiência de navegação.

Mapa de movimento ou hover maps

Os mapas de movimento usam a área de movimentação do ponteiro do mouse para mapeamento, ou seja, as áreas mais quentes são as áreas onde o cursor do mouse passa mais vezes. Esse tipo de mapa é bem útil para avaliar alterações de layout e adaptações na interface.

 

Exemplo de mapas de calor. Do seu lado esquerdo temos o mapa de scroll, com cores mais quentes em cima e cores mais frias em baixo. Do seu lado direito temos o mapa de cliques, com cores espalhadas pelo mapa.
Exemplos de mapas de calor. Fonte: Hotjar.

Aprenda mais sobre UX Research

Aprenda mais sobre UX Research na Tuia:

Como é a cultura de pesquisa dentro da Tuia

ResearchOps: como estamos criando a cultura de pesquisa em nossos clientes

Dicas para não enviesar o seu teste de Usabilidade

Quando utilizar um mapa de calor

Os mapas de calor são uma importante ferramenta de análise de dados e podem ser aplicados sozinhos ou em conjunto com outros métodos. Na Tuia usamos os mapas de calor em conjunto com outras técnicas, como análise de dados do Google Analytics e também em análises heurísticas. 

Quando cruzamos os dados de análises com os resultados de mapas de calor, conseguimos ter uma maior dimensão e precisão do desempenho de um site, se as hipóteses de problemas que levantamos são confirmadas com a quantidade de cliques em uma determinada área ou se o site tem uma alta taxa de desistência porque o conteúdo é mal otimizado.

Se você se interessou em nosso método de trabalho e quer contratar um de nossos serviços, entre em contato conosco e agende uma conversa.

Nos acompanhe também pelo nosso Linkedin e no Instagram.

Serviços relacionados

Conheça alguns dos nossos serviços relacionados

Contato

Quer melhorar seu produto ou serviço? Entre em contato e agende uma conversa com a gente.

Você também pode entrar em contato por e-mail ola@tuia.me ou pelo whatsapp (11) 94011-5017.