Error Handling UXdi Owl-Listener

Error Handling UX Skill.

Fai in modo che gli errori spieghino cosa è successo e offrano alle persone una via d'uscita senza perdere il loro lavoro.

UX
Linee guida di design

Scarica OpenDesign Vedi la guida all'uso

Revisione della fonte · Error Handling UXSKILL.md

Attività UX Produce • Un inventario degli stati di errore tra più flussi • Messaggi e posizionamenti specifici per il contesto • Requisiti di recupero, nuovo tentativo, annullamento e conservazione dei dati Prima di iniziare Un agente in grado di leggere i flussi interessati, i casi di errore noti e le azioni di recupero che il tuo prodotto supporta davvero.

Sintesi editoriale · fonte rivista 2026-10-07 · non è un esempio generato

01 Funzionalità

Error Handling UX: progettare il recupero attraverso i flussi

Pianifica come prevenire gli errori, spiegarli e recuperarli nei flussi del prodotto.

Flusso di lavoro basato sulla fonteNon è un benchmark di esecuzione

L'approccio di lavoro

Error Handling UX copre più flussi di prodotto. Organizza il problema in prevenzione, rilevamento, comunicazione e recupero, invece di trattare ogni errore come un semplice esercizio di scrittura di messaggi.

La fonte distingue i contesti di modulo, pagina, rete, risultati vuoti e permessi. Input preservato, nuovo tentativo, percorsi alternativi e annullamento fanno parte del progetto. Un messaggio preciso è utile solo se il recupero proposto è davvero disponibile nel prodotto.

Risultati attesi

Un inventario degli stati di errore tra più flussi
Messaggi e posizionamenti specifici per il contesto
Requisiti di recupero, nuovo tentativo, annullamento e conservazione dei dati

Vedi il brief di esempio

Dal brief alla revisione

01
Mappa i contesti di errore
Individua errori evitabili, guasti temporanei, limiti di permesso e altri stati rilevanti.
02
Scrivi messaggi utili
Spiega l'evento, il contesto utile e un'azione successiva reale, senza dare la colpa all'utente.
03
Specifica il recupero
Preserva il lavoro e definisci nuovo tentativo, percorsi alternativi o annullamento in base al tipo di errore.

02 Quando usarlo

Quando usarla

Usala quando gli errori in più flussi richiedono messaggi coerenti, azioni di recupero e protezione dalla perdita del lavoro.

Un buon caso d'uso

Gestione frammentata degli erroriPorta coerenza negli errori di più flussi di prodotto.
Problemi di perdita del lavoroDefinisci come input e contesto sopravvivono alle azioni fallite.

Limiti da verificare

Non è affidabilità del backendQuesto progetto non implementa il recupero di rete né garantisce la disponibilità del servizio.
Non è solo validazione dei moduliLa validazione a livello di campo di un singolo modulo appartiene all'attività form-design.

Input da fornire

Inventario degli erroriFornisci gli errori noti e le loro cause effettive.
Capacità di recuperoIndica i nuovi tentativi, gli annullamenti e i canali alternativi realmente disponibili.
Contesto utenteIndica quali dati o progressi devono sopravvivere a ciascun errore.

03 Decisioni importanti

Decisioni importanti

Messaggi e azioni coerenti
Un errore non deve offrire un recupero che il sistema non può eseguire.
L'errore non cancella i progressi
Preservare il contesto rende il recupero meno costoso per l'utente.

04 Esempio di brief

Prova un brief mirato

Il brief di esempio qui sotto non è stato testato. Controlla la configurazione della skill prima di usarlo.

Controlla la configurazione

Carica il SKILL.md di questa attività dal repository designer-skills nella posizione delle skill supportata dal tuo agente. Il file di ingresso non stabilisce alcun comando di installazione universale.

File sorgente originale

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

Fornisci i casi di errore reali e le azioni di recupero disponibili. Questo flusso di lavoro specifica l'esperienza; non implementa il recupero del backend.

Inizia con un solo risultato

Adatta ambito, materiale di partenza e vincoli di questo brief prima di eseguire la skill.

Brief di esempio

Usa error-handling-ux per esaminare i nostri errori di caricamento, salvataggio e permessi. Per ciascuno, specifica prevenzione, posizionamento del messaggio, dati preservati e un'azione di recupero reale. Distingui gli errori di rete che consentono un nuovo tentativo dal rifiuto di accesso e non inventare funzionalità del backend.

Controlla il risultato

Verifica l'output effettivo in base a questi criteri osservabili.

I messaggi indicano un'azione successiva utile.
L'input dell'utente sopravvive ai percorsi di errore appropriati.
Nuovo tentativo e recupero dei permessi non vengono confusi.

OpenDesign offre uno spazio di lavoro di design locale per agenti di programmazione. Questa scheda non significa che la skill sia inclusa né che strumenti esterni, credenziali e dipendenze software siano compresi.

Scarica OpenDesign Leggi la guida rapida

05 Fonte e licenza

Fonte e licenza

Questa pagina descrive la revisione della fonte fissata collegata qui sotto. Il comportamento e i requisiti upstream possono cambiare.

Autore della fonte: Owl-Listener
Repository: Owl-Listener/designer-skills
File della skill: interaction-design/skills/error-handling-ux/SKILL.md
Licenza: MIT
Snapshot rivisto: 2026-10-07 · 9a6930cf84a8

Sintesi editoriale della fonte

Pianifica come prevenire gli errori, spiegarli e recuperarli nei flussi del prodotto.

Sintesi originale di OpenDesign, basata sulla fonte collegata. Le stelle del repository sono un indicatore di popolarità datato, non misurano l'uso della skill né la sua qualità.

06 Domande prima di iniziare

Domande prima di iniziare

Ogni errore deve usare un toast?

No. La fonte lega il posizionamento al contesto, inclusi stati inline, a pagina intera, banner e permessi.

Un nuovo tentativo può risolvere un errore di accesso?

Non automaticamente. Il recupero deve corrispondere all'effettivo requisito di permesso.

Implementa il salvataggio automatico?

No. Individua requisiti di design; implementazione e test sono separati.

OpenDesign

Fai spazio alla prossima iterazione di design.

Tieni brief, materiali di partenza e lavoro di design insieme in uno spazio di lavoro locale. Controlla la configurazione della skill prima di aggiungerla al tuo flusso di lavoro.

Scarica OpenDesign Sfoglia le skill di design