mcpField
P
progressive-disclosure

progressive-disclosure

github.com/owl-listenerデザイン・UI191321 回インストール20 週間前に更新
リポジトリ

progressive-disclosure について

AIの機能を段階的に示すための設計スキルです。ユーザーを圧倒せずに機能を見つけやすくする方法として、開示戦略、機能の階層、ペース、初回利用の設計を扱います。

主な機能

  1. 01状況に応じた機能ヒント
  2. 02段階的な利用例
  3. 03機能の段階的な解放
  4. 04AIの能力境界の明示
  5. 05開示マップとフロー

活用シーン

  1. 01初回利用時の機能案内の計画
  2. 02高度な機能の段階的な提示
  3. 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 にできることだけでなく、できないことも明確に伝えます

機能を段階的に提示する

機能を次のような段階に分けて構成します。

  1. 表層:最も分かりやすく、リスクの低い機能です。ユーザーはすぐにこれらの機能を見つけられます。
  2. 中間層:ツールチップ、提案、または初回利用時のプロンプトを通じて紹介する、より強力な機能です。
  3. 上級層:経験豊富なユーザー向けの高度な機能です。利用できますが、積極的には紹介しません。

ペース

  • 速すぎる場合:ユーザーは圧倒され、機能を無視したり、信頼を失ったりします
  • 遅すぎる場合:ユーザーは退屈し、製品の機能が限られていると思って利用をやめます
  • 適切な場合:新しい機能がどれも自然な次のステップに感じられます

デザイン成果物

  • どの機能をいつ紹介するかを示す、機能開示マップ
  • メンタルモデルの進展を示す図
  • 開示のきっかけを含む初回利用体験のフロー
  • 機能の段階の定義(表層、中間層、上級層)

コメント