Bible Network Crypto DeFi Onchain RWA AI Agent Stablecoin Chain SAFU CryptoTax DeFAI AGI Claude Me Claude Skill Claude Design Claude Cowork
独立メディア
いかなるプロジェクトとも無提携
Claude Designで、アイデアをインタラクティブなビジュアルに変える
claudedesign-me.com
最新
出力例:ワンページの料金ページ——プロンプトから公開可能な3階層構成まで  ·  出力例:Outlookでも崩れないレスポンシブなメールテンプレート  ·  出力例:ブランド感のある404ページ——単なるエラーメッセージから訪問者を引き止めるデザインへ  ·  Claude Designはもう別ウィンドウを開く必要がない:ビジュアル生成がチャット中いつでも呼び出せる機能に  ·  Anthropicが「one Claude」を発表:CoworkとチャットUIが統合、Claude Designは会話の中へ  ·  AIが進歩したのは画像であって、ツールではない:6つの製品カテゴリをテストして見えた本当のギャップ
用語解説 · ビジュアルデザイン

Progressive Disclosure

プログレッシブディスクロージャー
ビジュアルデザイン beginner

30秒バージョン · 忙しい方へ
ユーザーが今本当に必要としている情報や機能だけを最初に表示し、高度な機能や使用頻度の低いオプションはユーザーが能動的に求めたときにだけ表示する仕組み。すべてを一度に画面に並べてしまい、ひと目見ただけで諦めたくなる状況を避けるためのものだ。
詳しく読む +
01 · これは何?

プログレッシブディスクロージャーとは何ですか?単に「インターフェースをシンプルにする」こととはどう違いますか?

プログレッシブディスクロージャーは、複雑なタスクをより小さなステップに分解したり、高度な機能をセカンダリ画面に先送りしたりすることで、ユーザーが最初は本当に必要な中核的な選択肢だけに向き合い、その後必要が生じるにつれて、より深い内容が段階的に明らかになっていくインタラクションデザインの手法だ。この概念は1995年にJakob Nielsenによって初めて提唱され、複雑なアプリケーションにおけるユーザーのエラー率を減らすことを目的としており、今日でもUXデザインにおける最も基本的な原則の一つであり続けている。

単にインターフェースをシンプルにすることとの違いは、プログレッシブディスクロージャーが実際には機能を何も削除していない点にある。高度なオプションは依然として存在するが、それは最初からメイン画面に並べられるのではなく、ユーザーが能動的に求めたときにだけ現れるセカンダリの位置に配置されているだけだ。単純な簡略化は、しばしば機能の完全性を犠牲にして視覚的なシンプルさと引き換えるが、プログレッシブディスクロージャーの目標は、機能の完全性を保ちながら、初心者ユーザーを最初から圧倒しないようにすることだ。古典的な例はmacOSの印刷ダイアログで、デフォルトではわずかな選択肢しか表示せず、「詳細を表示」をクリックして初めて、より高度な設定が展開される。

02 · なぜ存在する?

なぜプログレッシブディスクロージャーはこれほど重要なデザイン原則だとされているのですか?認知レベルでどんな問題を解決しているのですか?

この原則の心理学的根拠は、心理学者George A. Millerが1956年に発表した古典的な研究から来ている。この研究は、人間の短期作業記憶が一度に保持できる情報の塊はおおよそ7個(プラスマイナス2個)程度であり、それを超えると人は困難を感じ、ミスを犯しやすくなり、あるいは単に諦めてしまうと提唱している。すべての機能、すべてのオプションを同じ画面に並べたインターフェースは、実質的にユーザーに作業記憶の許容量をはるかに超える情報を一度に消化することを強いており、これが多くの複雑なアプリケーションが初心者ユーザーを圧倒してしまう根本的な理由だ。

プログレッシブディスクロージャーが解決しているのは、まさにこのギャップだ。ユーザーがその時点で処理する必要のある情報量を、認知負荷が実際に対応できる範囲に抑えつつ、「存在はするが今は必要ない」ものを一時的にしまっておく——削除するのではなく、先送りするだけだ。このアプローチの効果は双方向的だ。新規ユーザーにとってはインターフェースが取り組みやすく感じられ、最初の成功体験が自信を築く。すでにインターフェースに慣れている上級ユーザーにとっては、これらの高度な機能は依然として手の届くところにあり、本当に取り除かれたわけではなく、もう1回のクリックや操作が必要になるだけだ。

03 · 意思決定にどう影響する?

プログレッシブディスクロージャーは実際にはどのような具体的なインターフェース要素によって実現されているのですか?

業界でよく見られるやり方は、おおむねいくつかの種類に分けられる。アコーディオンは、縦に積み重なった展開・折りたたみ可能な見出しでコンテンツを表示し、見出しをクリックしたときだけ下にある内容が表示・非表示になる。FAQや仕様説明のような構造化された情報に適している。ステッパーは複雑なタスクを段階ごとに分解し、その時点で入力すべき内容だけを表示する。複数ステップのフォームフローでよく見られる。タブはコンテンツをカテゴリごとにグループ化し、ユーザーがすべての内容をスクロールして見ることなく、異なる分類の表示を切り替えられるようにする。モーダルウィンドウは、高度な機能や副次的な設定を一時的に独立させ、ユーザーが能動的にトリガーしたときにのみメイン画面の前に表示される。

これらの要素は形式こそ異なるが、共通する目的は同じ一つのことだ。「ユーザーが今見る必要があるもの」と「ユーザーが今は見る必要がないが、後で必要になるかもしれないもの」を分けて扱うことだ。実際にどの要素を選ぶかは、コンテンツの性質による。順を追って進めるタスクであればステッパーの方が適しており、任意の順序で見られる分類情報であればタブやアコーディオンの方がより自然に感じられる。

04 · どうすればいい?

AIデザインツールで画面を生成する場合、すべてのオプションを同じ画面に詰め込むのではなく、プログレッシブディスクロージャーが正しく適用されるようにするにはどうすればよいですか?

特に指示がなければ、AIはインターフェースを生成する際、思いつく限りのオプションをすべて同じ画面に直接配置する傾向がある(そうする方が「機能が充実している」ように見えるため)。どれが中核でどれが高度なもので、表示を先送りすべきかどうかを能動的に判断することはない。AIにプログレッシブディスクロージャーを正しく適用させるには、プロンプトの中で、ユーザーが最初から必要とする中核的な情報と、高度またはめったに使わないオプションを明確に指定し、後者をアコーディオン、タブ、あるいはセカンダリ画面にまとめるよう具体的に要求する必要がある。

実務上、注意すべき陥りやすい間違いが一つある。ユーザーが本当に必要としている中核的なアクションまで「その他のオプション」という折りたたみ領域に隠してしまい、その方がすっきり見えると誤解してしまうことだ。もし大多数のユーザーが実際にある機能を使う必要があるなら、その機能は「高度」なものとは言えない。無理にそれを隠すことは、余計な操作の摩擦を生むだけで、画面はすっきりして見えても、本当の使いやすさを犠牲にしてしまう。あるオプションを表示を先送りすべきかどうかを判断する基準は、「大多数のユーザーが実際に使うかどうか」であり、「画面が見た目上ごちゃごちゃしているかどうか」ではない。

出典:What Is Progressive Disclosure in UX? Definition, Examples & Best Practices (2026) (UXPin)、Progressive disclosure — Wikipedia
具体例 +

macOSの印刷ダイアログは、プログレッシブディスクロージャーの最もよく引用される古典的な例だ。ユーザーがドキュメントを印刷する際、デフォルトではわずかな中核的なオプション(プリンターの選択、印刷部数など)しか表示されず、画面下部に「詳細を表示」ボタンがある。これをクリックすると、より高度な設定(用紙の種類、カラーマネジメント、両面印刷など)が展開される。この設計により、基本的な印刷機能しか必要としない大多数のユーザーは高度なオプションに圧倒されずに済み、同時に細かい制御を必要とするユーザーは、1回のクリックで完全な機能セットにアクセスできる。両方の利用シナリオがケアされているのだ。

よくある誤解 +
✕ 誤解 1
× 誤解:プログレッシブディスクロージャーとは単に機能を隠して画面をすっきり見せることだ、実際は:本当のプログレッシブディスクロージャーは、使用頻度が低い、あるいは中核的なニーズではないオプションだけを先送りする。大多数のユーザーが実際に必要とする中核機能まで折りたたみ領域に隠してしまうのは、余計な操作の摩擦を生むだけであり、すっきりさせることではなく、隠すことになる
✕ 誤解 2
× 誤解:オプションの総数が少ない(3〜5個など)限り、必ずプログレッシブディスクロージャーを使って隠すべきだ、実際は:オプションの総数がもともと少ない場合、一つ一つ折りたたむことはクリックを1回余分に増やすだけで、実際には認知負荷を下げていない。プログレッシブディスクロージャーは、オプションの数がユーザーが一度に処理できる範囲を本当に超えている場合に適用すべきであり、オプションが少し多いからといって無条件に隠すべきものではない
The Missing Link +
直接的な影響

利点は、新規ユーザーがインターフェースに初めて触れる際の認知負荷を大幅に軽減し、習得の速度を高められる点で、同時に上級ユーザーが必要とする機能の完全性も犠牲にしない。欠点は、表示が先送りされた機能の発見しやすさが下がる点だ。もしユーザーが高度なオプションの存在自体を知らない、あるいはそれをトリガーする入口を見つけられない場合、それは実質的に段階的な開示ではなく機能を隠してしまうことになる。この場合、プログレッシブディスクロージャーはかえって障害になってしまう。設計の際には、「まだ他にオプションがある」ということ自体が明確に見える状態を確保する必要がある。内容だけがしまわれていて、入口ごと消えてしまうことがないように。

質問する
10文字以上入力してください
関連トピック