progressive-disclosure について
AIの機能を段階的に示すための設計スキルです。ユーザーを圧倒せずに機能を見つけやすくする方法として、開示戦略、機能の階層、ペース、初回利用の設計を扱います。
主な機能
- 01状況に応じた機能ヒント
- 02段階的な利用例
- 03機能の段階的な解放
- 04AIの能力境界の明示
- 05開示マップとフロー
活用シーン
- 01初回利用時の機能案内の計画
- 02高度な機能の段階的な提示
- 03AIにできないことの明確化
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ owl-listener/ ai-design-skills --skill progressive-disclosureインストール後、Claude Code で/progressive-disclosureを入力して読み込まれたか確認します。
詳細
段階的な開示
ユーザーは AI に何ができるのかを理解していません。段階的な開示とは、適切なペースで機能を紹介する方法です。これにより、情報を与えすぎて圧倒することも、機能の活用が不十分になることも防げます。
メンタルモデルのギャップ
ユーザーは、以前に使ったテクノロジーによって形作られたメンタルモデルを持って利用を始めます。たとえば、次のようなことがあります。
- AI を検索エンジンのように扱う(キーワードで検索する)
- AI をフォームのように扱う(決まった形式を期待する)
- AI にできることを少なく見積もる(提供されている範囲よりも少ないことを依頼する)
- AI にできることを過大に見積もる(完璧な結果を期待する) 段階的な開示は、ユーザーが AI にできると思っていることと、実際にできることのギャップを埋めます。
開示の戦略
- 必要に応じたヒント:状況に応じて機能の提案を表示します(「こんなことも頼めます……」)
- 段階的な事例紹介:シンプルなユースケースから始め、ユーザーが自信をつけるにつれて複雑な事例を紹介します
- 機能の段階的な解放:ユーザーが基本機能に慣れたことを示したら、高度な機能を解放します
- 状況に応じた案内:ユーザーが非効率な方法を試したとき、より良い方法を提示します
- 機能の境界:AI にできることだけでなく、できないことも明確に伝えます
機能を段階的に提示する
機能を次のような段階に分けて構成します。
- 表層:最も分かりやすく、リスクの低い機能です。ユーザーはすぐにこれらの機能を見つけられます。
- 中間層:ツールチップ、提案、または初回利用時のプロンプトを通じて紹介する、より強力な機能です。
- 上級層:経験豊富なユーザー向けの高度な機能です。利用できますが、積極的には紹介しません。
ペース
- 速すぎる場合:ユーザーは圧倒され、機能を無視したり、信頼を失ったりします
- 遅すぎる場合:ユーザーは退屈し、製品の機能が限られていると思って利用をやめます
- 適切な場合:新しい機能がどれも自然な次のステップに感じられます
デザイン成果物
- どの機能をいつ紹介するかを示す、機能開示マップ
- メンタルモデルの進展を示す図
- 開示のきっかけを含む初回利用体験のフロー
- 機能の段階の定義(表層、中間層、上級層)
コメント
Markdown 対応