チャンク化 (Chunking)

「1111222233334444」——このクレジットカード番号を一瞬で覚えられますか？おそらく無理です。では「1111 2222 3333 4444」ならどうでしょう。4桁ずつに区切るだけで、急に覚えやすくなります。これがチャンク化の力です。

チャンク化が崩れたUIは、ユーザーに「丸暗記」を強いるUIです。区切りのない長い番号、グループ化されていない設定項目の羅列、見出しのない長文——これらはすべて、ユーザーの脳に「一度に全部処理しろ」と命令しています。人間の短期記憶が保持できる情報の塊は4つ前後（マジックナンバー4±1）。この限界を超えた瞬間、ユーザーはミスを犯し、疲弊し、離脱します。

よくある失敗は「情報を並べること」と「情報を整理すること」を混同することです。すべての項目を箇条書きにしても、グループ化されていなければ認知負荷は下がりません。

1. 原則の定義

関連する情報を意味のある小さな塊（チャンク）にグループ化し、ユーザーの短期記憶への負荷を最小化する情報設計の手法。

本質は「情報の切れ目を設計すること」です。人間の脳は、バラバラな情報より「まとまり」として認識できる情報を処理しやすい性質を持っています。チャンク化は、この性質を利用して、複雑な情報を「扱いやすい単位」に変換します。

2. いつ使うか（適用場面）

特に重要になるケース

• 入力フォーム: 電話番号・クレジットカード番号・郵便番号など、長い数字列の入力。チャンク化しないと入力ミスが増え、ユーザーのフラストレーションが高まる。
• ナビゲーション設計: メニュー項目が多い場合、関連する機能をグループ化してカテゴリ分けする。グループ化なしに20項目を並べると、ユーザーは目的の項目を探せない。
• 長文コンテンツ: 記事・説明文・利用規約など。段落・見出し・余白でチャンク化しないと、ユーザーはどこまで読んだかを見失う。
• 設定・オプション画面: 多数の設定項目を「表示」「通知」「セキュリティ」などのカテゴリに分けることで、目的の設定を素早く見つけられる。

トレードオフが起きる場面

• チャンク数 vs 情報の完全性: チャンクを小さくしすぎると、全体像が見えにくくなる。「木を見て森を見ず」状態を避けるため、チャンク間の関係性も示す必要がある。
• グループ化の基準: 「機能別」「使用頻度別」「ユーザーのメンタルモデル別」など、グループ化の軸が複数ある場合、どの軸を選ぶかでユーザーの使いやすさが変わる。

3. なぜ重要か（設計判断の核）

チャンク化は「情報を減らす」のではなく、「脳が処理できる形に変換する」設計である。

設計判断の基準

• 「この情報の塊を、ユーザーは一目で『何についての情報か』を理解できるか？」→ Noなら、グループ化の単位か見出しを見直す。
• 「1つのチャンクに含まれる要素は4つ以下か？」→ 5つ以上になったら、さらに分割できないか検討する。

優先順位の考え方

• 1. 意味的なまとまり（最優先）: 視覚的に区切るだけでなく、「なぜこれらが同じグループか」という意味的な理由があること。
• 2. 視覚的な区切り: 余白・罫線・背景色などで、チャンクの境界を視覚的に明示すること。
• 3. ラベル（見出し）: 各チャンクが何についての情報かを示すラベルをつけること。

例外条件

• ソートされたリスト（アルファベット順・五十音順）など、「順序そのものが意味を持つ」場合は、意味的なグループ化より順序を優先する。

4. 具体の設計ルール（チェックリスト）

最低ライン（Must - これ守らないと危険）

これがないと、ユーザーは情報の構造を把握できません。

入力フィールドの数値はチャンク化されているか: 電話番号・クレジットカード番号・郵便番号など、長い数字列は意味のある単位（4桁・3桁など）で区切られているか？ユーザーが手動で区切りを数えなくて済むか？
リスト・メニューはグループ化されているか: 7項目を超えるリストやメニューは、関連する項目がカテゴリ（グループ）にまとめられているか？グループ間に視覚的な区切り（余白・罫線）があるか？
長文には見出しと段落があるか: 3文以上の説明文には段落分けがあり、セクションには見出しがついているか？見出しのない長文の壁になっていないか？

理想ライン（Better - できると強い/プロの品質）

チャンク化が「自然な理解の流れ」を作っている状態です。

チャンクのラベルがユーザーの言葉か: グループの見出しが「設定A」「カテゴリ1」などの内部用語ではなく、ユーザーが日常的に使う言葉（「通知」「プライバシー」など）で書かれているか？
関連するチャンク間の関係が示されているか: 複数のチャンクが存在する場合、それらの関係性（順序・依存関係・並列関係）が視覚的に伝わるか？（例：ウィザードのステップ表示）
入力補助でチャンクを自動化しているか: クレジットカード番号入力時に4桁ごとに自動でスペースが入るなど、ユーザーがチャンクを意識しなくても正しく入力できる仕組みがあるか？

5. UI例

同じ情報でも、チャンク化の有無で「読める」か「読めない」かが変わります。フォーム入力を例に比較します。

改善プロセス

1. 情報の棚卸し: 画面内の全情報をリストアップし、「どれとどれが意味的に関連しているか」を問う。
2. グループ化の軸を決める: ユーザーのメンタルモデル（ユーザーがどう分類して考えるか）に合わせてグループを設計する。
3. チャンクサイズの確認: 1グループの要素数が5つを超えたら、さらに分割できないか検討する。

6. 関連リンク

• 関連リファレンス（理論）: 認知負荷, マジックナンバー再考
• 用語集（定義）: チャンキング, マジックナンバー7
• 関連するUI原則（横）: 単純化 (Simplicity), 進行開示 (Progressive Disclosure), スキャンしやすさ (Scannability)
• 関連するUIコンポーネント: List（リスト）, Card（カード）, Tabs（タブ）, Pagination（ページネーション）, Table（テーブル / 表）

7. まとめ

今日から直せる一手 今担当しているフォームまたはリストを開き、「7項目以上が連続して並んでいる箇所」を探してください。見つかったら、関連する項目をグループ化し、グループに見出しをつけましょう。それだけで画面の「わかりやすさ」が変わります。

チームに共有するなら一言 「情報を並べることと、情報を整理することは違う。チャンク化とは、脳が処理できる形に情報を翻訳する設計だ。」