Back to Blog

Analise o comportamento de seus usuários com os Heatmaps | LIÇÃO #3

outubro 22, 2017 | Alex Castro | | Escola Smartlook

Bem-vindo à terceira lição da Escola Smartlook. Na lição anterior, você aprendeu como identificar as gravações com dados de seus clientes, como, por exemplo, e-mail ou nome. Nesta lição, você vai aprender a usar os heatmaps para analisar o comportamento dos usuários. E se você perdeu alguma das nossas lições anteriores ou quer pular diretamente para a próxima, você pode encontrar todas as nossas lições aqui.

A criação de heatmaps pode lhe dar informações sobre como os usuários estão interagindo com páginas específicas, o que pode ser usado para ajudá-lo a redesenhar seu site ou fazer pequenos ajustes de forma a reter mais visitantes e melhorar suas taxas de conversão. Heatmaps irá mostrar se os visitantes estão interagindo com seu conteúdo importante ou se eles estão lendo e visualizando o que eles deveriam estar lendo e visualizando.

Os seus visitantes estão clicando nos lugares certos?

As melhores páginas para as quais você poderá começar gerando heatmaps são páginas com alto tráfego – páginas importantes, como sua página inicial, páginas de destino ou mesmo páginas com elevadas taxas de  abandono.

Pode haver elementos em suas páginas, como títulos, imagens e formas, que podem induzir os visitantes a clicar sobre eles, esperando que algo aconteça, por causa de sua aparência. Da mesma forma, pode haver alguns elementos clicáveis, como os botões de ação (call-to-action), que estão sendo ignorados pelos visitantes e não estão recebendo os cliques que devem. Os heatmaps de cliques podem ajudá-lo a detectar isso para que você possa direcionar seus esforços para repensar o design de sua página de forma que não sejam confusas para seus visitantes, prevenindo que eles saiam.

Avalie como suas páginas são apresentadas em dispositivos móveis

É cada vez mais comum que os usuários da Internet naveguem em diferentes dispositivos – smartphones, tablets, etc. – com diversas dimensões de tela. Diferentes tamanhos de tela mostram seu site de maneiras que podem não corresponder à versão de desktop de seu site. Então, alguns conteúdos podem parecer menos legíveis, e elementos importantes podem ser posicionados de forma diferente, o que pode comprometer a visibilidade.

Se você quiser certificar-se de que suas páginas permanecem totalmente funcionais e fáceis de usar em todos os dispositivos, preste atenção especial nas versões dos heatmaps em celulares e tablets. Descubra o que você precisa mudar e como ajustar seu design responsivo. Mantenha seu conteúdo legível e seus elementos mais importantes (como os botões de ação) muito visíveis. Proporcione uma experiência de usuário melhor em todos os dispositivos!

Descubra até que ponto seus visitantes estão descendo

Quando seu conteúdo está localizado abaixo da linha de dobra, não é imediatamente visível. É necessário descer na página para poder visualizá-lo. Ter grandes espaços vazios na página pode levar os visitantes a confundi-lo com o fundo da página. Nessa situação, os visitantes não estarão cientes de que há conteúdo abaixo e provavelmente não se deslocarão mais para baixo. Isso pode impedir que os visitantes leiam ou visualizem conteúdos em sua página que possam ser importantes, impactando negativamente a experiência do usuário.

Os heatmaps de Scroll que mostram uma queda muito drástica na percentagem de visitantes que se deslocam ao longo de sua página pode ser indicativo do que foi descrito. Tais situações podem ser resolvidas, por exemplo, reduzindo o espaço vazio entre os elementos da sua página ou redesenhando a página de forma a conscientizar os usuários de que precisam rolar para baixo para alcançar o conteúdo que devem ver.

Descubra onde se situa sua linha de dobra

A primeira impressão que sua página faz pode determinar se um visitante vai ficar ou sair para outra página. É fundamental ter um bom conteúdo que seja apelativo para seu público à primeira vista! Banners importantes e elementos como botões de ação devem ser facilmente visíveis para conduzir os clientes ao fluxo certo desde o início.

Os heatmaps de Scroll são uma ferramenta muito eficaz quando se trata de revelar a linha de dobra média de suas páginas. A linha de dobra é o ponto na sua página em que o conteúdo não é mais imediatamente visível, o que significa que seus visitantes precisam rolar para baixo para poder lê-lo. Isso pode lhe dar uma boa indicação de como você deve reposicionar seu conteúdo mais importante, garantindo que será visto por todos os seus visitantes. Isso também é importante ter em conta quando se analisam heatmaps em diferentes dispositivos.

Revele conteúdo importante “abaixo da linha de dobra”

Frequentemente, seus visitantes podem estar clicando em alguns elementos que não estão no topo de sua página. Esses elementos podem estar abaixo da chamada “linha de dobra“.  Os heatmaps de cliques podem mostrar que algum conteúdo abaixo da linha de dobra está recebendo muitos cliques. Nesse caso, poderia ser uma boa idéia mover esse conteúdo acima da linha de dobra, pois este poderia ser um bom item para chamar a atenção do visitante e motivá-los a permanecer no seu site para explorar mais.

Compare comportamentos entre seus visitantes novos e recorrentes

No pacote Power, você pode gerar heatmaps específicos para visitantes novos e recorrentes. Isso irá lhe dar uma perspetiva das reações primárias e subsequentes ao seu design de sua página. Novos visitantes se comportam de forma diferente daqueles que já conhecem seu site, então é provável que estes heatmaps também se mostrem resultados diferentes.

Nesta lição, você aprendeu como você pode usar seus heatmaps para:
  • Verificar se seus usuários estão clicando em onde devem
  • Compreender a experiência do usuário em suas páginas através de vários dispositivos
  • Descubrir onde a linha de dobra média se situa
  • Detectar conteúdo importante que deve ser movido acima da linha de dobra
  • Ver a diferença entre a maneira como aqueles que visitam seu site pela primeira vez e aqueles que estão regressando interagem com seu conteúdo

Agora cabe a você!

Esses heatmaps levarão a análise de comportamento de seus visitantes para o próximo nível. Comece criando seus heatmaps imediatamente. Crie novos heatmaps agora!

Discussion