principle-experience-first について
プロダクトやエンジニアリングの設計で、実装の都合より利用者の体験を優先するスキルです。プロトタイプで検証し、細部を整え、中心となるワークフローに集中します。
主な機能
- 01判断で利用者体験を優先
- 02機能や選択肢に根拠を求める
- 03実装前にプロトタイプを作成
- 04遷移、余白、エラー表示を調整
- 05中心となるワークフローに集中
活用シーン
- 01新機能を追加する価値の評価
- 02HTMLプロトタイプで設計を検証
- 03画面の細部やエラー状態の改善
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ backnotprop/ pstack --skill principle-experience-firstインストール後、Claude Code で/principle-experience-firstを入力して読み込まれたか確認します。
詳細
体験を最優先に
実装のしやすさとユーザーの喜びが相反する場合は、喜びを選びます。
- すべての機能、コントロール、オプションには、導入する理由が必要です
- 数を増やすより、質を高めましょう(粗削りな機能を10個そろえるより、洗練された体験を実現する3つの機能を提供しましょう)
- 決定する前にプロトタイプを作りましょう(本番コードより、使い捨てのHTMLのほうが設計上の判断を安く試せます)
- 細部まで仕上げましょう(トランジション、配置、余白、フィードバック、エラー状態)
- コアとなる一連の操作を磨きましょう(すべての機能は中心となるワークフローに貢献するか、邪魔にならないようにする必要があります)
成果物を利用する人は誰でもユーザーです。UIならエンドユーザーです。ライブラリや内部APIなら、それをインポートする同僚です。次にコードを保守するエンジニアもユーザーです。その人たちの体験も同じように考慮し、それぞれの視点から影響を説明しましょう。
基盤は体験を支えるものであるべきです。基盤に関する考え方が定めるのは、作業の順序です。この原則が定めるのは、目標です。
コメント
Markdown 対応