Como fazer um bom formulário (certifique-se de que seus formulários não assustem as pessoas)

Os formulários são como você leva as pessoas a fazer coisas em seu site. E não importa o tipo de formulário que você usa, você precisa garantir que seu formulário seja fácil de usar, para que as pessoas o preencham.

Se seus formulários derem uma experiência ruim ao usuário, as pessoas não os preencherão. O que significa que eles saem do seu site, para nunca se tornarem clientes - tudo porque você formatou seus campos de formulário de forma um pouco instável!

Isso significa que você precisa saber como fazer uma boa forma.

Quais tipos de formulários se beneficiarão de um bom design de formulários?

• Formulários de geração de leads — para quando você deseja que as pessoas aceitem sua lista de e-mail ou baixem uma oferta gratuita
• Formulários de contato — para quando você quiser que as pessoas entrem em contato
• Formulários de inscrição — para quando você quiser que as pessoas se inscrevam no seu serviço ou evento
• Formulários de login — para quando você quiser facilitar o login das pessoas
• Formulários de checkout — para quando você quiser garantir que as pessoas não abandonem os carrinhos de compras
• Formulários gerais de captura de e-mail — para qualquer momento diverso, você precisa obter o endereço de e-mail de alguém

Infelizmente, existem muitos formulários ruins por aí.

Felizmente, projetar um formulário simples e eficaz com um bom UX não é muito difícil.

Veja como fazer uma boa forma.

Princípios de design de formulário a serem seguidos (os 4 Cs de um bom design de formulário)

Quando você precisa fazer uma boa forma, você precisa de duas coisas:

1. Práticas recomendadas simples, como onde colocar rótulos de campo e como empilhar campos
2. Os princípios que regem como fazer uma boa forma

Você pode aprender muito com coisas que outras pessoas já testaram - e em um segundo vou listar várias práticas recomendadas de design de formulários que facilitarão o design de formulários.

Mas às vezes você precisa usar um formulário para algo que não foi testado.

Ou você está trabalhando com um público que é, por qualquer motivo, diferente da maioria das pessoas que preenchem formulários.

Compreender os princípios do design de formulários fornece as ferramentas para criar um bom formulário em qualquer circunstância.

[blog-subscribe headline=”Este formulário segue os princípios” description=”E quando você colocar seu e-mail, você receberá 1 e-mail por semana—com nossos melhores conselhos de marketing.”]

Assim. Aqui estão as dicas rápidas e específicas que ajudam você a lidar com erros comuns de experiência do usuário de formulários:

• Coloque rótulos acima de seus campos , não como texto que desaparece dentro do campo. Caso contrário, quando alguém começar a digitar, poderá esquecer quais informações você solicitou.
• Empilhe os campos verticalmente quando houver mais de dois. Os campos verticais são mais fáceis de digitalizar do que os horizontais.
• Deixe claro quais campos são obrigatórios. Asteriscos são comuns (ou você pode chamar especificamente campos opcionais).
• Se houver mais de 6 opções para um formulário, use um menu suspenso . Já ouviu falar da Regra de 7? As pessoas podem se lembrar de cerca de 7 itens, portanto, se você tiver esse número ou mais, não os mostre todos de uma vez como botões de opção.
• Use formulários de várias etapas se você tiver um grande número de campos - isso pode reduzir o atrito
• Faça seus campos de formulário de tamanhos diferentes com base no tamanho da resposta que você espera. Um formulário para CEP deve ser menor que uma vez para o número de telefone.
• Se você tiver mensagens de erro, pode ser uma boa ideia adicionar validação em linha
• Não faça seu botão enviar dizer “enviar”. Torne-o visualmente distinto com microcópias atraentes.

E aqui estão os princípios por trás das boas formas. Estes são os quatro Cs do bom design de formulários:

1. Claro
2. Conciso
3. Esperto
4. Cooperativo

(Nota: Crédito à equipe da Formulate por desenvolver este modelo de 4 Cs).

1. Formulários claros são mais fáceis de usar

Formulários claros não fazem as pessoas pensarem (e isso é bom).

Há uma razão pela qual isso é como a bíblia do web design (Amazon)

O que significa ter uma forma clara? Isso significa que a pessoa que preenche seus formulários da web deve ser capaz de fazê-lo com o mínimo de esforço possível.

Um campo obrigatório deve ser obviamente obrigatório. Os campos de entrada devem deixar claro quais entradas eles estão solicitando.

Se você tiver um formulário longo, os campos são claramente rotulados e o mais simples possível.

Clareza em seus formulários é fundamental. Se alguma parte do seu formulário for confusa, você perderá conversões!

E quero dizer qualquer parte do seu formulário. Isso inclui:

• Quais peças são opcionais ou obrigatórias
• Quais informações preencher
• Quais campos de formulário combinam com quais informações
• O que acontecerá após o envio do formulário
• Por que eles deveriam preencher seu formulário em primeiro lugar!

A menos que seu formulário seja algo louco e intenso que as pessoas sejam legalmente obrigadas a preencher (como documentos fiscais), você precisa fazer com que as pessoas queiram preencher seu formulário. Isso significa que você precisa de uma oferta boa e clara com uma boa e clara cópia opt-in.

E isso significa tornar seu formulário o mais fácil e indolor possível de preencher.

Ao criar seu formulário, faça estas perguntas:

• É óbvio o que o formulário quer que alguém faça?
• É óbvio quais informações estão sendo solicitadas?
• É óbvio que formato essa informação precisa ter?
• É óbvio onde cada informação precisa ser inserida?
• Se houver um erro, a mensagem de erro diz como corrigi-lo?
• Uma vez que as informações são inseridas, é óbvio o que fazer a seguir?

2. Formulários concisos geram mais conversões

Conciso não significa curto! Significa não mais do que o necessário.

Sim, um formulário curto geralmente obtém mais conversões do que um formulário longo. Mas:

1. Às vezes, um formulário longo realmente converte melhor do que um formulário curto
2. Às vezes você realmente precisa de mais informações
3. Às vezes, você quer ter certeza de que apenas as pessoas mais interessadas estão entrando em contato com você

Quando o especialista em otimização de taxa de conversão Michael Aagaard encurtou seu formulário em três campos, ele pensou que a taxa de conversão aumentaria.

Não. As conversões caíram 14%.

"O resultado? 14% de queda na conversão. Eu removi todos os campos com os quais as pessoas realmente querem interagir e deixei apenas os campos ruins com os quais elas não querem interagir. Meio estúpido.” – Michael Aagaard, em ConversionXL

Alguns campos de formulário são inerentemente mais difíceis (por exemplo, "número de telefone") do que outros (por exemplo, "primeiro nome").

Claro, você gostaria de ter o máximo de informações possível sobre seus leads. Você só precisa equilibrar isso com as informações que as pessoas estão dispostas a lhe dar.

Por outro lado, existem duas boas razões para você querer fazer um formulário mais longo:

1. Você realmente precisa de todas essas informações para converter leads em clientes
2. Você tem muitos visitantes no site e quer assustar as pessoas que não levam a sério sua oferta

Formulários longos são mais comuns quando você vende serviços mais caros, especialmente se você vende para empresas.

Mesmo que seus formulários sejam longos, certifique-se de pedir apenas as informações necessárias.

E lembre-se: você pode transformar um formulário longo em um formulário de várias etapas para torná-lo mais fácil de terminar.

3. Formulários inteligentes ajudam as pessoas

Inteligente não significa que seu formulário deve ter um monte de trocadilhos. Como já escrevemos antes, a clareza é mais importante do que a esperteza – pelo menos quando esperteza significa “ser engraçado”.

Nesse contexto, “inteligente” significa “inteligente”. Formulários inteligentes são formulários inteligentes o suficiente para ajudar seus visitantes a completá-los, removendo etapas irrelevantes ou tornando mais fácil para os visitantes concluir as etapas que precisam ser executadas.

Quais são alguns desses passos?

• Campos de formulário que são preenchidos automaticamente, para que seus visitantes possam preencher suas informações mais rapidamente
• Ocultar campos de formulário para informações que você já possui
• Ocultar campos de formulário até que os campos de pré-requisitos sejam preenchidos
• Aceitando apenas algumas entradas para alguns campos de formulário (por exemplo, um endereço de e-mail deve conter @)

O Google permite que você preencha automaticamente suas informações. Este exemplo (de developers.google.com) ilustra o quanto o preenchimento automático é mais rápido.

Tornar seus formulários mais inteligentes torna mais fácil para as pessoas enviarem seus formulários.

4. Formas cooperativas não deixam as pessoas frustradas

“Cooperativa” é um princípio mais geral do que os outros três. Se um formulário é cooperativo, isso significa que ele funciona com seus visitantes para facilitar o preenchimento.

O princípio cooperativo incorpora uma série de melhores práticas. Por exemplo, formas cooperativas:

• Trabalhe com a estrutura mental que o preenchedor de formulários está usando quando se aproxima do formulário
• Defina termos e dê contexto sempre que necessário
• Usa termos que serão familiares ao tipo de pessoa que envia o formulário
• Torne os erros óbvios e dê passos para corrigi-los
• Acomoda alguns pequenos erros nas entradas (erros de ortografia, vários formatos)
• Certifique-se de que haja uma resposta válida e precisa disponível para todos os campos do formulário
• Faz perguntas que têm respostas válidas, para eliminar as respostas “melhores” que não refletem as verdadeiras crenças/status/informações do preenchedor
• Deixe claro o que se espera do preenchedor de formulários e o que o preenchedor de formulários pode esperar ao preencher o formulário

A incerteza deixa as pessoas frustradas. Pessoas frustradas não preenchem formulários e não se tornam clientes.

Uma meta-análise recente sobre os efeitos da incerteza tinha a dizer sobre como ela afeta a tomada de decisão.

“A incerteza é muitas vezes inevitável na vida cotidiana e pode ser estressante e emocionante… Pesquisas recentes sugerem que os organismos biológicos tentam resolver e minimizar a incerteza, como meio de otimizar inferências e previsões sobre o mundo externo e, finalmente, promover o sucesso da sobrevivência.”

Quando você se depara com um formulário confuso, qual é a maneira mais rápida de “resolver e minimizar a incerteza?”

Não preenchendo o formulário!

É por isso que os formulários cooperativos são tão importantes – eles evitam que seus preenchedores fiquem frustrados.

E eles fazem com que mais pessoas preencham seus formulários.

Conclusão: O que vem depois de uma boa forma?

Um bom formulário é apenas o começo da interação de seus visitantes com sua empresa.

Um bom design de formulário e uma cópia de aceitação poderosa podem fazer com que mais pessoas enviem seus formulários. Depois disso, você precisará de maneiras de continuar engajando seus novos leads e assinantes.

Aqui estão algumas maneiras de manter as pessoas envolvidas:

• Envie-os para uma página de agradecimento personalizada. Uma página de agradecimento personalizada permite direcionar as pessoas para mais recursos nos quais elas possam estar interessadas (e as mantém em seu site)
• Deixe claro o próximo passo necessário. Você vai ligar para eles? Enviar um e-mail de confirmação? Eles precisam fazer mais alguma coisa agora? Torne isso óbvio para eles.
• Acompanhamento (você pode automatizar isso). Envie um e-mail de boas-vindas. Acionar o acompanhamento automatizado. O envolvimento é maior logo após o envio do formulário - então, ataque enquanto o ferro está quente e entre em contato agora.

Aprenda a fazer uma boa forma. Faça. Então, acompanhe. Expanda seus negócios apenas transformando mais visitantes em leads e clientes.