認知負荷（Cognitive Load）とは、脳のワーキングメモリ（作業記憶）が処理している情報量のことです。負荷が高すぎると、ミスが増え、理解度が下がり、ユーザーは離脱します。
要するに「脳のメモリ消費量」であり、これが溢れるとユーザーは考えることを止める現象です。
PCのメモリがいっぱいになると動作が重くなるように、人間の脳も一度に処理できる情報量には限界があります。「読みづらいフォント」「多すぎる選択肢」「一貫性のない操作」はすべて脳への負荷となり、ユーザーを疲れさせます。この記事では、認知負荷の定義・UXにおける重要性・UIデザインでの具体的な軽減手法を、UIXHEROの3レイヤー構造に沿って解説します。
この記事でわかること
- 認知負荷の定義と3つの分類（課題内在性・課題外在性・学習関連）
- UXデザインにおける認知負荷の重要性
- ヒックの法則との関係
- UIデザインでの具体的な軽減手法（チャンク化・段階的開示・オフロード）
UIXHEROではUI設計を UX心理（Why） → UI原則（What） → UIコンポーネント（How） の3レイヤーで体系化しています。
- 心理学を理解する → UX心理119法則
- 設計原則を学ぶ → UIデザイン原則65
- 実装パターンを知る → UIコンポーネント完全ガイド
→ サイト全体の入口は UIデザイン完全ガイド から
認知負荷とは
認知負荷（Cognitive Load）とは、主にワーキングメモリ（作業記憶）にかかる処理負担を指し、1988年にオーストラリアの教育心理学者 John Sweller が提唱した「認知負荷理論（Cognitive Load Theory）」によって体系化された概念です。ワーキングメモリ容量には限界があるとされ、近年は 4±1チャンク程度という整理（Cowan, 2001 など）もよく参照されます。この限界を超えると学習効率の低下、ミスの増加、そして離脱につながります。
| 項目 | 内容 |
|---|---|
| 英語名 | Cognitive Load |
| 提唱者 | John Sweller（認知負荷理論） |
| 時期 | 1988年（認知負荷理論の初期論文） |
| 分野 | 教育心理学・認知心理学・HCI |
| 一言で | 脳のワーキングメモリの使用量。溢れるとミス・離脱が起きる |
要するに：認知負荷 = 「ユーザーの脳のメモリ消費量」
認知負荷は3種類に分類されます。
| 種類 | 説明 | UI設計での対応 |
|---|---|---|
| 課題内在性負荷（Intrinsic） | タスクそのものの難しさ | タスクを分割して段階的に提示 |
| **課題外在性負荷（Extraneous） ** | 情報提示の仕方による無駄な負荷 | ** UIデザインで減らすべきはこれ** |
| 学習関連負荷（Germane） | 理解を深めるための良い負荷 | 適切な学習体験として維持する |
UI/UXの文脈では、まず 課題外在性負荷（Extraneous） のような「無駄な負荷」を減らすことが非常に重要です。一方で、タスクの難易度（Intrinsic）や理解を助けるための適切な負荷（Germane）とのバランスもあるため、「極限までゼロにする」と断定せず、ユーザーが目的に集中できる範囲に最適化する、という捉え方がより実務に適します。
なぜUXデザインで重要なのか
認知負荷がUXデザインで重要な理由は3つあります。
1. ユーザーの離脱は「考えすぎ」から始まる
ユーザーが画面を見て手が止まるとき、それは認知負荷が限界を超えているサインです。選択肢が多すぎる、ラベルが曖昧、次に何をすべきかわからない——これらはすべて課題外在性負荷であり、UIの設計で解決できる問題です。ユーザーは「考える」ことにコストを感じると、そのまま離脱します。
2. 「シンプル」と「情報隠蔽」は紙一重
認知負荷を下げるために情報を減らしすぎると、逆にユーザーの不安を増やします。契約条件やリスク情報を隠す「偽のシンプルさ」はUXではなく欺瞞です。減らすべきは「無意味な負荷」であり、必要な情報は適切な形で提示する必要があります。
3. すべてのUI設計判断の背景にある
認知負荷は特定のUI要素に限定された概念ではなく、フォーム設計、ナビゲーション構造、エラーメッセージ、アイコンのラベル、配色——すべてのUI設計判断の背景にある基礎概念です。だからこそ、UIデザインの理論体系の中で最も頻繁に参照される心理概念の一つです。
UIデザインにおける認知負荷の具体例
認知負荷を軽減する代表的な設計パターンを紹介します。
ケース1：チャンク化（Chunking）
電話番号を「09012345678」ではなく「090-1234-5678」と区切るように、情報を意味のある塊（チャンク）に分けることで、記憶しやすく処理しやすくなります。これはクレジットカード番号の入力フォーム、住所のフィールド分割、ステップ式ウィザードなどで広く活用されています。
| 表示パターン | 認知負荷 | ユーザーの感じ方 |
|---|---|---|
| 09012345678 | 高い（11桁の数字の羅列） | 「覚えにくい、入力しにくい」 |
| 090-1234-5678 | 低い（3つのチャンク） | 「見やすい、確認しやすい」 |
ケース2：プログレッシブ・ディスクロージャー（段階的開示）
一度に全ての機能を見せるのではなく、最初は基本機能だけを見せ、必要に応じて高度な機能を表示する手法です。初心者は圧倒されず、熟練者は必要な機能にアクセスできます。Googleの検索結果ページ（シンプルな検索ボックス → 詳細検索オプション）が代表例です。
ケース3：オフロード（外部化）
「前の画面で入力した内容」を脳内で覚えておかせるのではなく、画面に再表示したり、計算を自動化したりして、脳の負担をシステム側に肩代わりさせます。ECサイトの注文確認画面で「配送先住所」「支払い方法」を再表示するのは、記憶のオフロードの典型例です。
ケース4：SaaSのダッシュボード設計
ダッシュボードに表示するKPIの数を、ワーキングメモリの限界を踏まえて少数に絞り（4±1チャンク程度が目安として参照されます）、余白を十分に取ることで、ユーザーが瞬時に状況を把握できるようにします。すべてのデータを1画面に詰め込む「情報洪水」は、最も典型的な課題外在性負荷です。
認知負荷とヒックの法則の関係
認知負荷はヒックの法則と密接に関連しますが、スコープが異なります。
| 項目 | 認知負荷 | ヒックの法則 |
|---|---|---|
| 定義 | 脳のワーキングメモリの使用量 | 選択肢の数が増えるほど、意思決定に時間がかかる |
| 影響範囲 | 情報量・レイアウト・操作の一貫性など、UIのあらゆる側面 | 主に「選択肢の数」と「意思決定時間」に限定 |
| 数式 | なし（定性的モデル） | RT = a + b × log2(n)（対数関係） |
| 提唱者 | John Sweller（1988年） | William Hick / Ray Hyman（1952年） |
ヒックの法則は、認知負荷そのものの下位概念というより、 選択肢の数が増えるほど意思決定に時間がかかる ことを説明する関連法則です。選択肢が多いとヒックの法則により意思決定時間が増加し、結果として認知負荷（特に課題外在性負荷）が高まるケースが多くあります。両者は密接に関係しますが、同一階層の概念として位置づけるのは正確ではありません。
認知負荷をUIデザインで軽減する方法
認知負荷を理解したうえで、UIXHEROの3レイヤー構造に沿って設計へ接続します。
UX心理（Why） 認知負荷：脳のメモリ消費量には限界がある
↓
UI原則（What） 単純化：無駄な要素を排除し、本質に集中させる チャンク化：情報を意味のある塊に分割する 進行開示：必要な時に必要なだけ表示する
↓
UIコンポーネント（How） Accordion（アコーディオン） / Stepper（ステッパー） / Filter（フィルター）
設計チェックリスト
- 1画面の情報量は適切か（余白は十分か）
- ユーザーに「覚えさせる」タスクを強いていないか
- アイコンにはラベルを添えて、意味を推測させる負荷を減らしているか
- 入力フォームは適切にチャンク化されているか
- 重要でない情報はアコーディオンや「もっと見る」で段階的に開示しているか
関連するUI原則
- 単純化 — 無駄な要素を排除し、ユーザーが本質に集中できるようにする
- チャンク化 — 情報を意味のある塊に分けて処理しやすくする
- 進行開示 — 初心者を圧倒せず、熟練者には機能を提供する
- 記憶に頼らせない — ユーザーの記憶負荷をシステムが肩代わりする
- 余白 — 視覚的な余裕が認知負荷を下げる
- スキャンしやすさ — 情報を視覚的に走査しやすく構造化する
関連するUIコンポーネント
- Accordion（アコーディオン） — 情報を折りたたんで段階的に表示する
- Stepper（ステッパー） — 複雑なタスクをステップに分割する
- Filter（フィルター） — 大量の選択肢をユーザーが絞り込めるようにする
- Table of Contents（目次） — 長いコンテンツの全体像を提示し、認知地図を形成する
よくある質問
クリック数はとにかく少ない方が良いのですか？
必ずしもそうではありません。「3回クリックルール」は古い迷信です。重要なのはクリック数そのものではなく、「1回あたりの認知負荷（思考コスト）」です。何が書いてあるか分からない複雑な1クリックよりも、迷わず進める明白な3クリックの方が、ユーザーにとっては楽な場合があります。
認知負荷の高さはどうやって測定すればいいですか？
定量的な測定は難しいですが、ユーザビリティテストで観察できます。ユーザーが画面を見て手が止まったり、眉をひそめたり、独り言（「えっと…」「どれだっけ」）が増えたら、それは認知負荷が高まっているサインです。タスク完了までの時間やエラー率も指標になります。
認知負荷を「ゼロ」にすべきですか？
いいえ。減らすべきは「課題外在性負荷（UIの設計が生む無駄な負荷）」であり、学習やチャレンジのための適切な負荷（学習関連負荷）は必要です。ゲームが面白いのは適度な難易度があるからです。ただし、業務ツールや緊急時のUIでは余計な負荷を徹底的に排除すべきです。
まとめ｜認知負荷は「脳のメモリ消費量」を設計で最適化する概念
認知負荷は、脳のワーキングメモリが処理している情報量のことであり、UIデザインで最も基礎的かつ重要な概念です。
本記事では、認知負荷の定義・3つの分類・UXにおける重要性・UIデザインでの軽減手法を解説しました。
- 認知負荷とは、脳のワーキングメモリの使用量であり、溢れるとミス・離脱が起きる
- UXデザインでは、「課題外在性負荷」を減らすことが最重要
- UIでは、チャンク化・段階的開示・オフロードで認知負荷を軽減する
さらに体系的に学びたい方は、以下のハブ記事から各レイヤーを深掘りできます。
- UX心理119法則 — UIデザインの「なぜ」を理解する
- UIデザイン原則まとめ — 心理法則をUI設計ルールに翻訳する
- UIコンポーネント完全ガイド — 原則を実装可能なUIパターンにする
認知負荷とは、脳のワーキングメモリが処理している情報量のことであり、UIデザインにおける「不要な複雑さを排除し、ユーザーが本来の目的に集中できるようにする」設計思想の心理学的根拠です。
UXデザインを体系的に学ぶ
UX心理の「Why」を理解したら、次は「What（UI原則）」と「How（UIコンポーネント）」も学ぼう。
- UIデザイン完全ガイド — UX心理・UI原則・UIコンポーネントの3レイヤーを一本化
- UIデザイン原則まとめ — 心理法則をUI設計のルールへ翻訳する65原則
- UIコンポーネント完全ガイド — 原則を「実装可能な部品」として形にする60コンポーネント
- UX心理学まとめ — UIデザインの「なぜ」を説明する119法則