01 機能概要
プロダクトのフロー全体で、エラーをどう防ぎ、説明し、回復させるかを計画します。
Error Handling UXは複数のプロダクトフローにまたがります。すべての失敗をメッセージ作成の問題として扱うのではなく、防止、検出、伝達、回復に整理します。
ソースでは、フォーム、ページ、ネットワーク、結果が空の場合、権限のコンテキストを区別しています。入力内容の保持、再試行、代替ルート、取り消しも設計の一部です。的確なメッセージも、提案する回復手段がプロダクトで実際に利用できる場合にのみ役立ちます。
想定される成果物
防げるミス、一時的な失敗、権限の制限、その他の関連する状態を特定します。
ユーザーを責めずに、何が起きたか、役立つ背景、実際に取れる次のアクションを説明します。
作業内容を保持し、失敗の種類に応じて再試行、代替ルート、取り消しを定義します。
02 利用場面
複数のフローにわたる失敗に対して、一貫したメッセージ、回復アクション、作業内容の損失防止が必要なときに使います。
03 重要な判断
システムが実行できない回復手段を、エラーで提示してはいけません。
コンテキストを保持すれば、ユーザーにとって回復の負担が小さくなります。
04 依頼例
以下のサンプルブリーフはテストされていません。使用前にスキルのセットアップを確認してください。
このタスクのSKILL.mdを、designer-skillsリポジトリから、お使いのエージェントが対応するスキルの配置場所に読み込んでください。エントリーファイルには、汎用のインストーラーコマンドは示されていません。
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/error-handling-ux/SKILL.md実際の失敗ケースと利用可能な回復アクションを入力してください。このワークフローは体験を仕様化するもので、バックエンドの回復を実装するものではありません。
スキルを実行する前に、このブリーフの範囲、ソース資料、制約を調整してください。
error-handling-uxを使って、アップロード、保存、権限に関する失敗をレビューしてください。それぞれについて、防止策、メッセージの表示位置、保持するデータ、実際に取れる回復アクションを明記してください。再試行可能なネットワーク障害とアクセス拒否を区別し、バックエンドの機能を勝手に作らないでください。実際の出力を、次の観察可能な基準に照らして確認してください。
OpenDesignは、コーディングエージェント向けのローカルなデザインワークスペースを提供します。この掲載は、スキルが同梱されていること、または外部ツール、認証情報、ソフトウェア依存関係が含まれていることを意味するものではありません。
05 ソースとライセンス
このページは、下記にリンクされた固定のソースリビジョンについて説明しています。アップストリームの挙動や要件は変更される可能性があります。
9a6930cf84a8プロダクトのフロー全体で、エラーをどう防ぎ、説明し、回復させるかを計画します。
リンク先のソースに基づく、OpenDesignによるオリジナルの要約です。リポジトリのスター数は日付時点の人気を示す指標であり、スキルの利用状況や品質スコアではありません。
06 開始前の質問
OpenDesign
ブリーフ、ソース資料、デザイン作業をローカルのワークスペースにまとめて管理できます。ワークフローに追加する前に、スキル自体のセットアップを確認してください。
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/error-handling-ux/SKILL.md