Introducing G2.ai, the future of software buying.Try now

Mapa de calor

por Holly Landis
Heatmaps são um meio de visualização de dados que exibem a atividade em um site ou aplicativo. Aprenda como integrar heatmaps no design de um site ou aplicativo.

O que é um mapa de calor?

Mapas de calor são um método visual de representação de dados em que os valores são exibidos graficamente usando variações de cores para representar cada valor diferente. A cor indica o tamanho do valor.

Embora os mapas de calor tenham sido usados para uma variedade de aplicações desde sua invenção no final dos anos 1800, os mapas de calor modernos são mais comumente empregados para entender o que está e o que não está funcionando bem em uma página de site.

Os mapas de calor mostram em quais elementos da página os usuários clicaram ou até onde eles rolaram a página. Isso informa aos profissionais de marketing e designers de sites o que os usuários fazem em sua página, se os visitantes estão ignorando elementos importantes do site ou se alguma falha de design está impedindo um potencial cliente de converter.

Embora os mapas de calor possam ser criados manualmente, a maioria das versões digitais recorre a ferramentas especializadas de mapa de calor que podem ser integradas a um sistema de gerenciamento de conteúdo de site ou adicionadas via HTML para rastrear o comportamento do usuário em um site em tempo real.

Tipos de mapas de calor

Nem todo tipo de mapa de calor é apropriado para todas as situações. Para uso em sites e em design de experiência do usuário (UX), nossos principais tipos de mapas de calor são usados com mais frequência.

  • Mapas de calor de clique e toque são os mapas de calor mais comuns em UX e design de sites. Eles registram informações sobre onde os visitantes do site clicam em uma página de destino, usando variações de cores para mostrar as áreas menos e mais populares.
  • Mapas de rolagem mostram até onde os visitantes do site rolam em uma única página, destacando os pontos em que os usuários saem. Embora o mapa de calor não possa mostrar por que um visitante abandona uma página, saber onde eles saem pode informar decisões de design destinadas a encorajar os visitantes a permanecerem na página por mais tempo ou seguirem uma chamada para ação.
  • Mapas de rastreamento de mouse ou de movimento registram dados que indicam onde o cursor de um usuário se move em uma página de destino ou se permanece em um lugar específico por algum tempo.
  • Mapas de rastreamento ocular são uma representação mais precisa do comportamento do usuário do que os mapas de mouse. Mapas de movimento são úteis, mas não mostram onde um usuário está realmente olhando na tela. Em alguns casos, o posicionamento do mouse e dos olhos pode coincidir, mas os mapas de rastreamento ocular seguem os olhos do usuário enquanto eles olham para uma página. Como é necessária tecnologia especializada para rastrear esses dados, os mapas de rastreamento ocular são geralmente usados em ambientes de laboratório ou via webcams para experimentos de marketing ou pesquisas.

Elementos básicos dos mapas de calor

A maioria dos mapas de calor usa um esquema de cores em escala de cinza ou arco-íris para destacar intervalos de valores, com um espectro de quente para frio demonstrando os elementos mais a menos populares na página. Arco-íris são frequentemente preferidos, pois oferecem mais variação de tons que são mais fáceis de perceber do que níveis de branco a preto em uma escala de cinza.

Independentemente da escala de cores usada, os mapas de calor mostram:

  • As ações que os usuários realizam em uma página. Botões, links ou campos de formulário que são frequentemente clicados são destacados nas cores mais quentes em um mapa de calor de clique ou toque – vermelho em uma escala de arco-íris. Em um mapa de rolagem, as cores geralmente desbotam de vermelho para azul mais abaixo na página à medida que os usuários saem em vários pontos.
  • As informações com as quais os usuários interagem. Áreas de calor em um mapa de calor demonstram lugares em uma página de destino que estão recebendo mais atenção dos visitantes, seja por cliques, rolagens ou até mesmo movimentos rastreados pelos olhos. Se as informações importantes de uma página de destino estão aparecendo como "frias" em um mapa de calor, isso significa que os usuários não estão passando tempo suficiente interagindo onde o designer deseja. Pode ser necessário uma edição ou reformulação para direcionar os visitantes ao lugar certo.

Benefícios de usar mapas de calor

Outras ferramentas podem determinar métricas sobre quais páginas os usuários visitam, mas nem sempre geram informações úteis ou precisas sobre o que um usuário está fazendo uma vez que chega à página. Mapas de calor são uma das melhores maneiras para profissionais de marketing e designers de sites:

  • Compreender melhor como os usuários se comportam em uma página de destino. Ter acesso a dados sobre o que os visitantes do site estão fazendo em páginas específicas fornece contexto para outras métricas importantes do site, como taxa de conversão e tempo na página.
  • Identificar padrões de comportamento do usuário ao longo do tempo. Com dados sendo coletados em tempo real e ao longo de longos períodos, os mapas de calor permitem que os designers vejam tendências no comportamento dos visitantes, tanto desejáveis quanto indesejáveis.
  • Decidir sobre o design web atual e futuro. Fazer escolhas importantes sobre o layout e design de uma página sem informações do usuário pode ser um erro caro e demorado. Mapas de calor ajudam as empresas a evitar alguns desses problemas, fornecendo dados concretos para apoiar decisões sobre posicionamento de conteúdo, botões, links ou comprimento da página. Isso torna a experimentação, como testes A/B, mais propensa a ser bem-sucedida.
  • Entender grandes quantidades de dados de usuários em um formato fácil de visualizar. Grandes quantidades de dados numéricos podem ser difíceis de compreender. As escalas de cores usadas em mapas de calor são mais facilmente percebidas pelo cérebro do que texto, tornando mais simples analisar e entender.

Melhores práticas para usar mapas de calor

Embora os mapas de calor sejam benéficos em marketing e design UX, é fácil interpretar mal os dados se as principais melhores práticas não forem seguidas desde o início. Elas incluem:

  • Decidir quais páginas são as mais importantes para rastrear. Pode ser tentador instalar software de mapa de calor em todas as páginas de um site, mas isso geralmente não é necessário. Em vez disso, o foco deve estar nas mais críticas para o negócio, como páginas de destino de vendas importantes ou páginas de conversão principais.
  • Escolher o tipo certo de mapa de calor. O tipo de dados e métricas que precisam ser avaliados orientam a decisão sobre qual tipo de mapa de calor colocar em uma página.
  • Rastrear um número mínimo de visitas à página antes de usar os dados. Mapas de calor não são uma ferramenta mágica que pode conjurar dados significativos num piscar de olhos. É vital que o rastreamento seja permitido para coletar informações sobre um grande número de visitantes do site para garantir dados confiáveis.
  • Verificar os dados do mapa de calor com outras fontes. Dados não significam nada sem contexto. Cruzar os dados do mapa de calor com outras métricas de ferramentas de análise ou feedback de usuários torna as informações coletadas no mapa de calor mais valiosas.

Rastreie o comportamento do usuário em um site e tome decisões de marketing baseadas em dados com software de análise digital.

Holly Landis
HL

Holly Landis

Holly Landis is a freelance writer for G2. She also specializes in being a digital marketing consultant, focusing in on-page SEO, copy, and content writing. She works with SMEs and creative businesses that want to be more intentional with their digital strategies and grow organically on channels they own. As a Brit now living in the USA, you'll usually find her drinking copious amounts of tea in her cherished Anne Boleyn mug while watching endless reruns of Parks and Rec.

Software de Mapa de calor

Esta lista mostra os principais softwares que mencionam mapa de calor mais no G2.

Plerdy é uma solução SaaS para o aumento da taxa de conversão do seu site e/ou loja online. O produto consiste em ferramentas para coleta e processamento de dados, análise completa e analítica.

Com mais de 190.000 clientes satisfeitos, Mouseflow é a plataforma de análise de comportamento preferida por profissionais de marketing digital, Produto e UX em startups e empresas em todo o mundo. Mouseflow permite que você grave todas as visitas ao seu site, não apenas uma fração delas. Ele também permite que você crie instantaneamente 6 tipos de mapas de calor em todas as suas páginas, analise funis, formulários, lance campanhas de feedback e muito mais.

Análise e Feedback Tudo-em-um.

Smartlook é uma ferramenta projetada para gravar as telas de usuários reais em seu site. Ela permite que os usuários vejam onde os visitantes clicaram com o mouse, o que preencheram em um campo de formulário, onde passam a maior parte do tempo e como navegam por cada página.

Desde 2005, a Crazy Egg tem ajudado centenas de milhares de proprietários de sites a prestar atenção a cada visitante do site, para que possam tirar o máximo proveito de cada visita ao site. Com acesso a 5 tipos diferentes de mapas de calor, uma ferramenta de gravação de visitantes/reprodução de sessões, testes A/B e pesquisas, você tem o pacote completo para transformar seu negócio melhorando a experiência do usuário.

Crie e execute testes facilmente para aumentar a receita, combater o abandono de carrinho e construir experiências digitais incríveis que convertem, sem codificação ou envolvimento de TI.

Lucky Orange é uma ferramenta que permite ver rapidamente quem está no site e interagir com eles de várias maneiras, conversar com visitantes no site, assistir ao movimento do mouse na tela e clicar em tempo real, reproduzi-los como gravação, gerar mapas de calor bonitos de cliques, movimentos do mouse (rastreamento ocular) e profundidade de rolagem, criar enquetes rápidas e perspicazes, e mais.

A Nuvem de Análise de Experiência Digital da Contentsquare permite que as equipes de Marketing, eCommerce, Operações, Análise e Produto entendam o que faz seus clientes clicarem, para que possam priorizar as ações corretas para criar melhores experiências na web e em aplicativos que geram mais receita.

Freshsales é um CRM de vendas criado para ajudar você a parar de alternar entre várias ferramentas. É ideal para pequenas empresas e revigorante para grandes empresas.

A plataforma de insights de atenção prevê onde os usuários irão olhar enquanto interagem com o conteúdo. Ela permite identificar erros de atenção visual e obter insights sobre mudanças de atenção dos usuários sem a coleta de dados.

O aplicativo Ptengine ajuda os profissionais de marketing e webmasters a transformar mais visitas em conversões. Por "conversões" queremos dizer vendas, leads, assinantes de e-mail, compartilhamentos sociais--quaisquer que sejam os objetivos que as pessoas tenham para um site. É parte de um movimento crescente para sites. Como obter tráfego está mais difícil e caro do que nunca, nossos usuários estão se concentrando em obter mais do tráfego que já possuem.

O Google Analytics não apenas permite que você meça vendas e conversões, mas também oferece novas percepções sobre como os visitantes usam seu site, como chegaram ao seu site e como você pode mantê-los voltando. Entregue na plataforma de classe mundial do Google.

VWO Insights combina gravações de sessões, mapas de calor, pesquisas na página e mais para diagnosticar áreas problemáticas nas experiências dos seus visitantes. Assim, você pode corrigir o que está quebrado. E tornar as coisas boas ainda melhores.

A Glassbox oferece análises de experiência do cliente digital para aplicativos web e móveis. Aumente a receita, a rentabilidade e a lealdade com uma experiência digital otimizada.

Uma plataforma de sucesso para pessoas que permite agir em conjunto e construir um local de trabalho onde todos possam prosperar.

Hitsteps é a próxima geração de análise da web, com relatórios em tempo real, mapa de calor, análise de página e chat ao vivo.

Clarity é uma ferramenta gratuita e fácil de usar que captura como as pessoas realmente usam seu site. Com o Clarity você pode: Criar um mapa de calor em minutos usando dados que você já possui para ver como seus usuários estão clicando e rolando. Encontrar gravações para quase qualquer cenário com nossa rica segmentação. Tomar decisões baseadas em dados com insights impulsionados por aprendizado de máquina. Conectar Clarity e Google Analytics para entender os comportamentos dos usuários que impulsionam os dados.

A única fonte de verdade para o comportamento do usuário de aplicativos móveis. UXCam é uma plataforma de análise de aplicativos móveis tudo-em-um que permite às empresas compreender o comportamento do usuário.

Pertencente à airSlate desde 2023, a Instapage facilita a publicidade digital personalizada para equipes e agências ao fornecer uma solução poderosa de ponta a ponta para construir, integrar e otimizar rapidamente páginas de destino.