Contexto
Durante o preenchimento ou após o envio de um formulário, a pessoa pode inserir dados ausentes, inválidos ou incompatíveis com as regras do serviço. Ela precisa identificar o problema, entender como corrigi-lo e retomar a tarefa sem perder o que já digitou.
Apresente a mensagem junto ao campo que precisa de correção e, quando houver vários problemas, repita a mesma informação em um resumo no início do formulário. Nomeie o campo usando o mesmo texto do rótulo, descreva o que foi aceito ou rejeitado e indique uma ação concreta para corrigir o valor.
Explique antecipadamente formatos, limites e requisitos previsíveis. Escolha o momento de validação de acordo com a tarefa: a validação durante o preenchimento pode orientar quando a regra é clara e o feedback é útil, enquanto a validação após o envio pode ser mais adequada quando o usuário ainda está explorando o formulário. Depois de uma falha, preserve os valores digitados, mantenha a mensagem disponível e permita que a pessoa retome a tarefa pelo campo relevante.
Porque isso importa?
Uma mensagem específica reduz a incerteza entre o que a pessoa fez e o que o sistema espera. “Ocorreu um erro” obriga o usuário a investigar; já uma mensagem que identifica o campo, explica o problema e aponta a correção transforma a falha em uma próxima ação compreensível.
Isso reduz retrabalho, evita que dados sejam digitados novamente e ajuda pessoas com limitações visuais, cognitivas, de linguagem ou de aprendizagem a entenderem por que o envio não foi concluído. Em formulários com vários erros, a combinação de resumo e mensagens próximas aos campos diminui a necessidade de procurar a origem do problema.
Quando usar?
Use esse padrão quando o sistema conseguir detectar que uma entrada está ausente, fora do formato esperado ou fora dos valores permitidos.
- Quando um campo obrigatório não foi preenchido.
- Quando um valor está em formato incorreto, como um e-mail ou uma data.
- Quando um número está fora de um intervalo ou uma opção não é permitida.
- Quando o envio falha por uma combinação de valores que o sistema consegue explicar.
- Quando vários campos apresentam problemas e o usuário precisa localizar cada um deles.
Quando evitar?
Não use uma mensagem de erro de campo para problemas que a pessoa não consegue resolver alterando a própria entrada. Indisponibilidade do serviço, falta de permissão e inelegibilidade exigem uma comunicação de serviço própria, com contexto e próximos passos.
- Evite acusar erro antes de a pessoa ter tido oportunidade razoável de preencher o campo.
- Evite usar apenas um alerta temporário quando a correção exige consulta ou edição.
- Evite transformar uma escolha de interface em requisito universal: mensagem inline, resumo, foco e momento de validação dependem do fluxo.
Recomendações
Faça
- Explique as regras antes.
- Identifique o campo pelo rótulo.
- Descreva o problema.
- Indique como corrigir.
- Associe a mensagem ao campo.
- Preserve os dados digitados.
- Resuma vários erros.
- Teste teclado, zoom e leitor de tela.
Evite
- Não use mensagens vagas.
- Não dependa só de cor.
- Não valide cedo demais.
- Não apague os dados.
- Não confunda erro com falha do serviço.
- Não faça a mensagem desaparecer.
