Web e frontend · Iniciante

Formulários: a parte onde mais usuários quebram

Em uma linha: Um bom formulário pede pouco, verifica no momento certo, explica um erro onde ele aconteceu e não apaga o que foi digitado.

Menos campos

Cada campo diminui a taxa de conclusão. Pergunte de cada um: o que faremos com isso amanhã cedo? Se a resposta for vaga, delete ou torne opcional — e marque isso explicitamente.

Divida um formulário longo em etapas com progresso visível, e salve um rascunho. Um usuário que fechou por acidente e perdeu dez minutos não volta.

Validação no momento certo

Não grite com um campo enquanto ele está sendo digitado pela primeira vez. Verifique ao sair do campo, e mostre a mensagem ao lado do campo — não como uma lista no topo.

Uma mensagem de erro diz o que aconteceu e o que fazer: 'o número de telefone deve começar com 05' e não 'entrada inválida'.

Detalhes que parecem profissionais

O tipo de teclado certo no celular, autocomplete ativado, foco no primeiro campo com erro, botão desabilitado durante o envio para evitar duplicatas e uma mensagem de sucesso que diz o que realmente aconteceu.

Indo mais fundo

Valide sempre também no servidor. Validação no navegador é experiência de usuário, não segurança — qualquer requisição pode ser enviada diretamente. E retorne erros do servidor em formato uniforme com atribuição ao campo, para que a interface possa exibi-los no lugar certo sem adivinhar.