6 práticas de design de página de inscrição para formulários sem atrito
como profissional de marketing, você provavelmente gosta de pensar que entende bem seus clientes potenciais — quem eles são, como eles se comportam, etc. Então, se um deles visitou seu site ou página de inscrição, o que você acha que eles fariam a seguir?
provavelmente Registre-se para o seu serviço, certo?
esse nem sempre é o caso, como uma marca descobriu. Para eles, algo entre esse CTA e sua página de “obrigado” estava fazendo com que a empresa perdesse quase um quarto de seus clientes em potencial.
houve um problema com sua página de inscrição.
construir Landing Pages com Instapage ➔
o que é uma página de inscrição?
as páginas de inscrição, também conhecidas como” páginas de registro”, não são todas iguais. Alguns são páginas de destino PPC pós-clique; outros estão vinculados à página inicial via navegação-alguns até são a página inicial. Apesar de suas diferenças, todos compartilham o mesmo objetivo: gerar inscrições para um serviço.
em muitos casos, a página de inscrição é a última etapa do funil de conversão de uma empresa. É onde os clientes em potencial navegam depois de avaliarem uma marca e decidirem que seu serviço oferece o que precisam.
por causa disso, as páginas de inscrição se concentram menos em persuadir o cliente potencial a converter e mais em minimizar o atrito envolvido em fazê-lo. Esse foco na usabilidade significa que outros elementos tradicionais da página de destino pós-clique, como prova social, depoimentos e mídia que chama a atenção, ficam em segundo plano.
basta olhar para a Página de inscrição do Shopify abaixo, que aparece na página inicial depois de clicar em “começar.”
é realmente apenas uma forma curta. E, como você verá um pouco mais tarde, a maioria das páginas de inscrição é construída da mesma maneira, apresentando nada mais do que um título, alguns campos de formulário e um call-to-action.
mas só porque muitos são projetados dessa forma não significa que é o caminho certo. Criar uma página de inscrição bem-sucedida é mais do que eliminar distrações e reduzir campos de formulário. A tarefa é dupla.
para gerar o máximo de inscrições, você deve minimizar as etapas envolvidas no registro e, ao mesmo tempo, aproveitar ao máximo os poucos elementos que você usa. Aqui estão algumas dicas e insights dos especialistas.
Use um título orientado a benefícios
no momento em que um cliente em potencial chega à sua página de inscrição, na maioria dos casos, ele já avaliou seu serviço e determinou que ele atende às suas necessidades. Mas, isso significa que você não deve lembrá-los por que eles estão lá?Abaixo, o Copyblogger usa um título social recheado para convencer os usuários a se inscreverem e, acima, o Shopify lembra aos prospects que seu teste é gratuito por 14 dias.
simples é bom, mas se você tiver espaço para reforçar sua USP com um título, faça isso. Provavelmente, terá um impacto mais positivo nas conversões do que negativo.
faça todos os seus campos obrigatórios
esta dica é menos sobre exigir que seus visitantes preencham seu formulário e mais sobre ter certeza de que você escolheu os campos certos. Com isso, queremos dizer que, se você determinou que um campo de formulário é opcional, não precisa dessa informação para assinar o prospecto.
por exemplo, um serviço como o Groupon precisa saber sua localização na inscrição para oferecer ofertas e cupons relevantes. Mas a localização não é uma informação crucial para a Instapage saber sobre seus clientes, e é por isso que não pedimos durante o registro.
se você realmente não precisa conhecer a empresa do seu cliente em potencial, sua posição ou quantos funcionários eles têm, não pergunte. Quanto menos trabalho eles precisarem fazer, melhor.
campos do Formulário para considerar
Alguns campos do formulário para considerar a consolidação/livrar-se de:
- nome de usuário: os usuários realmente precisam de um nome de usuário para se inscrever? Ou você pode apenas pedir seu e-mail e, em seguida, deixá-los determinar seu nome de usuário depois de fazer login?
- Confirmar senha: Este campo está desatualizado e só é necessário por causa do mascaramento de senha, outra técnica impraticável.
o mascaramento de senha é a tecnologia que faz com que cada letra pareça um ponto de bala idêntico quando é inserida em um formulário. Dá a impressão de segurança extra, mas a única coisa que realmente protege é que as pessoas espreitam por cima do ombro.
pergunte a si mesmo: meus clientes em potencial estão realmente criando suas senhas em um ambiente público lotado? Não é provável.
em vez de usar um campo “Confirmar senha”, permita que os usuários vejam o que estão digitando desmascarando o campo “Senha” original ou usando um recurso “Mostrar / Ocultar” , como o MailChimp faz em sua página de inscrição:
- nome e sobrenome: considere consolidar o nome e o sobrenome em um campo” Nome Completo”. Ou, basta pedir o primeiro nome. Heck, talvez até pense em se livrar dele completamente.
em vários exemplos abaixo (Buffer, Asana, Crazy Egg), as páginas de inscrição não pedem nome imediatamente, mas permitem que seus clientes convertidos insiram detalhes depois de fazer login na plataforma.
- Acordo do usuário: em vez de fazer com que seus usuários cliquem em uma caixa de seleção informando que concordam com os Termos do Usuário, considere incluir uma mensagem acima do seu CTA da maneira que o LinkedIn faz abaixo. Ele afirma que, ao converter, o Usuário consente automaticamente.
Construa páginas de destino com Instapage ➔
se você absolutamente precisa de todas essas informações, peça-As nas etapas
veja, às vezes você realmente precisa de muitas informações para registrar um novo usuário. As inscrições que exigem pagamento no local exigem formulários longos para capturar informações confidenciais, como endereço de cobrança e número de cartão de crédito. Quando isso acontecer, considere dividir o processo de registro em várias etapas.
um relatório do Formstack mostra que, no ano passado, os formulários de registro de várias páginas superaram os de uma única página em mais de 9%:
por quê?
os formulários de várias páginas tornam a conversão menos esmagadora, separando o processo em várias etapas curtas. Mais páginas significam mais espaço para Fontes maiores, campos mais longos e rótulos descritivos que podem não caber em uma forma mais Curta. Além disso, as inscrições de várias páginas geralmente vêm com uma barra de progresso conveniente que permite aos usuários saber o quão longe eles estão no registro.
lembrar: se você puder encurtar seu formulário eliminando alguns campos, encurte-o. Se você não puder, não tente fazê-lo parecer mais curto, colocando tudo em uma pequena quantidade de espaço. Você só vai bagunçar sua página e sobrecarregar sua perspectiva.
considere usar uma janela modal
para aqueles com um processo de inscrição rápida, como o Canva, uma janela modal oferece alguns benefícios.
Designer, Joshua Johnson, explica por que:
eles sobrepõem o conteúdo atual em vez de levá-lo a uma página diferente. De alguma forma, isso é menos perturbador do que ser levado para algum lugar novo, O que parece uma interrupção. Ao diminuir os gráficos da página inicial e abrir um formulário de registro de sinal modal, você tem a sensação de que o processo será rápido e indolor e que você voltará a navegar em nenhum momento.
em um momento em que os usuários da internet estão mais impacientes do que nunca, dar-lhes a impressão de que voltarão a navegar em um instante é uma ótima prática.
crie páginas de destino com Instapage ➔
habilite o preenchimento automático social
em quase todos os exemplos de página de inscrição abaixo, você notará botões de preenchimento automático social. Isso permite que os usuários ignorem seu formulário com um único clique, importando informações pessoais relevantes que já enviaram para as redes sociais.
Formstack descobriu que, ao incluir esse recurso, os usuários conseguiram gerar conversões de formulário 189% mais altas. Além disso, 86% das pessoas dizem que criar novas contas de usuário em sites diferentes é inconveniente. Quando seu objetivo é tornar a conversão o mais fácil possível, aproveitar o preenchimento automático social é um acéfalo.
abandone o texto do espaço reservado
para converter, os visitantes precisam saber como preencher seu formulário. Mas, usar texto de espaço reservado não é a melhor maneira de mostrá-los.
de acordo com o Grupo Nielsen Norman, adicionar texto cinza claro aos campos do formulário tem o potencial de:
- Strain memória de curto prazo dos usuários. Quando eles começam a digitar e o texto cinza desaparece, eles pensam para si mesmos: “quantos caracteres minha senha precisa ter novamente?”
- torne seus campos de formulário invisíveis. Campos de formulário vazios são realmente mais perceptíveis por perspectivas do que aqueles com espaços reservados.
- irritar os usuários tabulação através do formulário. Aqueles que preencherem rapidamente seu formulário usando o botão” tab ” não terão tempo para ler o texto explicativo do espaço reservado antes que ele desapareça.
- confunda os visitantes. Eles podem confundir o texto do espaço reservado com informações que foram preenchidas automaticamente.
para evitar qualquer confusão, inclua um rótulo acima de cada campo que diga aos visitantes exatamente o que eles precisam incluir nele. O texto do espaço reservado só criará mais atrito na sua página de registro.
Construa páginas de destino com Instapage ➔
como os profissionais criam páginas de registro
agora que você sabe o que incluir em sua página de inscrição, vamos dar uma olhada em como os profissionais constroem as deles.
esta página de inscrição no LinkedIn é da variedade de páginas de destino pós-clique. É autônomo, o que significa que não está conectado ao site da empresa via navegação — nem mesmo no logotipo.
acima do formulário, a manchete poderia transmitir um benefício mais forte. Nele, quatro campos mantêm o atrito baixo. No entanto, combinando nomes e sobrenomes em um campo de “nome completo”, esse atrito pode ser ainda menor.
em cada caixa de texto, as letras cinza permitem que os clientes em potencial saibam o que devem digitar e, acima do campo “Senha”, esse rótulo é ainda mais específico. No entanto, esse campo “senha” não segue as melhores práticas, exibindo marcadores idênticos para cada letra dos tipos de perspectiva.
letras cinza adicionais abaixo do último campo de formulário permitem que os visitantes saibam que, clicando em “Inscreva-se agora”, eles concordam com o contrato de usuário, a Política de Privacidade e a Política de cookies do LinkedIn. Isso salva o prospect a etapa extra de ter que clicar em uma caixa de opt-in para consentir.
na chamada para ação, a palavra “agora” enfatiza que, uma vez que o usuário clica no botão CTA, eles são imediatamente parte da rede. No que diz respeito ao próprio botão, ele pode aparecer um pouco mais, Você não acha? Uma cor de fundo ou botão diferente pode chamar mais atenção para onde o usuário precisa clicar para entrar.
abaixo disso, um botão “continuar com o Facebook” simplifica todo o processo. Se você tem um perfil na maior rede social do mundo, Clique nesse botão para permitir que o preenchimento automático preencha o formulário para você usando os dados que você já compartilhou com o Facebook.
Copyblogger
aqui está uma página de inscrição que é mais do que apenas um formulário. A primeira coisa que as perspectivas provavelmente notarão é aquela manchete gigante e cheia de provas sociais. Traduzido, diz: “se somos bons o suficiente para 334.000 profissionais de marketing, também somos bons o suficiente para você.”
também tira proveito de um fenômeno comumente conhecido como “FOMO”, que significa “medo de perder.”Ninguém quer perder a vantagem que 334.000 de seus colegas da indústria têm.
abaixo disso, uma prévia de todo o conteúdo valioso gratuito que os clientes em potencial obtêm após o registro os tenta a preencher esse formulário. A forma em si, no entanto, poderia ser melhor projetada.
ao eliminar o campo ” inserir novamente a senha “e condensar o nome e o sobrenome em” nome completo”, o Copyblogger pode reduzir o número de caixas de texto de 5 para 3 e, por sua vez, a quantidade de atrito envolvido na inscrição. No lugar desse campo “reinserir senha”, uma opção Mostrar/Ocultar pode ser usada para garantir a precisão ao inserir uma senha.
para reduzir ainda mais o atrito, os rótulos dentro de cada campo devem ser posicionados acima. No momento, essa rotulação cinza desaparece quando os clientes em potencial clicam na caixa de texto, tornando mais fácil para eles esquecerem o que estavam digitando.
no geral, enquanto algumas deficiências no formulário e alguns links de saída podem prejudicar as conversões nesta página de inscrição, o conteúdo gratuito do Copyblogger é muito valioso para deixar passar.
Crazy Egg
em primeiro lugar, uma empresa que se autodenomina “líder” em sua indústria é como um café chamando seu café de o melhor do mundo. Há muitos que dizem isso, mas poucos que podem provar isso. Em vez de se chamar o melhor, faça backup de sua reivindicação com uma estatística ou citando um cliente conhecido que acredita que você é.
abaixo desse título está uma imagem que visualiza o insight que você ganha quando usa Crazy Egg e, à direita da imagem, três linhas de cópia explicam o que esse insight é junto com o que você pode fazer com ele.
nesta forma super curta, o atrito é mínimo. O título enfatiza que o teste é gratuito, o botão aparece no fundo branco e o call-to-action é escrito na primeira pessoa. No momento, a única coisa que impede que essa forma seja livre de dor é o texto de espaço reservado cinza que distrai em cada campo.
abaixo disso, a prova social na forma de logotipos de clientes reconhecíveis e o texto “mais de 200.000 empresas se convertem melhor com Crazy Egg” aumentam a persuasão desta página de inscrição.
ao todo, esta página facilita a conversão de visitantes.
Construa páginas de destino com Instapage Buffer
Buffer
quando você clica na chamada para ação” Inscreva-se gratuitamente ” no Buffer.com, a página inicial se transforma em uma página de inscrição, implantando um pequeno formulário pop-up e escurecendo o conteúdo circundante.
nesse pop-up, o processo de conversão é simples — clique em um dos três botões de login social para ignorar o formulário ou insira um endereço de E-mail e senha. De qualquer forma, o atrito é mínimo. A única maneira que este formulário poderia ser mais fácil de completar? Livre-se desse texto de espaço reservado que distrai.
Asana
no máximo, a inscrição nesta página da Asana leva dois cliques. Com um recurso de login do Google, pode levar apenas um.
uma frase acima do formulário informa como preencher o formulário, até mesmo com qual e-mail você deve se inscrever.
diretamente abaixo disso, no entanto, um campo de formulário preenchido com texto de espaço reservado cinza distrai o usuário. Mas isso impedirá as pessoas de se inscreverem? Não é provável. Este formulário é quase sem atrito e fácil de completar.
comece a criar uma página de inscrição otimizada com o Instapage, solicite uma demonstração do Instapage Enterprise hoje mesmo.