Como maximizar as conversões com espaço em branco

Você já teve um daqueles dias em que parece que não consegue realizar nada? Distrair colegas de trabalho, muito ruído de fundo e notificações constantes por e-mail podem impedir que o trabalho seja feito. Por uma razão ou outra, é difícil se concentrar e você se sente incrivelmente improdutivo.

Assim como muitas pessoas têm o melhor desempenho quando estão sozinhas em seu próprio espaço silencioso, o mesmo acontece com os componentes da página de destino pós-clique. os elementos da página de destino pós-clique atendem melhor ao seu propósito quando estão isolados - sem outros elementos, sem distrações. Apenas espaço vazio - espaço em branco.

Espaço em branco: o que é e por que você deve usá-lo?

O espaço em branco, também conhecido como espaço vazio ou espaço negativo, é a área em uma página da Web que ajuda a destacar ou chamar a atenção para um elemento específico.

O design gráfico de espaço em branco faz com que as pessoas se concentrem em elementos individuais da página de destino pós-clique porque, sem mais nada para olhar por perto, elas são forçadas a olhar para o que está lá.

É importante observar que o espaço em branco não é necessariamente “branco” — é apenas um espaço vazio e não marcado. Pode ser de qualquer cor desde que ajude a separar os diferentes elementos e contraste com o elemento que está destacando.

A psicologia por trás do design de espaço em branco

Mesmo que o espaço em branco reduza consideravelmente a desordem e torne uma página da Web esteticamente agradável; ele também serve a vários outros propósitos funcionais, incluindo:

• Maior legibilidade
• foco melhorado
• Maior compreensão da oferta
• Experiência do usuário aprimorada

Quer reconheçamos isso no momento ou não, o espaço negativo cumpre esses propósitos tocando em nossa psique. Este espaço permite aos visualizadores uma pausa visual durante o processamento do conteúdo da sua página. Isso é importante porque muitas informações ou dados visuais de uma só vez podem causar fadiga cognitiva, também conhecida como sobrecarga de informações, tornando difícil para o cérebro absorver e reter qualquer informação.

Com menos confusão e menos distrações, é significativamente mais fácil para nossos cérebros receber e processar informações e se concentrar melhor no que é mais importante.

Uma página de destino pós-clique sem espaço em branco

Deixar de estabelecer uma ótima primeira impressão pode custar caro para o total de conversões e, em última análise, para o resultado final. Portanto, antes de mostrar bons exemplos de espaço em branco nas páginas de destino pós-clique, vamos ver esta página de destino pós-clique do LogiGear que quase não inclui nenhum:

Qual foi sua primeira impressão desta página? É um pouco opressor porque tudo está amontoado sem espaço para respirar - dificultando a navegação, o foco no que é importante e a compreensão da oferta. É quase como se o designer estivesse tentando exibir tudo acima da dobra e ter uma página muito equilibrada, o que reduz totalmente a legibilidade.

Agora que você viu o que não fazer com o design da página de destino pós-clique, vamos examinar vários ótimos exemplos de espaço em branco.

Quais elementos o espaço em branco pode ajudar a otimizar?

O espaço em branco atua como uma dica direcional, e as dicas direcionais são recursos visuais que apontam para os elementos mais importantes da sua página de destino pós-clique. Aqui estão alguns dos elementos mais importantes para destacar com espaço em branco:

Título

O título da sua página de destino pós-clique deve chamar a atenção porque geralmente é o primeiro elemento que os espectadores veem na chegada. Um título pode atrair a atenção dos visitantes ainda mais rapidamente se houver espaço em branco adequado ao seu redor.

A BigMarker criou esta página de destino pós-clique de avaliação gratuita com bastante espaço vazio por toda parte. Esta captura de tela mostra acima da dobra, ilustrando como o título e o formulário chamam a atenção imediatamente ao saltar da página:

Capturas de tela do software

O espaço em branco geralmente é projetado em torno de uma captura de tela do software de uma empresa, uma imagem de seu produto ou um vídeo demonstrando seu serviço. Como a mídia envolvente desempenha um papel tão importante na geração de conversões, não é incomum que as marcas adicionem espaço negativo à mídia para fazer com que os espectadores percebam isso com mais facilidade.

A imagem do software nesta página de destino pós-clique do OfficeX chama a atenção dos espectadores enquanto eles rolam a página porque ela é cercada por um espaço vazio substancial:

Temporizador de contagem regressiva

Os cronômetros de contagem regressiva criam intencionalmente uma sensação de urgência e escassez porque as pessoas tendem a querer coisas que estão acabando. Os cronômetros podem ser usados ​​para uma variedade de ofertas (registros de webinar, inscrições em eventos especiais, descontos de preços etc.) e, como podem ser incrivelmente persuasivos na geração de conversões; é essencial que eles saltem para os visitantes.

Aqui está um exemplo da Exact Data usando amplo espaço negativo com seu cronômetro de contagem regressiva - para garantir que os visitantes observem o prazo antes que a oferta expire:

Formulário de captura de leads

Os formulários de captura de leads são um dos elementos mais críticos da página de destino pós-clique, portanto, faz sentido destacá-los com bastante espaço em branco para chamar o máximo de atenção possível.

Nesta página de destino pós-clique do Stackla, os olhos dos visitantes são atraídos imediatamente para o formulário com a ajuda do olhar no fundo e uma abundância de espaço em branco:

Botão

Seja um opt-in em duas etapas, um clique ou um hiperlink com uma marca de âncora; os botões podem aproveitar ao máximo o espaço em branco.

A YP Marketing Solutions adicionou um botão com hiperlink na parte inferior de sua página inicial pós-clique para guiar os visitantes de volta ao formulário acima da dobra. Observe como o botão se destaca, pois é cercado por muito espaço:

serviços da empresa

Em vez de ler uma página inteira de cópia, os usuários da Web preferem digitalizar uma página da Web de maneira rápida e fácil para encontrar as informações mais valiosas. É por isso que projetar sua cópia da página de destino pós-clique em pequenos pedaços marcados por marcadores ou iconografia é ideal. Quando você combina isso com espaço em branco, os marcadores chamam ainda mais atenção.

Logo abaixo da dobra, o Comporium Media Services destaca seus serviços adicionais com iconografia e texto mínimo:

Depoimentos de clientes

Os depoimentos são um dos elementos mais persuasivos em uma página de destino pós-clique porque agregam credibilidade, confiança e podem destacar diferentes aspectos do seu produto ou serviço que ajudaram clientes reais a alcançar o sucesso.

Para garantir que seus depoimentos sejam notados, siga o exemplo da Outbrain e coloque-os em branco:

Emblemas da empresa

Juntamente com os depoimentos dos clientes, os crachás da empresa estão entre os aspectos mais convincentes de uma página de destino pós-clique. Exibir crachás de marcas conhecidas e respeitáveis ​​ajuda a estabelecer autoridade e credibilidade — influenciando os clientes em potencial a preencher seu formulário e clicar no botão CTA. Na mente do cliente em potencial, ele pensa: “se essas outras empresas altamente confiáveis ​​depositaram sua confiança no produto ou serviço, eu também posso”.

Para demonstrar, a Alteryx mostra alguns de seus maiores clientes e parceiros abaixo da dobra em sua página inicial pós-clique de avaliação gratuita:

Uma observação final sobre web design de espaço em branco

Inevitavelmente, quando você adiciona espaço em branco a qualquer design de página de destino pós-clique, a página provavelmente ficará mais longa. Isso não é necessariamente uma coisa ruim porque os usuários da web esperam rolar. Contanto que você incorpore outras dicas visuais na página para apontar os visitantes na direção desejada, é provável que os visitantes permaneçam focados e engajados.

Dê uma olhada em nossa página de destino pós-clique da lista de verificação de publicação abaixo com espaço em branco ao redor de cada um de seus elementos importantes. Além disso, a seta para baixo incentiva os espectadores a rolar para baixo para continuar avaliando a oferta:

Como sua próxima página de destino pós-clique usará o espaço em branco?

Embora o espaço em branco seja referido como espaço vazio, a área não é desperdiçada. Há uma intenção consciente e deliberada com o espaço em branco da página de destino pós-clique. Espaçando e destacando elementos individuais, você efetivamente aumenta a compreensão e a experiência geral do usuário e, por sua vez, pode aumentar as conversões.

Sabendo disso, quais elementos você destacará em sua próxima página de destino pós-clique?

Use nossa plataforma amigável para designers para criar suas próprias páginas de destino pós-clique totalmente otimizadas em apenas alguns minutos. Com o Instapage, você desfrutará de 100% de personalização com as análises mais avançadas do setor. Inscreva-se hoje mesmo para uma demonstração do Instapage Enterprise.