Aprender / Guias / Guia de mapas de calor
Como usar os mapas de cliques de raiva para reduzir o atrito e aumentar as conversões
Os usuários nem sempre dizem quando se sentem frustrados ao usarem o seu site ou produto, mas muitas vezes, mesmo assim, isso pode ficar bem claro quando você observa certos padrões de comportamento. Por exemplo, através dos cliques repetidos do mouse, eles sinalizam que estão tentando (sem sucesso) realizar uma ação.
Os mapas de cliques de raiva permitem visualizar os pontos problemáticos que irritam seus visitantes, ajudando-o a encontrar soluções simples para melhorar a UX e as taxas de conversão.
Os cliques de raiva não são divertidos para o usuário, e podem ser dolorosos para você também: eles representam pontos de dor e de atrito no caminho do usuário pelo funil da conversão. Mas para eliminar essas zonas problemáticas, primeiro você precisa de uma maneira eficiente de identificá-las.
É aí que entram os mapas de cliques de raiva, visualizações que mostram exatamente onde os cliques de raiva ocorrem em uma página. Neste guia, mostraremos quatro maneiras de usá-los para melhorar a experiência do produto e aumentar o engajamento, as conversões e a retenção do usuário.
A nossa ferramenta de cliques de raiva
Um mapa de cliques de raiva é uma ferramenta de análise de comportamento que mostra em que ponto de uma página os usuários se deparam com atrito e ficam presos, para que você possa fazer melhorias e aumentar as suas conversões.
O uso de mapas de cliques de raiva ajuda a sua equipe a:
Encontre os pontos de frustração do seu site
Os Heatmaps da Hotjar permitem que você visualize mapas de cliques de raiva para minimizar o atrito e aumentar as conversões.
4 maneiras de usar os mapas de cliques de raiva para melhorar o seu site
No passado, se você quisesse descobrir pontos de frustração, ia direto para a ferramenta Recordings da Hotjar, que captura os movimentos, cliques e rolagens do mouse de usuários reais. Em seguida, você aplicava um filtro de cliques de raiva, observava as sessões relevantes em busca de pontos problemáticos e arregaçava as mangas para conseguir resolver o problema.
Essa abordagem ainda funciona muito bem, mas, às vezes, você precisa de uma visão geral antes de se aprofundar nos detalhes. E é aí que os mapas de cliques de raiva entram em ação.
Um mapa de cliques de raiva é um tipo de mapa de calor—uma visualização do comportamento agregado do usuário, que mostra todos os cliques de raiva em uma página, ajudando-o a identificar rapidamente padrões e tendências, para que você saiba quais melhorias devem ser priorizadas.
Não queremos nos gabar, mas isso realmente é um divisor de águas. Vejamos quatro maneiras com as quais os mapas de cliques de raiva facilitam sua vida, levam a uma melhor experiência do usuário, e aumentam as conversões.
1. Redução do atrito na jornada do cliente
Digamos que você seja gerente de produtos em uma agência de viagens on-line, e seja responsável pela importantíssima listagem de resultados de pesquisa, que mostra aos viajantes opções relevantes de hotéis.
A página parece simples, mas muita coisa pode dar errado para o usuário. Há uma abundância de filtros no lado esquerdo e na parte superior da página. Cada página de resultados mostra 20 hotéis, e cada listagem de hotel tem cinco links clicáveis.
Com os mapas de cliques de raiva, você consegue visualizar rapidamente onde os visitantes estão ficando confusos e frustrados durante a sua busca, potencialmente levando a uma desistência. Eles podem acabar decidindo procurar um provedor alternativo. Minimizar esses momentos ruins os mantém no caminho certo para vivenciarem momentos "Uhul!" e decidirem finalizar uma compra.
Se as conversões estiverem em baixa—ou caso você queira apenas ser proativo—experimente estas três etapas:
Abra a ferramenta Heatmaps na Hotjar
Clique em Cliques de Raiva no painel lateral que exibe os tipos de mapas
Procure os ícones com rosto zangado—eles mostram onde ocorreram cliques repetidos na página
💡Dica avançada: use a ferramenta Recordings para saber o que está por trás dos cliques de raiva no seu mapa. Visualizar esses momentos logo antes e imediatamente após o temido clique de raiva pode revelar o que o usuário estava pensando. Você pode perceber que a página está carregando lentamente—ou até mesmo descobrir que não há nenhum problema e que o clique de raiva foi acidental.
Com o plano Observe Business da Hotjar, é fácil alternar dos mapas de cliques de raiva para as gravações. Clique em qualquer ícone de cara zangada no mapa para visualizar as sessões relevantes.
A ferramenta Hotjar Recordings permite que você veja os movimentos do mouse dos usuários, as rolagens e, naturalmente, os cliques de raiva
2. Optimize your checkout flow
Ah, checkout. A pivotal point in any ecommerce customer journey. If you’re a product designer or conversion rate optimization (CRO) specialist, you’re determined to get this part right.
But every so often, you discover shoppers are just inches away from the finish line—when they abruptly abandon checkout. A recent report revealed the average cart abandonment rate hovers right around 70%. The key to reclaiming those lost conversions? Optimizing your checkout flow.
Rage click maps give you an at-a-glance overview of what’s wrong, so you can fix checkout issues like:
A form field that doesn’t work due to a bug
Problems with payment, such as a broken digital wallet link
Unclear ‘required’ fields, so the shopper keeps clicking on the ‘Next’ button but can’t move forward
💡Pro tip: for an even better understanding of checkout issues, set up an exit-intent survey on your checkout page. Ask shoppers their reason for leaving and how you can improve.
Como os cliques de raiva ajudaram a Every.org a aumentar suas conversões
A plataforma de doações Every.org usou dados de cliques de raiva para melhorar o fluxo de checkout e aumentou as conversões em 29,5%. Os cliques de raiva apontaram para um ponto problemático: um formulário com dois botões de call-to-action (CTA) conflitantes. Os usuários que ainda não haviam inserido as informações do cartão de crédito não conseguiam avançar para a próxima tela, causando confusão e frustração.
O acréscimo de uma página adicional ao fluxo de checkout— uma medida rara no mundo da otimização—deixou os usuários mais satisfeitos e aumentou as doações. Todos saíram ganhando.
3. Otimização da experiência do produto (PX)
Imagine que você seja um pesquisador de UX em uma empresa de software como serviço (SaaS). Sua organização oferece uma plataforma incrível de gerenciamento de relacionamento com o cliente (CRM), mas você precisa criar uma experiência perfeita para conseguir reter os clientes.
Os mapas de cliques de raiva são uma maneira rápida de remover obstáculos na experiência do cliente de SaaS.
Por exemplo, ao lançar uma nova versão do produto, você pode criar um mapa de calor de cliques de raiva para identificar problemas comuns de PX e de UX, como
Campos de formulários que contém dicas adicionais de preenchimento pouco claras
Botões que são muito pequenos e difíceis de clicar
Ícones, imagens ou palavras que parecem clicáveis, mas não são
Em seguida, para aprofundar ainda mais a experiência do usuário, você pode executar uma auditoria de UXuma avaliação tela a tela do seu website ou aplicativo da Web a partir da perspectiva do usuário. Você desenvolverá uma maior empatia com os seus usuários e descobrirá novas maneiras incríveis de encantá-los e impressioná-los.
💡 Dica avançada: a criação de um produto e de uma experiência de usuário suave e livre de problemas é um esforço de equipe. Ao detectar um problema no seu mapa de cliques de raiva (ou em qualquer tipo de mapa de calor), use a nossa ferramenta Highlight para registrar este evento e compartilhar com a sua equipe.
Basta clicar em uma área digna de um comentário no mapa e pressionar o botão "Salvar". A partir daí, você pode adicionar o destaque a uma coleção de eventos destacados, para armazenar problemas semelhantes enfrentados por diversos usuários, ou compartilhá-lo com os membros da equipe para que todos possam começar a trabalhar nas correções.
The Highlights feature in Hotjar lets you capture and share your findings to get buy-in and assistance from your team
4. Otimização dos layouts para atender às expectativas dos usuários
Os blogs de negócios estão em alta—desde as pequenas e médias empresas (PMEs) até grandes corporações globais. E isso tudo por um bom motivo: a receita do marketing de conteúdo totalizou 63 bilhões de dólares em 2022.
Os blogs podem destacar as suas ofertas de produtos, estabelecer a sua autoridade no setor, e atrair tráfego de mecanismos de busca para o seu site. Mas, para obter o máximo de retorno do seu investimento em blogs, você precisa de mais do que apenas um conteúdo brilhante—você precisa de um design de blog altamente otimizado. Os mapas de cliques de raiva o ajudam a chegar lá, permitindo que você identifique problemas como:
Áreas acima da dobra que possuem muito espaço em branco, fazendo com que os visitantes fiquem confusos e pensem que está faltando algo
Um divisor de seção visualmente atraente onde os usuários realmente queiram clicar
Um menu suspenso que se abre quando os usuários tentam navegar pelos filtros na parte superior da página, bloqueando a sua visão
Se problemas como esses aparecerem, é hora de fazer uma pequena reorganização. Verifique se o seu blog—ou qualquer outra página do seu site—possui um layout que esteja alinhado com as expectativas dos usuários.
💡 Dica avançada: combine percepções obtidas dos mapas de zonas de engajamento com mapas de cliques de raiva ao otimizar seu layout.
Os mapas de zonas de engajamento permitem combinar dados de cliques, de movimento e de rolagem (ou toques e rolagens em celulares e tablets) para exibir as partes de uma página que recebem mais interação e engajamento dos usuários.
Com as zonas de engajamento, você pode descobrir:
Uma imagem que faz com que os usuários parem no meio do caminho
Um link externo que distrai os seus visitantes e os atraem para outro lugar distante
Uma publicação de blog na parte inferior da página que raramente é vista, mas quando as pessoas a veem, engajam com ela
Isso o ajudará a entender o que os usuários consideram mais valioso, para que você possa chegar a uma conclusão sobre quais elementos precisam de uma nova casa na página, para melhorar a experiência do usuário e aumentar as conversões.
Os mapas da Zona de Engajamento apresentam uma grade colorida sobre a sua página. As caixas mais escuras indicam mais interação do usuário—cliques, rolagens e movimentos—dentro dessa área.
Reduza o atrito e a frustração para ganhar clientes mais felizes e satisfeitos com seu produto
Os mapas de cliques de raiva o ajudam a desenvolver mais empatia pelas necessidades dos usuários e a tomar decisões centradas no cliente. Ao encontrar e resolver rapidamente os problemas de experiência do produto (PX), você ganha a confiança e a fidelidade dos seus clientes. Eles sabem que podem contar com você para corrigir bugs, páginas problemáticas com carregamento lento e elementos de design confusos, constantemente. 💪
Encontre os pontos de frustração do seu site
Os Heatmaps da Hotjar permitem que você visualize mapas de cliques de raiva para minimizar o atrito e aumentar as conversões.
