Entendendo o comportamento do usuário o melhor design de site

Neste artigo, falaremos sobre como rastrear o comportamento do cliente em seu site, as inovações da análise do site UX e todos os motivos para usar um mapa de calor para rastrear o comportamento do usuário para obter o melhor design do site .

O que você encontrará:

• O que é Comportamento do Usuário?
• Como o UX Design impacta a promoção de uma loja online ou site?
• O que é a Análise de Comportamento do Usuário com Ferramentas de Mapa de Calor?
• Por que o site clica em algo que você precisa rastrear
• Comportamento do usuário por meio da análise de cliques e rolagem do site
• Apresentação visual do comportamento do usuário em um exemplo de site ao vivo

Crie designs perfeitos para seu site

Todos os exemplos relacionados ao comportamento do usuário no artigo são baseados nas estatísticas exclusivas de mais de 40 milhões de cliques coletados com o mapa de calor do Plerdy .

Pensando no momento em que você comprou algo, é mais provável que você se lembre de seus sentimentos do que do produto. Qualquer interação com uma loja online ou site fica registrada em sua memória emocional e faz parte do seu comportamento no site.

O que é Comportamento do Usuário?

Hoje, a web oferece toneladas de produtos e serviços que podemos encomendar sem sair de casa. Por exemplo, se você pesquisar no Google 'pedir uma pizza', a pesquisa mostrará mais de 1,1 bilhão de ofertas. O mesmo se aplica a muitas outras categorias de produtos.

Isso leva a uma pergunta: você já percebeu que a experiência do usuário do seu site pode provocar emoções e comportamentos negativos que podem fazer com que até 99% dos potenciais compradores saiam? Aqui estão algumas estatísticas que devem convencê - lo a verificar seu site em busca de problemas de UX e fazer algum rastreamento de suas análises:

• • 79% dos clientes admitem que procurarão outro site se o atual não atender às suas expectativas.
  • 96% dos usuários de smartphones encontraram sites que não têm versões para celular ou não são adaptados para exibição em celular.
  • 52% dos usuários afirmam que uma experiência móvel negativa os torna menos propensos a interagir com sua empresa.
  • 63% dos usuários navegam em produtos ou serviços em diversos tipos de dispositivos (smartphones, tablets, laptops, PC, etc).

Existem muitos dados semelhantes sobre o comportamento do usuário que comprovam a importância de rastrear a experiência do usuário (UX) para marketing digital e clientes online. Então, vamos discutir tudo o que você precisa saber sobre análise de UX.

Como o UX Design impacta a promoção de uma loja online ou site?

Peter Morville, presidente de uma empresa de consultoria que fornece serviços de arquitetura de informação e localização, identifica os seguintes fatores que afetam o comportamento e a experiência do usuário do site:

Em outras palavras, um site com um bom UX deve ser:

• Útil

O conteúdo do site deve atender plenamente às necessidades dos clientes e evocar um comportamento positivo.

• Utilizável

A facilidade de uso continua sendo um componente essencial da experiência do usuário e fornece um bom comportamento do usuário.

• Desejável

Todas as imagens, marca e elementos de design devem ser atraentes e provocar emoções e comportamentos positivos.

• Acessível

Todos os elementos e conteúdo do site devem ser acessíveis a pessoas com deficiência.

• credível

Tudo o que você publica no site deve ser confiável e preciso para que os usuários confiem em você. Isso melhora seu comportamento no site.

• Localizável

O conteúdo deve ser bem estruturado e ter uma navegação clara.

Se todos esses 6 fatores que garantem um bom comportamento e UX do site forem atendidos, os visitantes do site gostarão de usar seu recurso e mostrarão bom comportamento. Portanto, vale a pena acompanhar esses fatores.

No entanto, não apenas as estatísticas e os resultados analíticos mencionados provam que o UX desempenha um papel importante. Recentemente, o Google publicou um livro online de 108 páginas – UX playbook . Está cheio de dicas testadas sobre como aumentar as vendas com UX. A revisão é baseada em testes A/B de uma ampla variedade de pesquisas, análises e artigos. Tendo estudado vários milhares de sites de varejo, o Google Analytics descobriu que existem certos elementos universais de UX.

O livro inclui uma lista de verificação que ajuda a analisar e melhorar o UX de um site móvel em 6 campos principais:

• Página inicial/de destino.
• Menu e navegação.
• Procurar.
• Categoria/produto.
• Conversão.
• Otimização de formulários.

Um UX de site de qualidade não apenas melhora o comportamento de um cliente em seu site, mas também melhora sua classificação de pesquisa. Observe que a usabilidade do site móvel é um dos 200 fatores de classificação mais importantes . A nova abordagem do Google Mobile-First Indexing também presta muita atenção ao UX do site.

✨ Não perca: O melhor guia para web design inclusivo + dicas sobre como fazer

O que é a Análise de Comportamento do Usuário com Ferramentas de Mapa de Calor?

A maioria das lojas online usa análises semelhantes para rastrear o comportamento do usuário. Eles fazem isso por causa de uma crença subjetiva de que todos os recursos da web existentes já foram testados e são bastante convenientes para clientes em potencial. Na realidade, cada site ou loja online tem um público-alvo único, que pode se comportar de forma diferente do seu.

É por isso que, para entender como seus clientes em potencial se comportam em sua loja online, você precisa usar um mapa de calor de cliques.

Os dados coletados com este mapa analítico permitirão que você aprenda mais sobre as preferências e o comportamento dos usuários. Você também verá quaisquer obstáculos ou falhas que impeçam os clientes de concluir a compra.

Esses métodos de pesquisa e rastreamento podem ajudar a aumentar a conversão de uma loja online e uma melhor experiência do usuário.

Acompanhamento do comportamento do usuário com ferramentas de análise de mapa de calor

Essa ferramenta de rastreamento coleta dados e os segmenta pelo tipo de dispositivo usado para visualizar um site e o comportamento dos usuários nele.

Uma vantagem adicional disso é a capacidade de rastrear interações comportamentais com todos os elementos dinâmicos do site (pop-ups, menus, etc). Novamente, tudo acontece em tempo real.

Esses mapas de calor que processam dados de rastreamento de sites não apenas detectam o local onde os cliques acontecem, mas também registram sua sequência. A ferramenta de análise divide uma página em 5 partes de forma percentual e rastreia o número de cliques em cada uma delas. Ele também rastreia a profundidade de rolagem, que também é um aspecto muito importante do comportamento dos usuários. Você pode usar esses dados sobre o comportamento do usuário para definir os pontos mais adequados (as áreas com o máximo de cliques) para colocar informações importantes.

Vamos falar mais sobre os números e resultados que obtivemos rastreando e pesquisando a experiência e o comportamento do usuário nas páginas de vários recursos da web.

Análise do comportamento do usuário com base nos dados do mapa de calor

O comportamento do usuário difere e depende do assunto de um site, da fonte de tráfego e das intenções de um visitante do site. Para uma análise mais precisa do comportamento do usuário, coletamos cerca de 100 milhões de cliques de várias fontes. Essas interações foram feitas em sites com assuntos e funções diferentes.

Aqui está um gráfico do total de cliques agrupados por origem de tráfego. Confiamos nesses dados analíticos em nossos estudos a seguir sobre o comportamento do usuário.

Segmentação do total de cliques por tipo de dispositivo

Como você pode ver no gráfico, o maior número de cliques foi feito em PCs. O número de cliques em dispositivos móveis é significativamente menor e o menor número de cliques é atribuído a usuários de tablets.

Todo mundo sabe que o tráfego móvel está crescendo ano a ano e isso também influencia o comportamento do usuário. Isso levanta uma questão lógica: por que a maioria dos cliques ainda são feitos em desktops?

A resposta é simples. Quando os usuários visitam um site de um dispositivo móvel, eles clicam apenas para uma finalidade específica (para ir para outra página, selecionar um botão ou um link ativo). O resto do tempo eles rolam. Quando os usuários navegam de um PC, eles geralmente passam o mouse sobre o texto, destacam elementos, copiam-nos ou fazem os chamados cliques vazios (cliques fora dos elementos do site). Os cliques direcionados compreendem apenas uma parte do total de interações e seu comportamento.

Análise de movimentos do mouse antes de clicar

O gráfico mostra claramente que os usuários de uma versão de um site para computador passam o mouse sobre os elementos antes de clicar neles (param por pelo menos 2 segundos) com muito mais frequência. Isso significa que eles lêem atentamente o conteúdo ou hesitam.

Depois de conhecer os padrões gerais de comportamento (cliques com base em diferentes origens de tráfego e dispositivos), você pode prever as ações e o comportamento dos visitantes do seu site e ajudá-los a usar seu site com mais eficiência.

Para um acompanhamento, análise e previsão mais detalhados do comportamento do usuário, também preparei um gráfico que mostra a distribuição de cliques entre as partes de uma página.

Distribuição de cliques dependendo da profundidade de rolagem e do tipo de dispositivo

O gráfico abaixo mostra como o número de cliques depende do tipo de dispositivo e da parte de uma página:

Como você pode ver, os usuários fizeram mais cliques nas primeiras partes da página (0-20%). Mesmo se você somar os cliques de outras partes, ainda é menor.

O gráfico também mostra um declínio significativo nos cliques a partir da segunda parte da página (20-40%). Isso significa que você precisa planejar a estrutura do seu conteúdo. As informações mais críticas para os usuários devem sempre ser colocadas na primeira parte, pois são muito importantes para formar um comportamento positivo.

Claro, nem todas as páginas são idênticas. Eles podem ter tamanhos e designs diferentes. No entanto, este gráfico transmite uma ideia principal – se você deseja manter os clientes, coloque frases de chamariz no topo das páginas.

Distribuição de sequências de cliques dependendo da parte de uma página

Enquanto o gráfico anterior mostra onde colocar as principais informações, o próximo ajuda a entender como os usuários navegam nas páginas da web e o que fazem com mais frequência.

As sequências de cliques são segmentadas intencionalmente por tipo de dispositivo. Isso é necessário para ter uma visão geral mais clara do comportamento do usuário.

Distribuição de sequências de cliques em PCs

O gráfico mostra que a maioria dos usuários fez seu primeiro clique em algum lugar na parte superior da página (0-20%). Além disso, o número de primeiros cliques diminui drasticamente no segundo (20-40%) e nas seguintes porções de páginas.

Essa distribuição também mostra que o número de primeiros cliques em diferentes seções da página é sempre maior do que o segundo, terceiro, etc. cliques.

Que conclusões podemos tirar deste gráfico?

Após o primeiro clique, muitos usuários saem da página para ir para outra ou fechar o site. Um número significativamente menor de usuários continua navegando na página e interagindo com o site.

Distribuição de sequências de cliques em smartphones

A situação é semelhante entre os usuários de dispositivos móveis. Ainda neste caso, a diferença entre o número de cliques feitos na primeira (0-20%) e segunda (20-40%) partes da página é mais significativa.

Isso significa que qualquer versão de site para celular deve incluir todas as informações necessárias no topo. É muito improvável que os usuários rolem para baixo em busca de mais detalhes.

Distribuição de sequências de cliques em tablets

Essa comparação é essencial para otimizar um site para diferentes tipos de dispositivos e proporcionar um comportamento positivo do usuário. Enquanto, por exemplo, sua versão para desktop pode conter muitas informações na parte superior da página, uma versão para celular tem espaço limitado. Certifique-se de levar isso em consideração ao projetar seu site para dispositivos móveis para melhorar o comportamento do usuário.

Distribuição da profundidade de rolagem dependendo da parte de uma página

O gráfico abaixo mostra a profundidade com que os usuários rolam as páginas sem fazer cliques.

Com base nos indicadores, podemos detectar um declínio gradual na profundidade de rolagem que começa em um ponto específico da página. A cada parte da página, o número de usuários diminui. Quanto mais baixo vamos, menos visitantes continuam rolando. Como a maioria dos cliques é feita na primeira parte da página, esse gráfico também mostra um declínio a partir da segunda parte.

Por que o site clica em algo que você precisa rastrear

Para garantir que os clientes em potencial se sintam à vontade em seu site, você precisa saber o que eles fazem primeiro logo após o acesso à página. Então vale a pena acompanhar.

Descubra quais cliques eles fazem, quais seções eles visitam e em que estágio do funil de vendas eles saem do seu site. O número de cliques em diferentes elementos do site pode responder às seguintes perguntas:

• O que os usuários gostam em seu site e o que os impede de fazer uma compra?
• Por que uma página do site tem uma taxa de conversão mais alta do que outra?
• Por que seu site tem uma alta taxa de rejeição (ou uma página separada tem uma alta taxa de saída)?
• Seu site inclui algum elemento que parece clicável quando não é?
• O conteúdo é bom? Como você pode aumentar sua profundidade de rolagem?
• Onde estão os pontos mais favoráveis ​​para colocar URLs internos e ofertas interessantes?
• Os pop-ups mostrados na página específica são adequados e eficazes? (Se a maioria dos usuários fechar o pop-up, você deve tentar removê-lo e ver como eles se comportarão sem ele).
• Seus apelos à ação e outros elementos são eficazes?

Somente quando você tiver essas informações, poderá reduzir o número de clientes insatisfeitos, aumentar o comportamento positivo do usuário e conquistar novos clientes.

Comportamento do usuário por meio da análise de cliques e rolagem do site

Você pode visualizar a fatia de dados dos mapas de calor de clique e rolagem do Plerdy imediatamente após a instalação do script de rastreamento. Basta pressionar Ctrl-Alt-H para abrir a barra lateral da ferramenta de análise para rastrear o comportamento do usuário. As estatísticas são exibidas em cada página separadamente. As informações de rastreamento são mostradas em tempo real em um site ao vivo, em vez de capturas de tela usadas por muitas ferramentas de análise semelhantes, como Hotjar e outras. Isso permite rastrear elementos dinâmicos e evitar alternar entre as páginas e o painel principal.

O painel contém todos os dados analíticos coletados agrupados por parâmetros específicos de comportamento do usuário. É muito útil ver quaisquer desvios no desempenho do site que influenciam o comportamento dos clientes.

Apresentação visual do comportamento do usuário em um exemplo de site ao vivo

Ferramenta de rastreamento Heatmaps usada para analisar o comportamento dos visitantes do site para descobrir quais botões de recursos (que encaminha para a seção correspondente) têm as CTRs mais altas. O elemento mais popular é o campo onde os usuários podem inserir a URL ou domínio do site que desejam analisar. De acordo com os dados de rastreamento, este campo foi clicado 10.612 vezes em comparação com o botão Pesquisar com apenas 1.890 cliques.

Assim, podemos supor que outros usuários apenas clicaram em Enter e esperaram pelos resultados ou saíram do site.

Se os donos do site ignorassem esse padrão de comportamento, teriam perdido muitos usuários. Felizmente, clicando em Enter, os visitantes podem executar a análise do link. O único problema é que a análise é bastante lenta, o que pode levar as pessoas a deixar a página.

Além do número total de cliques feitos no elemento, você também pode ver quais elementos/blocos os usuários clicam primeiro. Isso permite que você entenda o que atrai a atenção dos visitantes logo após eles acessarem a página e como isso influencia seu comportamento.

Uma análise separada do CRT da barra de pesquisa exclusivamente para tráfego direto mostra que esse elemento tem 12,3% do total de cliques de tráfego direto (o tráfego direto compreende 47%). Isso significa que, embora a barra de pesquisa seja acentuada nesta página, os usuários também clicam em outros elementos que distraem sua atenção e isso afeta seu comportamento.

Se você quiser saber onde os visitantes do seu site clicam primeiro e como isso determina seu comportamento, os mapas de calor analíticos podem ser muito úteis. Eles não filtram apenas os primeiros cliques por origem de tráfego, mas também por sequências de cliques.

Por exemplo, dessa forma você pode descobrir onde os visitantes que vieram do tráfego orgânico clicaram primeiro e seu comportamento.

Vamos voltar aos gráficos anteriores de sequências de cliques em diferentes partes da página para uma análise mais aprofundada do comportamento do cliente.

Depois de ver esta captura de tela, podemos concluir mais uma vez que 97,6% de todos os cliques são feitos na primeira tela. Assim, as outras 4 partes da página são menos eficazes e raramente clicadas.

A análise das passagens do mouse mostra que os usuários interagem com o elemento muito rapidamente. Os visitantes levam menos de 2 segundos para clicar, embora a maioria deles navegue no site em PCs.

A situação com a profundidade de rolagem é semelhante. A página inicial do site da Serpstat compreende oito telas de rolagem de 1920×1080px. De acordo com os dados coletados, apenas 5% dos usuários visualizaram a segunda tela ou, em outras palavras, rolaram para que o comportamento na segunda tela não fosse tão produtivo.

Os dados de análise de profundidade de rolagem provam novamente que praticamente ninguém verifica a parte inferior do site, então o comportamento ali é quase ausente. Quase não há utilidade em colocar quaisquer elementos adicionais lá.

Últimas palavras

Então essa é a pesquisa que eu fiz junto com a equipe do Plerdy. Espero que ajude você com a análise de UX do seu site e a compreensão do comportamento do usuário.