Questão de Engenharia de Software — User Experience (UX) — VUNESP 2023

Heatmap (Mapa de Calor) em UX

Gabarito: letra E. O heatmap é uma ferramenta de análise de comportamento do usuário que gera uma representação gráfica da página, utilizando uma escala de cores para indicar as áreas de maior e menor atividade (cliques, toques, movimentos do cursor ou rolagem). A alternativa E captura exatamente essa essência ao defini-lo como "uma representação gráfica que mostra em quais pontos de um website houve maior atividade do usuário".

O heatmap é uma ferramenta essencial no arsenal de UX (User Experience) e de análise de usabilidade. Seu objetivo é transformar dados brutos de interação — onde o usuário clicou, até onde rolou a página, onde o mouse passou — em uma visualização intuitiva e de rápida leitura. A metáfora do "mapa de calor" vem justamente daí: assim como um termograma mostra as variações de temperatura, o heatmap mostra as variações de intensidade de interação, usando uma paleta que vai de cores "quentes" (vermelho, laranja) para as áreas de maior atividade, até cores "frias" (azul, verde) para as de menor atividade.

Essa ferramenta é fundamental para responder perguntas como: "Os usuários estão clicando no botão de compra?", "Eles percebem o menu de navegação?", "Até que ponto da página eles rolam antes de desistir?". Com essas respostas, a equipe de design pode tomar decisões baseadas em dados (data-driven) para otimizar o layout, a hierarquia visual e a disposição dos elementos, melhorando a conversão e a satisfação do usuário.

É importante distinguir o heatmap de outras ferramentas de análise de comportamento, que são frequentemente confundidas em provas. O click map (ou mapa de cliques) registra especificamente os pontos onde o usuário clicou ou tocou. O scroll map (ou mapa de rolagem) mostra até que ponto da página os usuários rolaram. O move map (ou mapa de movimento) rastreia o movimento do cursor do mouse. O hover map é um tipo específico de mapa que mostra onde o cursor "pairou" (hover) por um determinado tempo, indicando interesse ou hesitação. O heatmap, por sua vez, é o termo genérico que engloba essas variações, pois todas elas podem ser representadas como um mapa de calor. A pegadinha da banca está exatamente em tentar igualar o heatmap a uma dessas variações específicas, quando na verdade ele é o conceito mais amplo.

A banca explora a confusão entre o heatmap e as métricas e ferramentas vizinhas. A alternativa A, por exemplo, descreve a taxa de rejeição (bounce rate), que é uma métrica, não uma ferramenta de visualização. As alternativas B, C e D tentam amarrar o heatmap a definições incorretas ou parciais de outras ferramentas. O candidato que domina a distinção entre heatmap, click map, scroll map e hover map, e entre ferramentas de visualização e métricas quantitativas, resolve a questão com segurança. Guarde essa fronteira: heatmap é o guarda-chuva; click map, scroll map e hover map são tipos específicos de heatmap.

Alternativa A — ❌ Incorreta

Esta alternativa descreve a taxa de rejeição (bounce rate), uma métrica de análise de tráfego que mede a porcentagem de visitantes que entram em uma página e a abandonam sem realizar qualquer interação (como clicar em um link ou preencher um formulário). É um dado quantitativo, não uma ferramenta de visualização gráfica como o heatmap. O erro está em confundir uma métrica com uma ferramenta de representação visual do comportamento.

Alternativa B — ❌ Incorreta

A alternativa inverte a lógica da escala de cores. No heatmap, a cor vermelha (e as cores quentes) indica a área de maior intensidade de navegação, não a de menor. As áreas de menor atividade são representadas por cores frias, como azul e verde. O erro está na inversão do significado da cor.

Alternativa C — ❌ Incorreta

A alternativa confunde o heatmap com o scroll map (ou mapa de rolagem). O scroll map é uma ferramenta específica que mostra até que ponto da página os usuários rolaram, indicando a profundidade de visualização do conteúdo. O hover map, por sua vez, mostra onde o cursor do mouse permaneceu parado (hover) por um tempo, indicando áreas de interesse ou hesitação. O heatmap é o termo genérico que pode incluir essas visualizações, mas não é sinônimo exclusivo de nenhuma delas. O erro está em igualar o heatmap a uma ferramenta específica.

Alternativa D — ❌ Incorreta

A alternativa confunde o heatmap com o click map (ou mapa de cliques). O click map é uma ferramenta específica que registra os pontos exatos onde o usuário clicou ou tocou na página. O move map (ou mapa de movimento) é outra ferramenta que rastreia o movimento do cursor do mouse. O heatmap é o termo genérico que pode representar visualmente os dados de qualquer uma dessas ferramentas, mas não é sinônimo exclusivo de click map. O erro está em igualar o heatmap a uma ferramenta específica.

Alternativa E — ✅ Correta ⟵ GABARITO

Esta é a definição correta e abrangente do heatmap. Ele é, de fato, uma representação gráfica que utiliza uma escala de cores para mostrar as áreas de um website onde houve maior atividade do usuário, seja por cliques, toques, movimentos do cursor ou rolagem. A alternativa captura a essência da ferramenta: transformar dados de interação em uma visualização intuitiva que destaca os pontos de maior e menor engajamento.

Gabarito: letra E