progressive-disclosure

プログレッシブディスクロージャー

ユーザーが今必要としているものを表示します。 必要に応じて、さらに表示します。

目標

本質的な作業を隠すことなく、見た目の複雑さを抑えます。

ルール

• 主要な操作は常に表示します。
• 副次的または高度なオプションのみを非表示にします。
• 明確な表示コントロールを用意します。
• 表示パターンに一貫性を持たせます。
• 必要に応じて、ユーザーの設定を記憶します。
• 詳細な設定を探せる検索機能を用意します。
• 初心者と経験者の両方でテストします。

レベル

• レベル 0：不可欠な項目で、常に表示します。
• レベル 1：重要な項目で、1 回の操作で表示できます。
• レベル 2：便利ですが、利用頻度は高くありません。
• レベル 3：高度な項目で、意図的に深い階層に配置します。

パターン

• 追加フィールドはセクションを展開して表示します。
• 短いヘルプにはツールチップを使います。
• サブフローにはドロワーまたはモーダルを使います。
• 同列のカテゴリーにはタブを使います。
• 副次的な操作には「その他」メニューを使います。
• 複数の手順からなるセットアップにはウィザードを使います。

フロー

1. 表示されている要素を一覧にします。
2. ユーザーのニーズと利用頻度を明確にします。
3. 頻繁に必要となる不可欠な項目は表示したままにします。
4. 状況に応じた項目は、1 回の操作で表示できる場所に移動します。
5. 利用頻度の低い高度な項目は、より深い階層に移動します。
6. 明確なトリガーラベルまたはアイコンを追加します。
7. タスクの完了度と見つけやすさをテストします。

リソース

• プログレッシブディスクロージャー - Nielsen Norman Group
• Webインターフェースの設計 - Bill Scott

出力

## Progressive Disclosure Plan

Interface: [name]

Level 0:
- [element]

Level 1:
- Trigger: [control]
- Reveals: [elements]

Level 2+:
- Trigger: [control]
- Reveals: [elements]

Metrics:
- Task completion: [target]
- Time to complete: [target]
- Support tickets/confusion: [target]

チェック項目

• 展開しなくても主要なタスクを完了できます。
• 高度な機能を見つけられます。
• 表示のための操作がひと目でわかります。