Quer você esteja reunindo candidaturas a empregos, inscrições para eventos ou usando-os para geração de leads B2B , você vai precisar de formulários da web . Eles são essenciais para coletar detalhes de contato, feedback de clientes e até mesmo pagamentos.
Mas você saberá por experiência que alguns formulários são melhores que outros. Alguns desses formulários são complexos, confusos e desafiadores de usar. A experiência do formulário da web pode ganhar ou perder candidatos a emprego, leads promissores e receita.
Mas com essas seis práticas recomendadas em mente, você pode garantir que seus formulários da web sejam experiências fáceis de usar, que aumentam as conversões e contribuem para seus resultados financeiros.
Por que a usabilidade dos formulários web é importante?
Os formulários da Web têm sido uma parte essencial da experiência na Web desde os dias da “Web 1.0”, pois deveriam ser a maneira mais fácil para um usuário enviar suas informações para uma empresa. Mas o design da experiência do usuário evoluiu muito desde os anos 90, e as expectativas do cliente estão maiores a cada ano. Se qualquer parte do seu formulário for difícil de usar, 67% dos clientes simplesmente o abandonarão completamente.
Se coletar essas informações é importante para você, então você vai querer tornar a experiência o mais suave possível para loja os usuários. Isso é tão importante para lojas de comércio eletrônico que coletam dados vitais de clientes para processamento de pagamento quanto para empreendimentos criativos, como sites de portfólios de ilustradores que coletam informações de contato para enviar atualizações regulares.
1. Mantenha-o em uma coluna
Um layout de problemas comuns em formulários de registro forex e como corrigi-los coluna única é considerado uma prática recomendada porque é uma maneira eficaz de manter o design simples. Ele remove formatos confusos e elaborados do seu processo de tomada de decisão e torna mais fácil para os usuários navegarem no formulário.
Os usuários podem informações ricas percorrer rapidamente um formulário de coluna única e ver o que é necessário, em vez de ter que percorrer várias colunas para encontrar o pequeno campo de entrada para um número de segurança de três dígitos.
É bem sabido que os usuários irão escanear uma página da web em uma formação “Z”, começando do canto superior esquerdo, movendo-se para o canto superior direito, então deslizando para o canto inferior esquerdo e inferior direito. Um layout de várias colunas deixa muita informação fora dessa linha “Z”. Mas em um layout de coluna única, quase todas as informações necessárias podem ser passadas rapidamente na visão periférica dos usuários.
Por fim, você pode adaptar facilmente layouts de coluna única para telas móveis. E com 59% do tráfego da internet vindo de smartphones, você precisa fazer tudo o que puder para que seus formulários funcionem nessas telas pequenas.
Imagem gratuita obtida do Unsplash
2. Considere o fluxo, a ordem e o agrupamento
Três conceitos importantes a serem lembrados ao projetar um formulário web são seu fluxo, a ordem das perguntas e o agrupamento das perguntas.
Fluxo
Ao projetar um formulário da web , você deve considerar o “fluxo” ou “ritmo” da experiência. Algumas seções serão mais fáceis ou mais difíceis do que outras, e você deve ter isso em mente ao organizá-las. (Preencher um cartão de crédito deve ser fácil, mas se o usuário tiver que ir para outra sala para obter os detalhes do cartão, é um ponto de atrito.) Se o usuário estiver conectado ou tiver fornecido informações antes, preencher alguns campos automaticamente é uma ótima maneira de tornar a experiência mais uniforme.
Ordem
Ao projetar um formulário da web, é importante pensar na ordem dos campos em termos do que faz mais sentido para o usuário. Muitas vezes, é útil começar com as informações mais fáceis, como nome e detalhes de contato, e depois trabalhar em detalhes específicos, como informações de pagamento ou complementos de produtos. Quanto mais campos um usuário preenche, mais ele se sente investido e compelido a concluir o formulário inteiro.
Agrupamento
Se o seu formulário tiver mais do que alguns campos pequenos, você deve pensar em como agrupar as informações.
Considere dividi-lo em várias páginas se o seu formulário for muito longo. Isso mantém o usuário focado na tarefa em questão e reduz a “carga cognitiva” de olhar para muitos campos simultaneamente. Se você der ao usuário um indicador de progresso claro como “Página 2 de 4” ou uma barra de progresso, você pode dar a ele uma ideia clara de quanto tempo ainda resta. Ao dividir o formulário em páginas separadas, você também pode analisar o desempenho de cada página e otimizar seu formulário mais rapidamente.
Imagem gratuita obtida do Unsplash
3. Rotule tudo claramente
Para formulários da web, isso significa rotular claramente o próprio formulário, suas seções e os campos individuais. Evite abreviações como “DOB” e rotule claramente o campo como “Data de nascimento”. Em um contexto B2B, evite jargões do setor sempre que possível.
Isso também vale para o seu botão Call to Action (CTA).
4. Marque os campos opcionais corretamente
Ao marcar claramente quais campos são opcionais, você pode economizar tempo do usuário preenchendo informações desnecessárias. Embora seja comum marcar campos com um asterisco, isso pode significar que o campo é opcional ou obrigatório. Por esse motivo, campos opcionais devem ser claramente marcados como “opcionais”. Isso torna o formulário mais claro para todos, incluindo usuários com deficiência visual cuja ferramenta de leitura de tela pode ler a palavra “opcional” para eles.
Obtenha feedback de erro correto
Imagem gratuita obtida do Unsplash
Outra coisa a considerar é o posicionamento das mensagens de erro.
6. Não se esqueça da confirmação e do acompanhamento
Se este formulário for para ajudar um usuário a se candidatar a um emprego ou registrar nomes de domínio, há muitas informações que eles precisam acertar na primeira vez. Você pode deixar os usuários tranquilos e impedi-los de voltar para revisar os campos com um bom processo de confirmação.
Depois que um usuário tiver enviado o formulário,
Se for uma consulta de atendimento ao cliente, diga a eles quando podem esperar uma resposta. Se eles pediram um produto, diga a eles que podem encontrar um recibo na caixa de entrada de e-mail. Essa garantia ajuda a definir expectativas para o usuário e mostra a eles que suas informações foram recebidas e acionadas.
Você deve considerar enviar ao usuário um e-mail de acompanhamento automático assim que o formulário for enviado. Isso pode incluir um resumo do que foi enviado e quando. Também pode ser o primeiro de uma série de e-mails automáticos. Com o propósito de enviar notificações de novas ofertas, notícias ou etc.
Se o formulário da web estivesse configurando um teste ou
Se for para uma entrega, eles poderiam atualizar o cliente sobre uma entrega rastreada. Esses e-mails são uma ótima oportunidade de ir além e manter as informações do seu cliente que eles acharão úteis.
Melhores práticas de usabilidade de formulários da Web
Ele é especialista em SEO há 15 anos e ainda gosta de ajudar, criando sites envolventes e conteúdo interessante. Se não estiver no computador, ele está principalmente ao ar livre, na natureza, com a família. Para mais insights sobre conversão e SEO, você pode ler seu blog aqui .
