Como fazer um formulário: princípios de design para bons formulários

Por que é importante saber como fazer um formulário? A resposta é simples: eles fazem as pessoas realizarem ações no seu site.

E não importa o tipo de formulário que você usa, é preciso garantir que ele seja fácil de usar para que as pessoas o preencham.

Se os seus formulários gerarem uma experiência de usuário ruim, as pessoas não os preencherão, sairão do seu site e nunca serão clientes. Tudo porque há muitos campos ou porque eles são confusos.

Isso significa que é preciso saber criar um bom formulário.

Que tipos de formulário se beneficiam de um bom design?

• Formulários de geração de leads: Quando o objetivo é fazer as pessoas aceitarem a inclusão na lista de emails ou baixarem uma oferta gratuita
• Formulários de contato: Quando o objetivo é fazer as pessoas entrarem em contato
• Formulários de registro: Quando o objetivo é fazer as pessoas se inscreverem para seu serviço ou evento
• Formulários de login: Quando o objetivo é facilitar o login
• Formulários de finalização de compra: Quando o objetivo é que as pessoas não abandonem o carrinho de compras
• Formulários de captura de email geral: Para qualquer momento em que você precisa obter o endereço de email de alguém

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

Felizmente, projetar um formulário simples e eficaz com uma boa experiência do usuário não é muito difícil.

Aqui você aprenderá a criar um bom formulário.

Princípios de design que mostram como fazer um formulário bom

Para criar um bom formulário, você precisará de duas coisas:

1. Seguir práticas recomendadas simples, como onde colocar etiquetas de campo e como empilhar campos
2. Seguir os princípios que regem a criação de um bom formulário

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

Porém, à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 algum motivo, é diferente da maioria das pessoas que preenche formulários.

Entender os princípios do design de formulários dá a você as ferramentas para criar um bom formulário em qualquer circunstância.

Aqui estão dicas rápidas e específicas que ajudam você a evitar erros comuns que prejudicam a experiência do usuário em formulários.

• Coloque as etiquetas acima dos campos, não como texto que desaparece no campo. Caso contrário, a pessoa pode esquecer que informação você pediu quando começar a digitar.
• Coloque os campos um em cima do outro quando houver mais de dois. Campos distribuídos na vertical são mais fáceis de ler que os na horizontal.
• Deixe claro quais campos são obrigatórios. Asteriscos são a forma mais comum de fazer isso. Você também pode destacar campos que são opcionais.
• Se houver mais de seis opções para um formulário, use um menu suspenso. Já ouviu falar da Regra dos 7? As pessoas podem se lembrar de cerca de sete itens, portanto, se você tiver esse número ou mais, não mostre todos de uma vez como botões de opção.
• Use formulários de várias etapas para facilitar se tiver um grande número de campos
• Crie os campos de formulário com diferentes tamanhos conforme o comprimento da resposta esperada. Um formulário para número de telefone deve ser menor que um para email.
• Se você tiver mensagens de erro, poderá ser útil adicionar a validação embutida
• Não use um botão de envio escrito apenas “enviar”. Use um call-to-action visualmente distinto com uma chamada atrativa.

Há alguns princípios por trás de bons formulários. Eles são os quatro Cs do bom design de formulário:

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

(Observação: crédito à equipe da Formulate por desenvolver esse modelo de 4 Cs. Originalmente, os 4 Cs, em inglês, correspondem às seguintes palavras: clear, concise, clever, cooperative. Adaptamos a tradução dos termos para facilitar o entendimento das pessoas que estão lendo este conteúdo em língua portuguesa, mas as informações relacionadas a cada princípio não foram alteradas)

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

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

O que significa ter um formulário claro? Significa que a pessoa que está preenchendo os formulários online deve conseguir fazer isso com o mínimo esforço possível.

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

Se você tiver um formulário longo, os campos devem ser etiquetados com clareza da maneira mais simples possível.

Clareza nos formulários é fundamental. Se qualquer parte do formulário for confusa, você perderá conversões.

E estou dizendo qualquer parte do seu formulário, incluindo:

• Quais partes são opcionais ou obrigatórias
• O que preencher
• Quais campos do formulário servem para quais informações
• O que acontecerá depois do envio do formulário
• Por que a pessoa deveria preencher o seu formulário em primeiro lugar

A menos que seu formulário seja extremamente intenso e as pessoas tenham a obrigação legal de preenchê-lo (como documentos fiscais), você deve fazer com que as pessoas queiram preenchê-lo. Isso significa que você precisa de uma oferta boa e clara, para que a pessoa decida preencher os seus dados e opt-in.

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

Quando você criar um formulário, faça estas perguntas:

• É óbvio o que o formulário quer que a pessoa faça?
• É óbvio quais informações estão sendo solicitadas?
• É óbvio em que formato as informações devem estar?
• É óbvio onde cada informação deve ser inserida?
• Se houver um erro, a mensagem de erro diz como corrigi-lo?
• Depois que as informações forem inseridas, é óbvio o que a pessoa deve fazer a seguir?

2. Formulários concisos geram mais conversões

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

Sim, um formulário curto geralmente terá mais conversões que um longo. Mas:

1. Às vezes um formulário longo na verdade converte mais que um curto
2. Às vezes você realmente precisa de mais informações
3. Às vezes você quer garantir que apenas as pessoas mais interessadas entrem em contato com você

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

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

“O resultado? Uma queda de 14% na conversão. Removi todos os campos com que as pessoas de fato querem interagir e deixei só os chatos com os quais elas não querem interagir. Meio idiota.” – Michael Aagaard, em ConversionXL

Alguns campos de formulário são inerentemente mais polêmicos (por exemplo, “número de telefone”) que outros (por exemplo, “nome”).

É claro, você gostaria de ter o máximo de informações possível sobre seus leads, mas é preciso equilibrar isso com as informações que as pessoas estão dispostas a fornecer.

Por outro lado, há dois ótimos motivos para você criar 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 afastar as pessoas que não estão levando sua oferta a sério

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

Mesmo que seus formulários sejam longos, peça 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 que seja mais fácil de preencher.

3. Formulários convenientes ajudam as pessoas

Um formulário não precisa ser conveniente para quem o cria, mas sim para quem o preenche. Além disso, o formulário não precisa ser engraçadinho, pois, é mais importante ser claro, do que “engraçadinho”.

Nesse contexto, “conveniente” significa ser “fácil de preencher”. Formulários convenientes ajudam os visitantes a preenchê-los excluindo etapas irrelevantes ou facilitando o preenchimento de etapas obrigatórias.

Quais são algumas dessas etapas?

• Campos de formulário preenchidos automaticamente para que as pessoas possam preencher as informações com mais rapidez
• Ocultar os campos do formulário que pedem informações que você já tem
• Ocultar campos até que os campos de pré-requisito sejam preenchidos
• Aceitar apenas determinadas entradas em alguns campos (por exemplo, um endereço de email precisa conter @)

Formulários inteligentes podem ser enviados com mais facilidade.

4. Formulários cooperativos não deixam as pessoas frustradas

“Cooperativo” é um princípio mais geral que os outros três. Se um formulário é cooperativo, ele trabalha com os visitantes para facilitar o preenchimento.

O princípio cooperativo incorpora uma série de práticas recomendadas. Por exemplo, formulários cooperativos:

• Trabalham com a estrutura mental que a pessoa usa ao preencher o formulário
• Definem os termos e contextualizam quando necessário
• Usam termos que são conhecidos pelas pessoas que enviarão o formulário
• Mostram os erros de forma clara e apresenta as etapas para corrigi-los
• Aceitam pequenos erros em entradas (erros ortográficos, formatos diferentes)
• Garantem que haja uma resposta válida e precisa disponível para todos os campos do formulário
• Fazem perguntas que têm respostas válidas para evitar respostas que não refletem as verdadeiras crenças/status/informações da pessoa
• Deixam claro o que é esperado da pessoa que está preenchendo o formulário e o que ela pode esperar do formulário

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

Uma meta-análise sobre os efeitos da incerteza obteve as seguintes conclusões em relação ao impacto da incerteza na tomada de decisões:

“A incerteza é muitas vezes inevitável na vida cotidiana e pode ser ao mesmo tempo estressante e empolgante… Pesquisas recentes sugerem que os organismos biológicos tentam resolver e minimizar a incerteza como forma de otimizar as inferências e previsões sobre o mundo externo e, por fim, 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 preencher o formulário!

É por isso que é importante ter formulários cooperativos, para evitar que as pessoas fiquem frustradas.

E para fazer com que mais pessoas preencham os formulários.

Conclusão: o que vem depois de um bom formulário?

Um bom formulário é apenas o começo da interação dos visitantes com a empresa.

Um bom design de formulário e um poderoso texto de opt-in podem fazer com que mais pessoas preencham os formulários. Depois, você precisará de maneiras para continuar criando engajamento com seus novos leads e inscritos.

Estas são algumas maneiras de manter as pessoas engajadas:

• Direcione as pessoas para uma página de agradecimento personalizada. Assim, você pode mostrar mais recursos nos quais elas podem ter interesse (e consegue mantê-las no seu site)
• Deixe claro qual será a próxima etapa obrigatória. Você ligará para a pessoa? Enviará um email de confirmação? Ela precisa fazer mais alguma coisa agora? Isso deve ficar muito claro para os visitantes.
• Acompanhamento (pode ser automatizado). Envie um email de boas-vindas. Acione follow-up automatizado. O engajamento é maior logo após o envio do formulário, então não perca tempo e entre em contato imediatamente.

Aprenda a fazer um bom formulário. Faça. E acompanhe. Expanda seus negócios transformando mais visitantes em leads e em clientes.

Faça um teste gratuito da ActiveCampaign por 14 dias e comece a criar bons formulários hoje!