Olhe para sua direita.

Agora, olhe para sua esquerda.

As pessoas ao seu redor parecem diferentes, soam diferentes e, provavelmente, gostam de coisas diferentes das que você gosta. Todos somos um pouco diferentes uns dos outros.

Mas apesar das diferenças, todo mundo reage a certos estímulos de forma relativamente parecida. Quando a luz está muito forte, apertamos os olhos. Quando ouvimos um som alto inesperado, nos assustamos e retraímos.

E quando olhamos para as páginas de nosso site – particularmente as Landing Pages que apresentam suas ofertas –, pensamos de uma forma parecida quanto às experiências preparadas para a gente. Campanhas de sucesso não seriam possíveis sem um trabalho sólido de UX.

Neste artigo, vamos te apresenta algumas ações e cuidados relativamente simples, que podem fazer toda a diferença no impacto que suas Landing Pages terão em seu público.

Ah! E não pense que você precisa ser um designer super experiente ou um grande programador para aplicar esses hacks. Isso é algo que você mesmo pode aplicar, ou usar para enriquecer seus briefings e deixar seus projetos mais bem acabados.

Dito isso, vem comigo e aproveite essa leitura e prepare-se para anotar as dicas.

1) Deixe de lado tudo que é distração

Cada página que você projeta, independente do seu tipo, é desenhada com um objetivo final em mente, certo?

No caso das Landing Pages isso é ainda mais intensificado. Afinal, é função dela dar aquilo que as pessoas vieram procurar quando clicaram no link, independente de qual canal vieram.

Frequentemente elas já representam uma barreira, apresentando um formulário ou um botão de compra. Por isso, quanto menos distrações houver na página, melhor.

Da perspectiva da usabilidade, distrações acabam com as conversões.

Um clássico distrativo é a barra superior de navegação, que costuma estar presente nos sites corporativos. Na sua Landing Page, é melhor deixá-la de fora.

Lembre-se, as pessoas são curiosas. Qualquer link que possa tirar o foco da conversão pode fazer com que o visitante saia da Landing Page, e aí, pode se despedir do seu ex-futuro-Lead.

Outra coisa que você também deve evitar é configurar Landing Pages com mais de um CTA. Você só quer que ele clique em um único botão. Ponto.

Não convide para inscrição num webinar com um CTA, demonstrações em outro e para criar sua conta num terceiro local.

Com muitas opções de ação, é mais fácil que seu visitante desista da escolha do que tome uma decisão.

2) O papel dos botões de CTA

Você conquistou a atenção de seu visitante, conseguiu mantê-lo focado na sua página e ele finalmente chegou até o botão que carrega seu CTA.

É aqui que você precisa tomar um cuidado especial.

Cores contrastantes e mensagens personalizadas serão fundamentais para que seus visitantes façam a ação que você deseja.

Cair no senso comum de usar as cores da sua marca pode prejuficar seus resultados, pois o contraste de cores do botão costuma ser um fator super importante para impactar suas conversões.

Uma boa pedida pode ser o uso de um botão flutuante, que acompanha a rolagem da página e fornece uma forma fácil de retomar o CTA principal assim que seu visitante se decidir.

3) Explore formatos alternativos de mídia

Vídeos explicativos são vistos como os vídeos que geram vendas. E como estamos bem familiarizados com a criação deles, podemos concordar com propriedade.

O vídeo explicativo ajuda a prender a atenção e promove o mercado em que está inserido. Também pode persuadir, provando a visão de seu negócio. E ainda, oferecer insights mais profundos da funcionalidade e das características de seus produtos

Ele também terá impacto no tempo de permanência da página – e isso dá mais tempo para sua marca se fixar na mente do visitante e, ainda, é bom para o SEO.

Se você decidir explorar esse formato, considere fazer um vídeo com pessoas reais. Isso ajuda a fortalecer sua confiança e credibilidade perante seus visitantes.

4) Sugestões visuais são poderosas

Mesmo que você nunca tenha ouvido falar sobre sugestões visuais, tenho certeza que já teve sua experiência de compra impactadas por elas.

Sugestões visuais dirigem um visitante por um caminho específico, através da sua Landing Page e podem vir de várias formas, seja por flechas ou mesmo pelo campo de visão que temos.

O objetivo é criar sugestões visuais que mantenham o visitante percorrendo a página até chegar ao CTA, onde ele vai realizar a ação que você pretende.

Aqui também entra um pouco de hierarquia visual.

Hierarquia visual: como lemos as coisas

Quando uma Landing Page é feita, elementos distintos apresentam objetivos e prioridades diferentes de leitura. Quanto mais o design da página está próximo da expectativa de quem visita, melhor.

A hierarquia visual serve para ajudar a chegar nesse denominador comum. Ela influencia o movimento que os olhos de seu visitante farão e como eles navegarão pelas informações que você apresenta na página.

Você pode ter ouvido falar de estudos sobre rastreamento ocular (ou eye tracking). Essa linha de pesquisa existe desde os anos 80 e provou sua significância em muitos setores, incluindo Marketing.

Os dois padrões principais, que definem o caminho de leitura do conteúdo, se aplicam nas Landing Pages também.

  • Padrão F: aqui, usuários começam a leitura na horizontal, pela parte superior da página. Na sequência, mais uma leitura horizontal, dessa vez de uma área menor. Na última etapa, os visitantes lêem verticalmente no lado esquerdo, indo para baixo. Vale notar que podem ter mais movimentos horizontais envolvidos no processo da leitura.
  • Padrão Z: quando o texto é mais rico em conteúdo visual, visitantes costumam usar esse padrão, indo na horizontal, depois na diagonal para baixo e novamente na horizontal.

Para detectar qual dos dois padrões de leitura são feitos com mais frequência, ferramentas de heatmap (tanto de rolagem quanto de cliques) podem facilitar essa análise.

5) Preserve os espaços em branco

Mesmo que não sejam seres vivos, elementos visuais e informações também precisam respirar.

Apesar de serem considerados espaços negativos por muitos, os espaços em branco trazem mais clareza e melhoram a leitura e percepção dos elementos apresentados em sua Landing Page.

Abarrotar a tela de seu visitante com dezenas de elementos será confuso e angustiante. Então considere organizar os elementos de forma a preservar o espaço entre eles.

O título, por exemplo, deve ser atrativo à primeira vista, por ser o primeiro elemento que as pessoas vêem nas Landing Pages. Se um espaço em branco adequado está ao seu redor, ele acaba ganhando ainda mais destaque, pois não estará dividindo a atenção de seu visitante com outras informações.

Outro elemento muito comum e que precisa de espaços em branco é o timer de contagem regressiva. É essencial que ele “pule na tela” para que a sensação de urgência seja ainda maior e seu impacto nas conversões seja mais efetivo.

Enfim, aproveitar o espaço é também deixar lacunas para que os elementos tenham o destaque correto, de acordo com suas funções.

6) Minimalismo: a quantidade correta

Nada afasta mais pessoas do seu site do que uma página confusa.

Texto e outros elementos devem se apresentar de forma lógica, reforçando a mensagem um do outro.

Se seu design não for inteligente, o que você quer dizer vai se perder Então coloque seu principal objetivo no centro, e descarte tudo que não seja essencial para a mensagem que você quer passar.

Minimalismo não é usar uma página toda branca, 3 linhas de texto e um botâo. Minimalismo é deixar de fora o que é superficial e irrelevante.

Como eu disse lá no começo, essas são apenas algumas dicas macro que você deve ter em mente para melhorar a experiência do usuário em suas Landing Pages.

O trabalho de UX, claro, vai muito além de preservar espaço em branco e organizar as informações.

Existem centenas de variáveis em jogo quando falamos da experiência de um usuário – e falamos muito mais sobre elas em aulas sobre Landing Pages e Email Marketing lá no RD Hacks.

Essas aulas não são voltadas exclusivamente para designers, mas foram pensadas para servir de suporte para qualquer profissional de Marketing que tenha como objetivo melhorar a conversão de suas Landing Pages.

E agora que você já anotou essas dicas valiosas, deixa aqui nos comentários um alô dizendo pra gente o que achou deste conteúdo e o que mais você quer ver por aqui!