Error State
Estado de Erro
Um estado de erro permanece visível quando uma ação ou página falha. Ele explica o problema específico e fornece uma maneira segura de se recuperar.
Your local edits are safe. Check the connection and try the sync again.
Um exemplo real
Um formulário tem um número de conta errado e o serviço também expira. O campo indica como corrigir o número, enquanto o erro do serviço mantém todas as entradas e oferece a opção Tentar novamente. Culpar o usuário ou excluir seu trabalho não é recuperação.
Partes principais
- 01falha específica
- 02contexto afetado
- 03Ação de recuperação
Use-o quando
Use este termo quando uma falha bloqueia a tarefa. O usuário precisa de uma razão clara ou de uma maneira de se recuperar.
Não o use quando
Não use um erro vago único para problemas de entrada, permissão, rede e servidor que precisam de soluções diferentes.
Nome usado no código
failure type → preserved context + recovery Antes de lançar
Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states.
Outcome: Complete the task with Estado de Erro (Error State). User context: Um formulário tem um número de conta errado e o serviço também expira. O campo indica como corrigir o número, enquanto o erro do serviço mantém todas as entradas e oferece a opção Tentar novamente. Culpar o usuário ou excluir seu trabalho não é recuperação. Recommended pattern: Estado de Erro (Error State). Why it fits: Use este termo quando uma falha bloqueia a tarefa. O usuário precisa de uma razão clara ou de uma maneira de se recuperar. Do not use it when: Não use um erro vago único para problemas de entrada, permissão, rede e servidor que precisam de soluções diferentes. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): Nenhum padrão oficial único controla todo o termo. Seu significado pode mudar entre equipes, plataformas ou frameworks. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Conferir este pedido
Review how Estado de Erro (Error State) is used now. Definition: Um estado de erro permanece visível quando uma ação ou página falha. Ele explica o problema específico e fornece uma maneira segura de se recuperar. Release checks: Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.