uso do hotjar insigths - lições de usabilidade e experiência do usuário

Plano de Ação e os 8 Testes de Usabilidade

Dicas de Uso da Ferramenta Hotjar

Plano de Ação

Fonte: http://www.hotjar.com/heatmaps

“Grande Visão” sobre os visitantesAtravés das ferramentas do Hotjar podemos descobrir o que os usuários fazem no site (Heatmaps, reprodução e funis de visitas) e o mais importante, por que eles fazem isso (comentário de pesquisas, pesquisas e recrutar usuários para testes).

http://www.hotjar.com/heatmaps?utm_source=BetaEmail&utm_medium=email&utm_content=button&utm_campaign=HeatmapGuide

“Grande Visão” sobre os visitantesDeve-se ter em mente uma ampla visão sobre o porquê e como os usuários nagevam no site, antes de fazer qualquer mudança ou teste.

Fonte: http://www.hotjar.com/action-plan

http://www.hotjar.com/action-plan


Drives. O que os seus visitantes estão buscando em seu site?

Ferramentas Hotjar que revelam Drivers: Enquetes, Pesquisas e recrutar Testers usuário.

Iscas. O que persuade seus usuários para alguma ação?

Ferramentas Hotjar que revelam Iscas: Enquetes, Pesquisas e recrutar Testers usuário.

Barreiras. Onde e porquê seus usuários estão abandonando seu site.

Ferramentas Hotjar que descobrem Barreiras: Heatmaps, a reprodução Visitor, funis de conversão, o feedback pesquisas, sondagens e recrutar testadores de usuário.





Direcionadores - DrivesDescubra a intenção dos visitantes através de perguntas simples como: o que está procurando?

Pergunte a seus visitantes a usar suas palavras para descrever o que eles estão procurando - e por que eles querem - e você vai descobrir insights poderosos. Usando as mesmas palavras exatas de seus visitantes lhes permitirá se conectar melhor com o conteúdo, interface e experiência do seu site.

Entender sua intenção também irá torná-lo mais fácil de priorizar o direito pontos de venda mais elevado em suas páginas.

Finalmente - pergunte a seus visitantes onde exatamente eles descobriram sobre você. Esta é uma ótima maneira de descobrir novos e inesperados canais para o crescimento.

Ferramentas Hotjar que revelam Drivers: Enquetes, Pesquisas e recrutar Testers usuário.



Barreiras - BarriersSe você não entender onde e por que seus visitantes estão deixando o site não pode realmente melhorar a experiência do seu site e linha de fundo. Então, pare de mudar botões e layouts de páginas - e começar a focar em quebrar suas grandes barreiras no lugar.

Sempre concentrar primeiro em sua maior barreira. Sua oportunidade mais quente é sempre uma etapa ou página com o maior tráfego e a maior queda off - comece por lá.

Exemplos de Barreiras em ação:

■ Uma empresa de hospedagem na nuvem descobriu que a maioria dos visitantes abandonavão a página porque sentiram que seus preços era muito caros. Esta revelação levou a um aumento nas taxas de conversão depois de dedicar mais conteúdo para explicar por que o preço era mais elevado e como concorrentes tinham taxas escondidas.

■ Um site de e-commerce que vende flores descobriu que eles estavam perdendo a maioria de seus visitantes em sua página de checkout devido à falta de confiança na marca. Eles impulsionaram a confiança, dando mais importância a comentários de clientes e 'existentes em' logos no alto da página.

■ Visitantes em um homepage ferramenta Saas foram ficando confuso entre o registo e formulário de login. Alterar títulos e rótulos melhorou inscrições e retenção do usuário.



Barreiras - BarriersFerramentas Hotjar que descobrem Barreiras: Heatmaps, a reprodução Visitor, funis de conversão, o feedback pesquisas, sondagens e recrutar testadores de usuário.



Iscas - HooksQuais são os seus clientes realmente comprar de você? Eles são realmente um produto ou serviço ou que estão comprando em um novo estilo de vida e status?

Compreendendo o que realmente convenceu seus usuários existentes / clientes para agir ou converter é o caminho mais rápido para converter ainda mais de seus visitantes. Ele também irá ajudá-lo a entender o que vai mantê-los a voltar para mais.

Exemplos de Hooks em ação:

■ Um site de e-commerce que vende ferramentas de bricolage descobriu que os clientes estavam a 'aquisição de uma melhoria para a sua casa, em vez do que as próprias ferramentas. Mudando o foco de recursos para a forma como as ferramentas podem ser usadas em diferentes projetos melhorou as taxas de conversão.

■ Os jogadores em um site de jogos estavam interessados principalmente na interação divertida e social - e não apenas ganhar dinheiro. Ajustar o conteúdo do site para corresponder a esta expectativa teve um enorme impacto sobre as taxas de inscrição.



Plano de Ação Hotjar1. Configure um Heatmap em páginas de alto tráfego e nas páginas com alto índice de rejeição.

2. Descobrir 'Drivers' com Pesquisas feedback nas páginas de destino de alto tráfego.

3. Enviar Pesquisas por e-mail aos seus usuário/clientes existentes.

4. Defina-se um funil para identificar maiores barreiras do seu site.

5. Configure Comentário Pesquisas em páginas de barreira.

6. Configure Heatmaps em páginas de barreira.

7. Use Playback visitante a reproduzir sessões onde os visitantes estão saindo nas páginas de barreira.

8. Recrutar Testers de usuários para revelar Drivers e observar Barreiras.

9. Revelar 'ganchos' com uma Poll comentários em suas páginas de sucesso.


PORQUE: As páginas de alto tráfego e de alta taxa de rejeição pode oferecer maior oportunidade para reter mais visitantes em seu site. Configurando Heatmaps para estas páginas permite identificar como os visitantes estão se engajando com suas páginas do local - e as maiores oportunidades para manter mais visitantes em seu site.

COMO: Configurar Heatmaps em páginas de alto tráfego e, em seguida, executar nossas rápidas 8 testes heatmap Hotjar para revelar os problemas e soluções mais comuns para cada um.


1) Configurar um Heatmap em páginas de alto tráfego e nas páginas de destino de rejeição alta.



PORQUE: Por "entrevistar" o seu maior 'pool' de visitantes que você vai ter uma rápida compreensão do por que seus visitantes estão em seu site. Certifique-se de que cavar fundo por que seus visitantes estão usando seu site. Se você estiver executando um site de jogos que queremos perguntar por que eles querem jogar - é por dinheiro, divertimento, para socializar? Isso pode ser usado para fazer o projeto e um texto do seu site mais relevante e persuasiva.

COMO: Configurar uma Poll feedback aberto que dispara após 5 segundos. Aqui estão três modelos para escolher:1. "Por que você está procurando [serviço / tipo de produto] hoje?"2. "O que está faltando nesta página?"3. "Onde exatamente você começou a ouvir falar de nós?"

Não force os seus visitantes a escolher entre uma lista de respostas. Use um campo de texto de resposta livre, em vez e construir um mapa palavra "Drivers 'usando as respostas de sua enquete. Aqui estão as respostas que recebemos em Hotjar.com à pergunta "Pergunta rápida - Como vai Hotjar tornar sua vida mais fácil ou melhor?" Isso não deve substituir a leitura atenta através de todas as respostas recebidas.


2) Descubra Drivers com as pesquisas feedback nas páginas de destino de alto tráfego.



PORQUE: obter respostas diretamente de seus usuários existentes é a maneira mais rápida para revelar Drivers, Barreiras e Hooks - tudo de uma só vez!

COMO: Criar uma pesquisa que inclui a 3 aberto seguinte terminou perguntas:

1. "O que o levou a procurar nosso [serviço / tipo de produto]? Explique em detalhes, tanto quanto possível, como podemos fazer a sua vida mais fácil / melhor."

2. "O que quase impediu de usar nossos serviços? Liste quantos itens que você pode pensar"3. "O que te persuadiu a tomar a ação de [por exemplo, comprar / Inscrever-se]. Lista como muitos itens que você pode

pensar."4. "O que poderíamos ter feito para facilitar sua decisão?"

Adicione quaisquer outras perguntas que você sente é valioso -, mas evitar ir mais de 7 ou 8 perguntas. Grandes questões extras para perguntar:

1. "Como você se descreveria? Por exemplo, eu sou um designer de 30 anos de idade do sexo masculino que ama carros e poker."

2. "Como você nos descrever a um amigo?" (Esta é uma ótima maneira de obter depoimentos para o seu site!)

Incentivar respostas, oferecendo um presente ou um prêmio para um sortudo ganhador. Dê um curto prazo para receber respostas para adicionar urgência.


3) Formulário de pesquisa para clientes/usuários por e-mail



PORQUE: É fácil trabalhar em muitas partes do seu site de uma só vez. Com a criação de funis você pode entender onde está perdendo a maioria dos visitantes e priorizar o trabalho nesses primeiros passos.

COMO: A chave para um grande funil é construí-lo 'para trás'. Comece perguntando a si mesmo - o que é o seu maior objetivo? A inscrição, um pedido? Criar um funil que mapeia de volta para suas páginas mais elevados de trânsito. A regra geral é ter um funil para cada meta em seu site.

Cada Funnel só irá mostrar os dados para os visitantes que visitaram o primeiro passo no funil. Então, se você tem 2 principais fontes de tráfego para um objetivo por exemplo Homepage e da página de destino, você vai querer um funil separado para cada um.

Eis alguns exemplos típicos funil tipo de site:1. E-commerce: Página Inicial> páginas dos produtos> Cart> Checkout> Obrigado Página2. Notícias / Blog: Página Inicial> Artigo Pages> Assinar Page> Sucesso Página3. Web App: Página Inicial> Julgamento Inscrição Page> Interface> Página Atualização> Obrigado página


4) Configurar um funil para identificar maiores barreiras do seu site.



PORQUE: Agora que você sabe onde você está perdendo a maior parte de seus visitantes é hora de obter feedback dos seus visitantes sobre por que isso está acontecendo.

COMO: Criar uma enquete feedback que tem como alvo essas páginas e está programado para aparecer na saída ou quando os pergaminhos do visitante meio caminho para baixo a página. Se a sua taxa de resposta é baixa mudança que ele apareça após 10 segundos.

Aqui estão três modelos de perguntas para escolher:"Pergunta rápida - se você não decidiu [ação por exemplo, inscrição / comprar] hoje o que parou você?""Rápida Pergunta - Qual é a sua maior preocupação ou medo sobre o uso de nossos serviços?""Rápida Pergunta - O que está faltando nesta página?"

Para obter melhores resultados consideram rotativa entre os diferentes tipos de perguntas.


5) Configure Comentário Pesquisas em páginas de barreira.



PORQUE: Gerando um Heatmap para suas páginas altas de saída é muito perspicaz. Você será capaz de visualizar rapidamente como os visitantes estão interagindo com suas páginas - cliques, torneiras, movimentos do mouse e rolagem. Isto lhe dará uma idéia melhor do que os seus visitantes estão realmente vendo eo que eles estão ignorando - inspirando testes e alterações em suas páginas.

COMO: Uma vez Heatmaps são configurados em suas páginas altas de saída, use nossos rápidas 8 testes heatmap Hotjar para revelar os problemas e soluções mais comuns para cada um.


6) Configure Heatmaps em páginas de barreira.



PORQUE: Reprodução Visitor é toda sobre a colocação em si mesmos sapatos dos seus visitantes. Ao repetir as gravações de seus visitantes abandonando você pode começar a ver como os visitantes reagem às suas páginas. Eles estão ficando preso em uma etapa particular? Será que eles abandonar a página muito rapidamente?

Agora que você tem as respostas de pesquisas e padrões de uso em Heatmaps (passos 5 e 6 acima) agora você vai ter um entendimento muito bom do ponto de vista dos seus visitantes. Por "empatia" com seus visitantes, agora você pode tomar melhores decisões sobre o que mudar ou próximo teste em suas páginas de barreira.

COMO: Para filtrar as gravações direito basta digitar o seu principal barreira página URL no campo "Sair Page" no filtro de reprodução Visitor - e obter-se um pouco de pipoca!


7) Use Playback visitante a reproduzir sessões onde os visitantes estão saindo nas páginas de barreira.



PORQUE: testes do usuário é o processo de olhar para os seus usuários, enquanto eles usam seu site e comentar como eles vão junto. Por este passo no plano de ação que você já terá uma boa idéia do que parece seu 'Big Picture' como ... mas nada bate passar algum tempo one-on-one com os seus utilizadores / visitantes. Pode soar como um monte de trabalho - mas na verdade é uma experiência bastante extremamente perspicaz e divertido.

COMO: começar pela criação de uma forma recruta em suas páginas de destino de alto tráfego. Dar aos visitantes um incentivo para se inscrever para o teste por exemplo, o conteúdo livre, dinheiro ou acesso antecipado a um recurso.

Escolha a sua lista de usuários - você quer apontar para testes de usuários 5. Estenda a via e-mail e definir uma data e hora de compartilhamento de tela. Você vai querer usar o Skype ou uma ferramenta como o GoToMeeting para que você possa ver a tela de seus usuários.

Prepare um objetivo, a lista de passos que você quer que eles para completar, bem como uma série de perguntas que lhe permitirá descobrir Barreiras.


8) Recrutar Testers de usuários para revelar Drivers e observar Barreiras.



PORQUE: Se você deseja converter mais visitantes em suas páginas do site você tem que começar por pedir aos usuários que apenas convertidos o que eles persuadidos a agir. Isso permitirá que você entenda quais são seus "ganchos", e melhorar o conteúdo do site para enfatizar e explicar esses elementos ainda mais.

COMO: The Cloud Palavra abaixo mostra os resultados a partir do feedback Poll "ganchos" o Hotjar. A partir dos resultados da sua bem claro que as referências amigo, o conjunto de ferramentas unificada e nosso ponto de preço são elementos muito persuasivas. Nós não só vai estar incluindo esses elementos em nossas campanhas futuras - nós também estará construindo o produto em torno deles, por exemplo, através da incorporação de referências no painel.


9) Revelar "ganchos" com uma Poll comentários em suas páginas de sucesso.



8 testes de usabilidade

Os 3 heatmaps Hotjar utilizados nestes testes:


Teste de ligaçãoProblema: Os visitantes, muitas vezes, clicam e tocam em elementos em suas páginas que não são links.

Na maioria das vezes os usuários clicam em elementos que não possuem links, como: títulos ou elementos gráficos. Então, é importante se atentar a esses cliques e buscar, uma vez que são potenciais “becos sem saída” e podem levar os usuários a abandonarem a página.

Solução: Criar links nos elementos para páginas ou conteúdo adequado. Para evitar que o usuário se distraia, considerar abrir o conteúdo em uma janela modal.



Teste de informaçãoProblema: Elementos nas páginas do site irão distrair os visitantes se não forem importantes ou relevantes.

Padrões típicos são de alta densidade de movimentos, cliques ou toques em uma área muito pequena ou alta % de rolagem até o fim da página (visitantes chegaram ao final da página e ainda estão procurando), sem qualquer atividade de clique ou toque. Identificar essas áreas e adicionar informações em falta terá grande impacto sobre as taxas de conversão.

Solução: Locais com grande foco devem ter informações expandidas; pode-se remover elementos com baixos níveis de engajamento e colocar novos conteúdos. Nesses casos, é importante usar os formulário do Hotjar, com perguntas como esta a seguir: O que você gostaria de saber sobre tal assunto. Usar as respostas para adicionar conteúdos e criar um novo heatmap para comparar os resultados.



Teste de distraçãoProblema: Elementos nas páginas do site irão distrair os visitantes se não forem importantes ou relevantes.

Pode-se detectar esse comportamento quando o cursor está espalhado por toda a página ao invés de focado em mensagens-chave ou chamadas para ações (como botões e links). Por outro lado, a atividade elevada em áreas muito pequenas da página significa que os visitantes não estão realmente interessados em outros conteúdos da página

Solução: 1) Foco difuso: Fazer uma pergunta rápida através dos formulário do Hotjar, exemplo: O que está faltando nessa página? 2) Foco mínimo: fazer a pergunta equivalente ao exemplo: porque não fez a inscrição?



Dispositivo de testeProblema: As páginas do site são muito diferentes em dispositivos com diferentes tamanhos de tela.

Com o aumento da popularidade das grandes telas, netbooks, tablets e telefones seu site é experimentado de maneiras diferentes em diferentes telas. Os relatórios HeatMap Hotjar podem revelar facilmente estas diferenças entre os diferentes navegadores, bem como a diferença na forma como os visitantes usam suas páginas em outros tamanhos de tela.

Solução: Visualize o comportamento dos usuários em diferentes telas para ajustar o design responsivo e obter melhor engajamento dos usuários.



Teste de profundidadeProblema: Seus visitantes não estão atingindo todo o conteúdo em sua página

É muito comum para muitos visitantes de seu site não perceberem que há conteúdo adicional mais abaixo em suas páginas, uma vez que este não está facilmente visível. Na maioria dos casos, isso é devido a fundos falsos. Um fundo falso é uma quebra de linha ou bloco de cores que pode fazer os visitantes pensarem ter chegado ao fim da página. Muito espaço em branco perto da dobra também pode enganar seus visitantes, fazendo-os pensarem que o que vêem é a página completa. O Hotjar Scroll Heatmaps mostra facilmente esse comportamento.

Solução: Remover todos os elementos de design que podem levar aos usuários que pensam que não há mais conteúdo. Considere a adição de links âncora de conteúdo inferior da página (especialmente conteúdo com alta atividade em movimento heatmaps). Outra solução é adicionar uma caixa de johnson acima da dobra, com uma pequena lista de links para conteúdo chave na página - semelhante a uma tabela de conteúdos. Você também pode realçar o conteúdo abaixo da dobra usando uma seta ou auxílio visual.



Teste de engajamentoProblema: Seus visitantes não estão envolvidos com o que você considera ser um importante conteúdo.

Baixo engajamento e atenção do usuário podem ser facilmente identificada usando Hotjar.

Solução: Use uma enquete do Hotjar perguntando aos seus visitantes porque eles estão visitando a página . Pergunta rápida: Por que você nos visitou hoje? O que você está procurando? Você também pode perguntar-lhes porque eles não estão envolvidos - "O que está faltando nesta página Como podemos melhorá-lo?". Depois de descobrir as intenções e objecções dos visitantes, você pode mudar o conteúdo da página e monitorar mudanças em seus padrões de engajamento, criando um novo relatório heatmap. Uma boa prática é usar palavras e frases seus visitantes utilizam nas suas respostas em suas pesquisas. Esta abordagem irá eliminar qualquer terminologia enganosa ou confusa que você pode estar usando.



Teste de dobraProblema: Em questão de segundos de pouso em seu site, os visitantes vão decidir ficar - ou mover para outro lugar. Os primeiros elementos que vêem na página irá determinar esse comportamento.

Você tem uma pequena janela de tempo com a qual deve engajar seus visitantes e comunicar suas mensagens-chave. Cada Hotjar Heatmap irá mostrar-lhe a posição média dobra para cada dispositivo - o que lhe dá uma visão instantânea da área na qual você precisa se envolver você visitantes e convencê-los a ficar.

Solução: Teste movendo para cima da dobra o conteúdo que os visitantes devem se envolver. Alternativamente, você também pode adicionar links de âncora acima da dobra para o conteúdo que está nas partes abaixo da cobra. Verifique o Hotjar Heatmaps para ver se os visitantes estão interagindo com suas manchetes ou seja, se eles movem seu cursor, clicam ou tocam dentro desta área. Seu título é o elemento mais crítico acima da dobra. Se você não tem um título de destaque, adicione um. Se você fizer isso e ele não está sendo envolvido com - testar algumas novas variações.



Teste de cabeçalhoProblema: O cabeçalho em suas páginas do site podem facilmente ocupar muito espaço vertical e atenção do visitante em suas páginas.

Você tem uma pequena janela de tempo com a qual deve engajar seus visitantes e comunicar suas mensagens-chave. Cada Hotjar Heatmap irá mostrar-lhe a posição média dobra para cada dispositivo - o que lhe dá uma visão instantânea da área na qual você precisa se envolver você visitantes e convencê-los a ficar.

Solução: Teste movendo para cima da dobra o conteúdo que os visitantes devem se envolver. Alternativamente, você também pode adicionar links de âncora acima da dobra para o conteúdo que está nas partes abaixo da cobra. Verifique o Hotjar Heatmaps para ver se os visitantes estão interagindo com suas manchetes ou seja, se eles movem seu cursor, clicam ou tocam dentro desta área. Seu título é o elemento mais crítico acima da dobra. Se você não tem um título de destaque, adicione um. Se você fizer isso e ele não está sendo envolvido com - testar algumas novas variações.


Isaac E. Batista é entusiasta das novas tecnologias da internet, Analista SEO e de Redes Sociais na agência Ac Portal, certificado em Publicidade Avançada pelo Google Adwords e pós-graduando em Marketing Digital pela FGV. Criou e mantêm o blog sobre SEO e Google Docs: Webisaac

Ac Portal Soluções Web está há mais de 10 anos no mercado de BH e oferece soluções para pequenos, médios e grandes negócios na internet.

https://www.linkedin.com/in/isaacbatista

http://www.webisaac.com.br/