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.
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.
