Espaço em branco: como maximizar conversões e impacto com menos

Você já teve um daqueles dias em 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 concluído. Por uma razão ou outra, é difícil se concentrar e você se torna incrivelmente improdutivo.

Assim como muitas pessoas têm seu melhor desempenho quando estão sozinhas em seu próprio espaço silencioso, o mesmo se aplica aos componentes da página de destino pós-clique. os elementos da página de destino pós-clique atendem melhor a seus propósitos 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 nada mais para olhar por perto, elas são forçadas a olhar o que está lá.

É importante notar que o espaço em branco não é necessariamente “branco” - é apenas um espaço vazio, não marcado. Pode ser de qualquer cor, desde que ajude a separar os diferentes elementos e contrastar 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 bastante 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 aprimorado
• Maior compreensão da oferta
• Experiência de usuário aprimorada

Quer o reconheçamos no momento ou não, o espaço negativo cumpre esses propósitos ao tocar 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 desordem e menos distrações, é significativamente mais fácil para nosso cérebro assimilar 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 seus resultados financeiros. Portanto, antes de mostrar bons exemplos de espaço em branco nas páginas de destino pós-clique, vamos dar uma olhada nesta página inicial pós-clique do LogiGear que quase não inclui:

Qual foi sua primeira impressão desta página? É um pouco opressor porque tudo está amontoado sem espaço para respirar - tornando difícil navegar, focar no que é importante e compreender a oferta. É quase como se o designer estivesse tentando exibir tudo acima da dobra e ter uma página muito equilibrada, isso reduz a legibilidade por completo.

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

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

O espaço em branco atua como uma sugestão direcional e as dicas direcionais são recursos visuais que apontam para os elementos mais importantes de 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 visualizadores veem ao chegar. Um título pode chamar a atenção dos visitantes ainda mais rápido se houver espaço em branco adequado ao seu redor.

A BigMarker criou esta página de destino pós-clique de teste gratuito com muito 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 sair 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. Uma vez que 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 em torno da 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 visualizadores enquanto eles rolam a página para baixo porque está cercada por um espaço vazio substancial:

Cronômetro de contagem regressiva

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

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

Formulário de captura de chumbo

Os formulários de captura de leads são um dos elementos mais importantes da página de destino pós-clique, então só 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 fixo no fundo e uma abundância de espaço em branco:

Botão

Quer se trate de um opt-in de duas etapas, click-through ou hiperlink com uma tag â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 de destino pós-clique para guiar os visitantes de volta ao formulário acima da dobra. Observe como o botão se destaca, pois é circundado por muito espaço:

Serviços da empresa

Em vez de ler uma página inteira impressa, os usuários da web preferem digitalizar uma página da web de forma rápida e fácil para encontrar as informações mais valiosas. É por isso que projetar a cópia da sua página de destino pós-clique em pequenos pedaços marcados por marcadores, ou iconografia, é o ideal. Quando você associa 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 eles agregam credibilidade, confiança e podem destacar diferentes aspectos de seu produto ou serviço que ajudaram clientes reais a alcançar o sucesso.

Para garantir que seus depoimentos sejam notados, siga o exemplo do Outbrain e coloque-os em um espaço em branco:

Crachás da empresa

Junto com os depoimentos dos clientes, os emblemas da empresa estão entre os aspectos mais convincentes de uma página de destino pós-clique. Exibir emblemas 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, eles pensam: “se essas outras empresas altamente confiáveis ​​depositaram sua confiança no produto ou serviço, então eu também posso”.

Para demonstrar, o Alteryx mostra alguns de seus maiores clientes e parceiros abaixo da dobra em sua página de destino pós-clique de teste gratuito:

Uma nota final sobre o web design do 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, os visitantes provavelmente permanecerão focados e engajados.

Dê uma olhada em nossa página inicial de pós-clique da Lista de verificação de publicação abaixo com um 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 conhecido 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. Ao espaçar e destacar elementos individuais, você aumenta efetivamente 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 de design amigável 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 para uma demonstração do Instapage Enterprise hoje mesmo.