{"id":7951,"date":"2023-03-13T08:30:00","date_gmt":"2023-03-13T11:30:00","guid":{"rendered":"https:\/\/nacao.digital\/blog\/?p=7951"},"modified":"2023-03-17T10:04:05","modified_gmt":"2023-03-17T13:04:05","slug":"o-que-e-mapa-de-calor","status":"publish","type":"post","link":"https:\/\/nacao.digital\/blog\/o-que-e-mapa-de-calor\/","title":{"rendered":"O que \u00e9 mapa de calor? Entenda o conceito e veja ferramentas"},"content":{"rendered":"

Este conte\u00fado foi atualizado em: 17\/03\/2023 <\/i> <\/b> <\/p>\n

Avaliar o comportamento do usu\u00e1rio dentro dos sites, sejam eles e-commerces, blogs, p\u00e1ginas institucionais ou hotsites, \u00e9 essencial para entender quais estrat\u00e9gias s\u00e3o assertivas e onde \u00e9 necess\u00e1rio investir em novos esfor\u00e7os para ampliar resultados. O heatmap de sites \u00e9 uma das ferramentas que auxiliam na an\u00e1lise do comportamento do usu\u00e1rio.<\/p>\n\n\n\n\n\n\n\n

Pensando nisso, neste conte\u00fado, vamos explicar o que \u00e9 mapa de calor, para que ele serve e indicar ferramentas para investir nesse formato de relat\u00f3rio. Boa leitura!<\/p>\n\n\n\n

O que \u00e9 mapa de calor?<\/strong><\/h2>\n\n\n\n

O heatmap<\/em>, em portugu\u00eas, mapa de calor, \u00e9 uma ferramenta que identifica quais \u00e1reas de um site possuem maior intera\u00e7\u00e3o e engajamento do usu\u00e1rio. Para isso, avalia-se quest\u00f5es como cliques, rolagem, movimento do cursor, etc. A ferramenta \u00e9 muito \u00fatil para avaliar qualquer formato de p\u00e1gina web.<\/p>\n\n\n\n

Basicamente, trata-se de uma representa\u00e7\u00e3o gr\u00e1fica do volume de dados das p\u00e1ginas identificada por meio de cores. Onde h\u00e1 maior densidade, as cores quentes, como laranja, amarelo e vermelho, s\u00e3o predominantes (da\u00ed o nome “mapa de calor”) e demonstram se\u00e7\u00f5es em que h\u00e1 maior engajamento. Por outro lado, as \u00e1reas do mapa identificadas em cores frias, como o azul, mostram locais pouco explorados pelos usu\u00e1rios. <\/p>\n\n\n\n

Logo, com esses dados, \u00e9 poss\u00edvel compreender as se\u00e7\u00f5es dos sites que precisam de otimiza\u00e7\u00e3o.<\/p>\n\n\n\n

Importante pontuar que o mapa de calor pode ser criado com base em par\u00e2metros espec\u00edficos, como cliques, rolagem e localiza\u00e7\u00e3o do cursor. Sendo assim, \u00e9 poss\u00edvel gerar relat\u00f3rios diferentes, sendo os principais click map, scroll map e hover map.<\/em><\/strong><\/p>\n\n\n\n

\"exemplo
Mapas de calor s\u00e3o relat\u00f3rios visuais que mostram a concentra\u00e7\u00e3o de dados por se\u00e7\u00e3o da p\u00e1gina web.<\/figcaption><\/figure><\/div>\n\n\n\n

Click map<\/em><\/strong><\/h3>\n\n\n\n

Como o nome sugere, esse mapa de calor identifica as regi\u00f5es da p\u00e1gina em que h\u00e1 mais cliques, que podem ser CTAs, hyperlinks, pop-ups<\/em>, menus, entre outros. Com o click map, <\/em>\u00e9 poss\u00edvel avaliar se a posi\u00e7\u00e3o dos bot\u00f5es e os textos utilizados s\u00e3o chamativos, qual o n\u00edvel de assertividade das estrat\u00e9gias de link building <\/em>e a qualidade do posicionamento de banners, por exemplo.<\/p>\n\n\n\n

Scroll map<\/em><\/strong><\/h3>\n\n\n\n

O scroll map <\/em>representa graficamente o comportamento de rolagem no site. Ele \u00e9 especialmente importante em p\u00e1ginas que possuem muitas informa\u00e7\u00f5es, como a home <\/em>de um e-commerce ou textos de blog<\/a>, afinal, \u00e9 poss\u00edvel visualizar se os usu\u00e1rios permanecem no topo da p\u00e1gina ou se eles navegam por toda a extens\u00e3o do conte\u00fado.<\/p>\n\n\n\n

Um exemplo pr\u00e1tico: <\/strong>voc\u00ea gerou um mapa de rolagem de uma p\u00e1gina de produto e identificou que as regi\u00f5es “quentes” est\u00e3o no footer<\/em> (parte inferior). Isso pode ser um indicativo que, de cara, o usu\u00e1rio n\u00e3o encontrou informa\u00e7\u00f5es essenciais no cabe\u00e7alho, o que \u00e9 um problema.<\/p>\n\n\n\n

Ao visualizar a quest\u00e3o, pode-se propor uma reorganiza\u00e7\u00e3o da hierarquiza\u00e7\u00e3o das informa\u00e7\u00f5es visando a objetividade, para que o consumidor consiga visualizar todos os dados relevantes do seu produto ou servi\u00e7o nos primeiros momentos de intera\u00e7\u00e3o com a p\u00e1gina.<\/p>\n\n\n\n