Usando o Microsoft Clarity para entender melhor os usuários

Publicados: 2022-03-11

O Microsoft Clarity permite que você analise como os usuários interagem com seu site. Ele complementa o Google Analytics e fornece informações do usuário por meio de ferramentas como mapas de calor e repetições de sessão. Quais são os recursos exclusivos do Clarity e como eles podem melhorar a experiência do usuário do seu site?

Hoje em dia, as análises são abundantes. Se você precisar de um programa para coletar dados detalhados sobre seu site, não encontrará falta de opções. No entanto, muitos programas de análise têm curvas de aprendizado íngremes e métricas de rendimento que são difíceis de traduzir em decisões de design.

O Microsoft Clarity é uma ferramenta de análise comportamental que transforma as interações do usuário em insights visuais. O Clarity oferece uma variedade de painéis, mapas de calor e repetições de sessão que revelam quais partes do seu site obtêm o maior e o menor envolvimento. Ele também possui recursos como cliques de raiva e cliques mortos que facilitam a análise de problemas que causam confusão e baixo desempenho.

Quais são os recursos mais poderosos do Clarity?

Como desenvolvedor de software da equipe que criou o Clarity, vi em primeira mão como ele pode ajudar os designers a entender melhor seus usuários. Os recursos do Clarity não são apenas robustos, mas também descomplicados e organizados. Tudo começa com o painel Clarity.

Painel de clareza: insights de alto nível e filtros diferenciados

O painel principal do Clarity exibe métricas de sessão, fontes de tráfego e gráficos que indicam a frustração do usuário. Ele também fornece filtros avançados que permitem pesquisar de acordo com critérios mais sutis, como movimentos do cursor, sistemas operacionais e páginas redimensionadas.

Além disso, o Clarity oferece a opção de criar tags personalizadas ilimitadas — filtros personalizados que aceleram sua capacidade de encontrar sessões específicas para revisão. As tags personalizadas são especialmente úteis quando você precisa:

Identifique conversões, como envios de formulários e compras
Encontre mapas de calor e gravações de sessão para usuários específicos
Acompanhe quando determinados usuários estão conectados e que tipo de página eles estão visualizando

Esta é uma captura de tela do painel principal do Microsoft Clarity. — O painel principal do Clarity exibe uma variedade de métricas do site.

Métricas de frustração: identifique e elimine problemas de usabilidade

Deixados desmarcados, os problemas de usabilidade levam ao abandono do site. Felizmente, as métricas de frustração do Clarity isolam interações que sugerem falhas de design de UX:

Cliques de raiva : um usuário clica rapidamente na mesma área várias vezes. Cliques de raiva podem sinalizar tamanhos de alvo insuficientes ou design visual enganoso.
Cliques mortos : um usuário clica em um elemento, mas nada acontece. Cliques mortos podem ser o resultado de links quebrados.
Rolagem excessiva : um usuário rola rapidamente para cima e para baixo em uma página com mais frequência do que o usuário médio. Rolagem excessiva pode indicar baixa capacidade de descoberta ou conteúdo irrelevante.
Quick backs : um usuário visita uma página e rapidamente volta para a página anterior. Os retornos rápidos podem ser causados por ícones ou descrições de conteúdo enganosas.

Repetições de sessão: veja como os usuários realmente experimentam seu site

A guia "Gravações" é onde você pode assistir às repetições da sessão. Além de rastrear movimentos e cliques do cursor, as repetições incluem informações como URLs de entrada e saída, duração da sessão, data e dispositivo.

O Clarity também oferece uma caixa de seleção “Ignorar inatividade” que permite que você passe por longos trechos quando os usuários não estão fazendo nada – uma grande economia de tempo ao visualizar várias sessões.

Acima de cada vídeo, a opção “Mais detalhes” revela uma linha do tempo das ações dos usuários. Cada ação é clicável e vinculada ao seu lugar na gravação.

Esta é uma captura de tela do recurso de gravação de tela do Microsoft Clarity. — As gravações de sessão do Clarity permitem rastrear movimentos e cliques do mouse.

Mapas de calor: visualize seu conteúdo mais atraente

Os mapas de calor são uma maneira fácil de visualizar sessões agregadas e entender como os usuários interagem com uma página. Cores mais quentes indicam áreas mais populares e cores mais frias indicam áreas menos populares. Há três tipos de mapas de calor disponíveis no Clarity:

Os mapas de calor de cliques mostram onde os usuários clicaram em uma página da área de trabalho.
Os mapas de calor de toque mostram onde os usuários tocaram nas páginas de dispositivos móveis e tablets.
Os mapas de calor de rolagem mostram o quanto os usuários rolaram para baixo em uma página.

Mapas de calor de clique e toque podem ajudar a identificar conteúdo atraente e atuar como linhas de base para comparar iterações de design. Eles também podem descobrir elementos que os usuários erroneamente consideram interativos, como uma ilustração que inclui um botão "Reproduzir".

Usando o mapa de calor de rolagem, você pode passar o mouse sobre uma seção de uma página para visualizar a porcentagem de usuários que atingiram esse ponto. Os mapas de calor de rolagem também identificam uma dobra média – a área na parte superior de uma página que os usuários veem antes de rolar.

Nota: Os filtros do painel também podem ser aplicados às guias “Gravações” e “Mapas de calor”.

Esta é uma captura de tela do mapa de calor Scroll do Microsoft Clarity. — Usando o mapa de calor de rolagem do Clarity, você pode ver as porcentagens de usuários que alcançaram diferentes pontos em uma página.

Como ajustar as configurações do Clarity

O Microsoft Clarity simplifica o início de novos projetos, mascarar dados e bloquear endereços IP específicos. Ele também se integra ao Google Analytics para fornecer uma imagem mais detalhada dos pontos fortes e fracos do seu site.

Configuração de clareza: compatível com plataformas populares de terceiros

Após fazer login no Clarity, você será direcionado para a página "Projetos". Comece clicando em “ADICIONAR UM NOVO PROJETO” e inserindo os detalhes do seu site. Vale ressaltar que a funcionalidade do Clarity está disponível para todos os sites, independentemente do volume de tráfego.

Depois de criar um projeto, você será direcionado para a página "Configuração" e receberá um código de acompanhamento do Clarity. Copie e cole o código na seção HTML <head> de sua página ou instale-o por meio do plug-in WordPress do Clarity ou do modelo do Gerenciador de tags do Google. O Clarity também fornece instruções de configuração para várias plataformas de terceiros.

Mascaramento: Proteja os dados do seu site

Existem três modos de mascaramento que impedem o Clarity de capturar o texto sensível do seu site:

Strict : Todo o texto é mascarado.
Balanceado : Somente o texto sensível é mascarado. O texto confidencial inclui campos de entrada, números e endereços de e-mail. (Esta é a configuração padrão do Clarity.)
Relaxado : Nenhum texto é mascarado.

Além dos modos de mascaramento do Clarity, você também pode mascarar conteúdo específico, como imagens.

Observação: não é aconselhável usar o Clarity em sites que incluam dados confidenciais, como registros médicos ou informações financeiras.

Esta é uma captura de tela dos três modos de mascaramento do Microsoft Clarity. — Você pode impedir que os servidores do Clarity coletem o texto do seu site aplicando um de seus modos de mascaramento.

Bloqueio de IP: exclua certos visitantes do rastreamento

O bloqueio de IP impede que endereços IP específicos sejam registrados pelo Clarity. Por exemplo, você pode querer bloquear visitas ao site de membros de sua equipe. O tráfego proveniente de endereços na lista de bloqueio não aparecerá no painel do seu projeto.

Google Analytics: Link para gravações do Clarity

Embora existam semelhanças entre as plataformas, Google Analytics e Clarity não são concorrentes, eles se complementam. O Google Analytics mede o tráfego e o desempenho do comércio eletrônico. O Clarity rastreia métricas semelhantes, mas também permite que você veja como os usuários realmente navegam e interagem com seu site.

Por exemplo, se você notar uma página com baixo desempenho no Google Analytics, poderá usar o Clarity para assistir às sessões do usuário e identificar as falhas de design da página. Na verdade, o Clarity oferece uma maneira fácil de vincular a reproduções de sessão no painel do Google Analytics.

O Microsoft Clarity fornece informações valiosas sobre o usuário

Os designers dedicam incontáveis horas à pesquisa de usuários, arquitetura da informação, prototipagem e testes. A análise comportamental é vital para esse processo contínuo de descoberta e refinamento porque revela quais opções de design funcionam e quais não. Com seus recursos intuitivos e simplicidade gráfica, o Microsoft Clarity ajuda os designers a transformar comportamentos complexos do usuário em decisões de design baseadas em dados.