Dicas direcionais: dicas de design que fazem os visitantes agirem

Você acabou de criar sua próxima página de destino pós-clique. Você elaborou um título e um subtítulo matadores, escreveu uma cópia ultra persuasiva, aperfeiçoou seu formulário, criou o melhor CTA de todos os tempos e a hierarquia de sua página está correta. Cada elemento está no melhor lugar para convencer os visitantes a converter.

Portanto, sua página de destino pós-clique está pronta para ser publicada, certo? Não exatamente.

Como você garantirá que seus visitantes assistam ao vídeo que sua equipe passou horas criando? Ou que os visitantes clicam no botão CTA perfeito?

Não deixe tudo isso ao acaso; direcione os visitantes exatamente para onde você deseja que eles vão. Faça com que eles olhem onde você deseja que eles focalizem (e ajam) em seus elementos mais importantes da página de destino pós-clique.

Semelhante ao layout F-Pattern e Z-Pattern, o uso de dicas direcionais (também conhecidas como dicas visuais) pode influenciar seus visitantes a navegar em sua página com intenção. Todos os três componentes de design da página de destino pós-clique usam psicologia para influenciar as ações do usuário e ajudar a obrigá-lo a agir.

Vamos dar uma olhada em como isso funciona.

O que são dicas direcionais?

As dicas direcionais são recursos visuais, como setas ou o olhar de um modelo, que apontam para os elementos mais importantes de sua página de destino pós-clique, por exemplo, seu formulário de captura de leads, CTA, vídeo, depoimentos ou informações abaixo da dobra.

Existem dois tipos básicos de pistas direcionais: pistas direcionais implícitas e explícitas.

Antes de examinarmos como ambos podem concentrar intencionalmente a atenção dos visitantes, vamos examinar a psicologia por trás desses recursos visuais.

A psicologia por trás das dicas visuais

As pistas visuais podem ser consideradas sinais ou vibrações e, subconscientemente, seu cérebro pode identificar esses sinais. No primeiro encontro, por exemplo, você pode aprender muito sobre o seu encontro pela vibe que ele está enviando - linguagem corporal, contato visual, expressões faciais - que mostram se a pessoa está interessada ou não. Mesmo sem perceber, você capta essas vibrações de todos.

Você pode transmitir e receber as mesmas vibrações no contexto do marketing digital e com páginas de destino pós-clique. As dicas visuais em sua página de destino pós-clique fornecem aos visitantes uma mensagem sutil, uma vibração, um sentimento.

Com as páginas de destino pós-clique, o que determina como traduzimos essas vibrações ou dicas? Normalmente, são nossas experiências anteriores e conhecimento armazenado que tendem a influenciar nossas percepções. E, como você verá abaixo, uma variedade de sinais que podem ajudar a orientar os visitantes a se envolverem com sua página e agirem.

Dicas direcionais implícitas nas páginas de destino pós-clique

As dicas direcionais implícitas são sutis, muitas vezes passando despercebidas pelos visitantes. Os tipos mais comuns incluem espaço em branco, contraste de cor e encapsulamento. Aqui está uma olhada em cada um:

Espaço em branco

O espaço em branco é o espaço negativo ou área vazia da página de destino pós-clique que ajuda a atrair a atenção para elementos específicos. Adicionar espaço em branco pode ajudar a simplificar sua página, melhorar a experiência do usuário e aumentar a compreensão geral de sua oferta. Isso porque, com menos elementos para se concentrar, os visitantes são forçados a olhar para o que você quer.

Aqui está uma página de destino pós-clique do Percolate que usa um espaço em branco substancial ao redor do título, subtítulo e formulário de captura de lead:

Contraste de cor

Cores contrastantes servem como uma dica direcional porque as diferenças marcantes de cores fazem os visitantes prestarem atenção a essa área.

Para demonstrar, Marketo oferece um guia de marketing de mídia social nesta página de destino pós-clique, mas o CTA se perde porque o contraste de cor é inexistente:

Mas nesta página de destino pós-clique da Codify Academy, o botão CTA salta para fora da página porque o vermelho contrasta com todas as outras cores:

Encapsulamento

O encapsulamento, ou enquadramento de elementos, é outra maneira de destacar o que é importante na página, criando uma janela fechada de foco. Os designers costumam fazer isso com caixas, contornos e / ou cores contrastantes para reduzir a desordem da página e chamar a atenção para elementos específicos.

A Bellevue University usa essa técnica duas vezes na página abaixo - na imagem do cabeçalho e no formulário. O formulário, porém, é ainda mais encapsulado porque é projetado em uma caixa roxa contrastante para fazer com que os visitantes da página de destino pós-clique enviem suas informações:

Dicas direcionais explícitas nas páginas de destino pós-clique

As pistas explícitas são flagrantemente óbvias para o olho humano em comparação com as pistas implícitas, portanto, normalmente podem ser detectadas imediatamente. Olhar fixo, apontar ou gesticular, posicionamento estratégico de objetos, setas e linhas, todos compõem este grupo. Vejamos cada tipo mais de perto:

Olhar nos olhos

Usar o olhar do olho humano como uma dica direcional é especialmente eficaz em páginas de destino pós-clique. As pessoas tendem a olhar para o que os outros estão olhando, portanto, se alguém na tela olhar para um formulário, o visitante provavelmente também notará o formulário. Essa técnica influencia inconscientemente os visitantes a olharem para onde você quiser e também adiciona um apelo pessoal. Donald Trump e Hillary Clinton entenderam o valor dessa técnica - usando-a em suas páginas de doações durante a temporada de campanha.

Aqui está uma página inicial pós-clique da Capella University, apresentando um estudante sorridente olhando na direção do título, subtítulo e formulário. Mesmo sem perceber, os visitantes provavelmente também concentrarão sua atenção aqui:

Provas sociais (por exemplo, depoimentos) também podem tirar vantagem do olhar fixo, como visto aqui na página Quando eu trabalho:

Apontando ou gesticulando

Semelhante ao olhar fixo, ter um ponto de modelo ou gesto em direção a um elemento importante faz com que os visitantes se concentrem nessa área. Uma vez que esta técnica não é tão sutil quanto o olhar; há uma chance de o gesto parecer cafona e não natural. Portanto, certifique-se de testar A / B suas páginas com diferentes gestos para ver o que produz os melhores resultados.

Posicionamento de objeto

Posicionar as imagens de forma que sejam apontadas para uma área de foco específica chama a atenção dos clientes em potencial e torna esse elemento específico mais perceptível.

O U-Pack certificou-se de que o formulário da página de destino pós-clique fosse perceptível para todos os visitantes. Eles não apenas o encapsularam com uma borda preta, mas posicionaram um caminhão em movimento voltado para a forma para que os visitantes não pudessem deixar de notar:

Setas; flechas

Quer estejam em movimento ou estacionárias, as setas são uma das dicas direcionais explícitas mais comumente usadas porque são simples e facilmente compreendidas.

O Loud Rumor usa uma seta estacionária desenhada à mão em seu formulário de ativação de duas etapas para influenciar os cliques no botão CTA:

Mesmo que os usuários da web estejam acostumados a rolar, as setas também costumam ser colocadas para ajudar os visitantes a navegar abaixo da dobra. Veja como o Constant Contact faz isso com uma simples seta fechada:

Aqui está outro do Boardvantage - no qual a seta tem um hiperlink. Depois de clicada, a página rola abaixo da dobra e exibe três casos de uso diferentes:

Linhas

As linhas são uma das pistas menos óbvias, mas como os humanos tendem a seguir caminhos naturalmente, elas podem ser bastante úteis em páginas de destino pós-clique. Isso ocorre porque as dicas direcionais lineares podem guiar os visitantes por diferentes partes da página ou ajudar os clientes em potencial a manter o foco em seções específicas da página.

Por exemplo, Datorama usa uma linha de gráfico de tendência ascendente para destacar o botão CTA “Experimente agora”. Quando os visitantes clicam no botão, eles são direcionados ao formulário de captura de leads na parte inferior da página, onde podem se inscrever para um teste gratuito do Datorama:

Influencie os visitantes a converterem com dicas direcionais

Vamos retomar aquela página de destino pós-clique quase perfeita que resumimos no início.

Embora seu título, cópia, formulário e CTA sejam fundamentais para gerar conversões; esses elementos são apenas uma parte da experiência pós-clique da página de destino do visitante. Adicione algumas dicas direcionais - implícitas e explícitas - para garantir que seus clientes em potencial concentrem sua atenção no que é mais importante para sua meta de conversão.

Quais dicas você adicionará à sua próxima página de destino pós-clique? Não importa o que você decida, crie páginas de destino pós-clique totalmente otimizadas com Instapage em questão de minutos. Inscreva-se para uma demonstração do Instapage Enterprise hoje mesmo.