Error Handling UXpor Owl-Listener

Error Handling UX Skill.

Faça com que as falhas expliquem o que aconteceu e deem às pessoas um caminho a seguir sem perder o trabalho feito.

UX
Orientação de design

Revisão da fonte · Error Handling UXSKILL.md

Tarefa UX Produz • Um inventário de estados de erro em todos os fluxos • Mensagens e posicionamentos específicos para cada contexto • Requisitos de recuperação, nova tentativa, desfazer e preservação de dados Antes de começar Um agente que consiga ler os fluxos afetados, os casos de falha conhecidos e as ações de recuperação que seu produto realmente oferece.

Resumo editorial · fonte revisada em 2026-10-07 · não é um exemplo gerado

01 Funcionalidades

Error Handling UX: Projete a recuperação em todos os fluxos

Planeje como os erros são prevenidos, explicados e recuperados nos fluxos do produto.

Fluxo de trabalho baseado na fonteNão é um benchmark de execução

A abordagem de trabalho

Error Handling UX abrange vários fluxos do produto. Ela organiza o problema em prevenção, detecção, comunicação e recuperação, em vez de tratar toda falha como um exercício de redação de mensagem.

A fonte distingue os contextos de formulário, página, rede, resultado vazio e permissão. Preservar o que foi digitado, tentar de novo, oferecer rotas alternativas e desfazer fazem parte do design. Uma mensagem precisa só ajuda se a recuperação proposta estiver realmente disponível no produto.

Entregáveis esperados

Um inventário de estados de erro em todos os fluxos
Mensagens e posicionamentos específicos para cada contexto
Requisitos de recuperação, nova tentativa, desfazer e preservação de dados

Ver o briefing de exemplo

Do briefing à revisão

01
Mapeie os contextos de falha
Identifique erros evitáveis, falhas temporárias, limites de permissão e outros estados relevantes.
02
Escreva mensagens úteis
Explique o ocorrido, dê o contexto que ajuda e indique um próximo passo real, sem culpar o usuário.
03
Especifique a recuperação
Preserve o trabalho e defina nova tentativa, rotas alternativas ou desfazer conforme a falha.

02 Quando usar

Quando usar

Use quando falhas em vários fluxos precisam de mensagens e ações de recuperação consistentes e de proteção contra perda de trabalho.

Um bom caso de uso

Comportamento de falha fragmentadoTraga consistência aos erros em vários fluxos do produto.
Problemas de perda de trabalhoDefina como o que o usuário digitou e o contexto sobrevivem a ações que falharam.

Limites a verificar

Não é confiabilidade de back-endO design não implementa recuperação de rede nem garante a disponibilidade do serviço.
Não é só validação de formulárioA validação no nível de campo de um único formulário pertence à tarefa form-design.

Traga estas informações

Inventário de falhasForneça os erros conhecidos e suas causas reais.
Capacidades de recuperaçãoIdentifique as novas tentativas, os desfazeres e os canais alternativos que realmente existem.
Contexto do usuárioIndique quais dados ou qual progresso devem sobreviver a cada falha.

03 Decisões importantes

Decisões que importam

Mensagens e ações em acordo
Um erro não deve oferecer uma recuperação que o sistema não consegue executar.
A falha não apaga o progresso
Preservar o contexto torna a recuperação menos custosa para o usuário.

04 Exemplo de briefing

Experimente um briefing focado

O briefing de exemplo abaixo não foi testado. Confira a configuração da skill antes de usá-lo.

Revise a configuração

Carregue o SKILL.md desta tarefa a partir do repositório designer-skills no local de skills compatível com seu agente. O arquivo de entrada não define um comando de instalação universal.

Arquivo-fonte original

https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/error-handling-ux/SKILL.md

Forneça os casos de falha reais e as ações de recuperação disponíveis. Este fluxo de trabalho especifica a experiência; ele não implementa recuperação no back-end.

Comece por um entregável

Adapte o escopo, o material de origem e as restrições deste briefing antes de executar a skill.

Briefing de exemplo

Use error-handling-ux para revisar nossas falhas de upload, salvamento e permissão. Para cada uma, especifique prevenção, posicionamento da mensagem, dados preservados e uma ação de recuperação real. Diferencie as falhas de rede que permitem nova tentativa da negação de acesso e não invente capacidades de back-end.

Inspecione o resultado

Compare o resultado real com estes critérios observáveis.

As mensagens indicam um próximo passo útil.
O que o usuário digitou sobrevive aos caminhos de falha apropriados.
Nova tentativa e recuperação de permissão não são confundidas.

OpenDesign oferece um espaço de trabalho de design local para agentes de programação. Esta listagem não significa que a skill esteja incluída no pacote nem que suas ferramentas externas, credenciais e dependências de software estejam incluídas.

Baixar OpenDesign Ler o guia rápido

05 Fonte e licença

Fonte e licença

Esta página descreve a revisão fixa da fonte indicada abaixo. O comportamento e os requisitos originais podem mudar.

Autor da fonte: Owl-Listener
Repositório: Owl-Listener/designer-skills
Arquivo da skill: interaction-design/skills/error-handling-ux/SKILL.md
Licença: MIT
Versão revisada: 2026-10-07 · 9a6930cf84a8

Resumo editorial da fonte

Planeje como os erros são prevenidos, explicados e recuperados nos fluxos do produto.

Resumo original de OpenDesign, baseado na fonte indicada. As estrelas do repositório são um sinal de popularidade datado, não indicam uso da skill nem são uma nota de qualidade.

06 Perguntas antes de começar

Perguntas antes de começar

Todo erro deve usar um toast?

Não. A fonte relaciona o posicionamento ao contexto, incluindo estados inline, de página inteira, de banner e de permissão.

Tentar de novo resolve um erro de acesso?

Não automaticamente. A recuperação deve corresponder à exigência de permissão real.

Isso implementa salvamento automático?

Não. Ela identifica requisitos de design; implementação e testes são etapas separadas.

OpenDesign

Abra espaço para a próxima iteração de design.

Mantenha seu briefing, o material de origem e o trabalho de design juntos em um espaço de trabalho local. Confira a configuração da própria skill antes de adicioná-la ao seu fluxo de trabalho.

Baixar OpenDesign Explorar skills de design