Software de rastreamento ocular: como ver o que o usuário vê pode melhorar seu marketing online

No marketing online, tudo se resume ao consumidor movendo os olhos pela tela. Embora os cliques e as conversões sejam parte integrante do funil de marketing - e as vendas sejam, em última instância, a meta final - tudo isso depende do movimento dos olhos.

• É essa manchete que você gastou tanto tempo construindo cuidadosamente, parando as pessoas em seu caminho, ou eles estão apenas pulando?
• E quanto ao seu botão de CTA? É grande e ousado o suficiente para que as pessoas pensem em clicar?

Software de página de destino usado para medir taxas de cliques, taxas de conversão, vendas, etc., mas os profissionais de marketing também precisam de uma maneira de saber se o consumidor está direcionando sua atenção para onde deve ser direcionado - uma forma tangível de medir o impacto visual de seu conteúdo.

É aí que o software de rastreamento ocular entra em ação.

O que é rastreamento ocular?

Em suma, o rastreamento ocular mede onde as pessoas olham em uma página da web e por quanto tempo.

Com os dados visuais do software de rastreamento ocular, você pode ver onde uma pessoa olhou primeiro em sua página, onde ela olhou em segundo lugar e como ela se fixou nessas áreas. Você também pode descobrir se houve áreas em sua página nas quais eles não olharam.

Essas informações ajudam os profissionais de marketing a descobrir quais elementos de sua página os usuários acham mais e menos interessantes, para que possam ajustar o design de sua página da web e os esforços de publicidade de acordo.

Embora os profissionais de marketing usem software de rastreamento ocular com mais intensidade hoje do que no passado, essa tecnologia está longe de ser nova. Na verdade, a pesquisa de rastreamento ocular data do final do século XIX.

Uma breve história do rastreamento ocular

Em 1879, Louis Emile Javal percebeu que as pessoas não lêem suavemente uma página, mas que param ou diminuem o ritmo em algumas palavras e passam rapidamente por outras.

Edmund Huey então criou um dispositivo que foi usado para rastrear o movimento dos olhos durante a leitura. Embora permitisse a Huey observar para onde o leitor estava olhando durante a leitura (incluindo as palavras em que ele fazia uma pausa), o dispositivo era bastante intrusivo e desconfortável de usar.

Em 1931, Earl, James e Carl Taylor criaram o oftalmógrafo e o metronoscópio - dispositivos usados ​​para registrar o movimento dos olhos durante a leitura e treinar as pessoas a ler com mais eficiência.

Por muitos anos, o rastreamento ocular foi usado principalmente como uma ferramenta de pesquisa na área médica devido ao seu alto custo. Foi só na década de 1980 que ele se tornou mais amplamente utilizado por outros nichos, incluindo marketing.

Nessa época, os profissionais de marketing começaram a usar o rastreamento ocular para medir a eficácia dos anúncios em revistas. Então, no final da década de 1990, uma das maiores agências de publicidade e marketing do mundo, a EURO RSCG, instituiu a tecnologia de rastreamento ocular para medir as reações ao conteúdo da web.

Na última década, o software de rastreamento ocular tornou-se usado com mais frequência do que nunca. Em marketing, especificamente, é muito usado no desenvolvimento de campanhas publicitárias e designs de sites eficazes.

Software de rastreamento ocular e marketing online

Não é nenhum segredo que criar uma página bonita e esteticamente agradável é fundamental para chamar a atenção do consumidor - mas igualmente importante é como cada componente está situado na página. Esteja você criando uma página inicial, uma página de destino pós-clique ou qualquer outro tipo de página da web, cada elemento deve ser colocado de forma artística e estratégica para ser devidamente notado pelos visitantes.

Para fazer isso, é fundamental entender como as pessoas leem o conteúdo online. Com o uso da pesquisa de rastreamento ocular, os profissionais de marketing aprenderam que dois dos padrões de design mais comuns a serem seguidos são os layouts F-Pattern e Z-Pattern.

O layout F-Pattern é comumente usado em páginas da web altamente densas nas quais os olhos das pessoas se movem sobre o texto do site e outros recursos visuais na forma de um F ou mesmo um E.

• Primeiro, eles examinam o topo da página para ler as manchetes importantes
• Em seguida, no lado esquerdo da página, anotando os números ou marcadores
• Em seguida, cruze a página novamente para ler subtítulos ou texto em negrito

Esse padrão continua ao longo da página, com os leitores parando quando encontram algo interessante ao longo do caminho.

Aqui está uma página de destino pós-clique do ServiceNow que segue o padrão F:

• Os visitantes verão o título em negrito e o botão CTA vermelho primeiro.
• Em seguida, eles farão a varredura de cima para a imagem do homem no tablet.
• Em seguida, desça no lado esquerdo da página para encontrar a lista numerada que se estende horizontalmente pela página.
• Por fim, eles continuarão descendo a página até o formulário de captura de leads e o segundo botão de CTA.

O Z-Pattern é outro padrão de design usado com frequência, mas este se destina principalmente a páginas com um mínimo de cópia. Nesse caso, os elementos mais importantes devem estar situados na página em forma de Z para que você possa controlar intencionalmente para onde os olhos do visualizador se movem.

• A linha horizontal superior deve destacar os principais componentes que os visualizadores devem notar primeiro
• A linha diagonal deve incluir todas as informações críticas que levam à sua frase de chamariz
• Finalmente, a linha horizontal inferior deve apresentar o CTA

Novamente, esse padrão pode continuar descendo a página criando quantas formas em Z forem necessárias para exibir todos os elementos essenciais.

O Expo Pass criou esta página inicial pós-clique com vários padrões Z em toda a página:

Observe como há um botão CTA em cada ponto de viragem do caminho Z, tornando-os mais proeminentes para os visitantes.

Como os mapas de calor entram em jogo?

Um mapa de calor é uma visualização de dados que usa um sistema codificado por cores para exibir como os visitantes interagem e se comportam em uma página da web. O uso de mapas de calor para obter essas informações vitais ajuda os profissionais de marketing a decidir quais elementos da página serão testados A / B.

Existem vários tipos diferentes de mapas de calor comumente usados ​​por profissionais de marketing:

• Mapas de calor de movimento do mouse para indicar como um visitante move o mouse e passa o mouse sobre várias seções da página
• Clique nos mapas para acompanhar o desempenho de botões importantes, como o botão CTA
• Role os mapas para mostrar como os visitantes rolam para baixo em uma página da web
• E, claro, mapas de calor de rastreamento ocular para mostrar exatamente para onde os visitantes estão olhando em uma página da web

Há uma forte correlação entre mapas de calor de movimento do mouse e mapas de calor de rastreamento ocular porque eles usam tecnologia semelhante. Uma das principais diferenças é que a tecnologia de movimento do mouse fornece dados de visitantes reais do site, enquanto a tecnologia de rastreamento ocular fornece dados de uma amostra de pessoas que estão sendo estudadas fora de seu ambiente normal. Com isso em mente, é importante reconhecer que o software de rastreamento ocular fornece resultados próximos a 100% de precisão, enquanto a precisão do movimento do mouse é de cerca de 85-90%.

O novo Instapage Heatmap Visualizer fornece funcionalidade de rastreamento 3 em 1 para fornecer informações sobre o movimento do mouse, cliques e profundidade de rolagem.

Movimento do mouse

Cliques

Profundidade de rolagem

Agora, vamos ver como os mapas de calor de rastreamento ocular podem ajudar substancialmente os profissionais de marketing a entender seus consumidores e melhorar suas estratégias de marketing online.

Mapas de calor de rastreamento ocular

Em relação ao padrão F mencionado acima - esta é a aparência do layout em um mapa de calor de rastreamento de olhos:

A chave da cor é a seguinte:

• Vermelho = mais visto e mais fixado em
• Amarelo = algumas visualizações, mas menos fixação
• Azul = menos visualizações e quase nenhuma fixação
• Cinza = quase nenhuma visão e nenhuma fixação

Embora os padrões F e Z sejam frequentemente estudados na pesquisa de rastreamento ocular, também existem outras táticas de design e práticas recomendadas a serem consideradas quando se trata de rastreamento ocular.

Melhores práticas derivadas de pesquisas de rastreamento ocular

Com esses sete insights de rastreamento ocular, você pode influenciar onde seus visitantes concentram sua atenção e fixação.

1. Coloque seu conteúdo mais valioso acima da dobra

Como você normalmente tem apenas 8 segundos para chamar a atenção dos visitantes, seu conteúdo mais importante e atraente deve ser colocado acima da dobra para cativar os visitantes imediatamente.

Além disso, como você pode ver no mapa de calor abaixo, o conteúdo acima da dobra é analisado ao máximo:

2. Faça manchetes grandes e em negrito

Além de escrever um título legível e impressionável, também é importante que você o crie para ser grande e ousado. É simples - quanto maior e mais ousado for o título, maior será a probabilidade de as pessoas lerem.

3. Separe a cópia em pequenos pedaços

Os humanos tendem a não absorver prontamente grandes blocos de texto. Em vez disso, tendemos a folhear o texto nas páginas da web, olhando apenas para as informações mais fáceis de digerir.

Portanto, é melhor dividir o conteúdo da página da web em parágrafos curtos ou pedaços de informação, usando títulos, listas numeradas, marcadores, etc. para chamar a atenção.

4. Use imagens para atingir objetivos específicos

As imagens nas páginas da web têm vários propósitos.

Olhar para uma pessoa online geralmente provoca uma reação fisiológica positiva de compreensão, identificação e confiança nos espectadores. Na verdade, a imagem do rosto de uma pessoa aumenta a visualização, incentiva a interação e diminui a taxa de rejeição.

As imagens também influenciam para onde os olhos dos visitantes estão olhando. Vários estudos de mapas de calor (incluindo o abaixo) mostraram que as pessoas tendem a seguir a direção dos olhos humanos ao navegar em uma página da web.

5. Utilize o lado esquerdo da página

Estudos mostram que o lado esquerdo de um site é visualizado primeiro e com mais frequência do que o lado direito.

Na verdade, os usuários da web normalmente passam cerca de 69% do tempo visualizando a metade esquerda da página e apenas 30% visualizando a metade direita.

6. Faça uso do contraste

De acordo com um estudo de neurociência da Caltech, quando os consumidores estão com pressa e sob pressão, o impacto visual influencia sua decisão mais do que sua preferência pessoal. Em outras palavras, quando o visitante do seu site está com pressa, é menos provável que ele pense em sua preferência pessoal e mais provável que tome uma decisão com base no que se destaca para ele e no que ele mais nota.

7. Coloque os botões de CTA na parte inferior da página

Enquanto a parte superior de uma página é a mais visualizada, a parte inferior é a segunda mais visualizada. Isso porque, quando as pessoas rolarem em uma página da web, elas tendem a rolar direto para o final. Claro, então, este é um local ideal para o botão CTA.

Este mapa de calor do Crazy Egg mostra várias frases de chamariz localizadas na página. Como você pode ver, o botão CTA na parte inferior esquerda da página chama mais atenção:

Use o rastreamento ocular para melhorar seu marketing online

Embora seja impossível forçar os consumidores a comprar seu produto ou serviço, conhecimento é poder. Usar a pesquisa de rastreamento ocular e mapas de calor para construir suas páginas torna possível ter mais controle sobre para onde os visitantes direcionam sua atenção em sua página. Isso aumenta as chances de eles agirem e, por sua vez, podem melhorar seu site, suas conversões e seus negócios.

Inscreva-se para uma demonstração do Instapage Enterprise hoje mesmo.