第11章　人間は、一度にたくさん覚えられない

長いフォーム、項目の多いダッシュボード、候補が並ぶ設定画面を見て、「情報量が多いから認知負荷が高い」と言うことがあります。しかし、画面に百項目あっても検索と比較が容易な場合があります。反対に、項目が三つだけでも、前画面の値を覚え、換算し、更新しながら選ぶなら難しくなります。

本章で数えるのは、画面上の箱ではありません。利用者がタスク中に、頭の中で何を保持し、更新し、変換しなければならないかです。

本章では共通の判断手順を使います。タスクの流れを時間順に書き、保持・更新・変換・参照を記録表にし、画面へ残す候補を一つ選びます。内容、タスク、知識、状態を固定して比較し、完了、エラー、戻り、再確認と副作用を見ます。結果が変わらなければ、記憶以外の仮説へ戻ります。

この章の必修は三つです。

画面上の項目数と、記憶しながら処理する内容を分ける
7±2 や 4 チャンクを UI の個数制限へ変換しない
「認知負荷が高い」を、保持・更新・変換を含む観察と仮説へ書き換える

この章で見るもの

区切りが読み取りと照合を助ける条件

短期的な保持と、保持しながら行う処理

Miller と Cowan の研究が扱った課題

知識と熟達がチャンクを変える仕組み

フォームとダッシュボードで画面へ残せる情報

認知負荷理論を UI へ借りるときの限界

11.1 電話番号の区切りが助けるもの

0312345678 と 03 1234 5678 を比べます。後者は、読み上げる位置、写した位置、桁数を照合しやすくなる可能性があります。空白を入れれば人間の記憶容量が増えるわけではありません。課題に使えるまとまりと手がかりが画面上に残ります。

見た目の区切りとデータ構造

電話番号を三つの入力欄へ分割すると、見た目のまとまりは明確になります。一方、貼り付け、モバイルの自動入力、選択、修正、スクリーンリーダーでの移動が複雑になる場合があります。一つの入力欄で表示だけ整形する方法もあります。

判断するには、何を助けたいかを特定します。

読み上げる
紙から写す
桁数を確認する
全体を貼り付ける
国番号を選ぶ
間違った部分だけ直す

「チャンク化したから良い」ではなく、どのタスクのどのエラーを減らす仮説かを書きます。

11.2 短期記憶とワーキングメモリ

6 桁の確認コードを一時的に覚えて別欄へ入力する課題と、そのコードを覚えたまま価格を足す課題を比べます。どちらも短時間の記憶を使いますが、後者は保持と処理を同時に行います。

短期記憶は、情報を短い時間保持する働きを指す文脈で使われます。ワーキングメモリは、保持しながら理解、推論、計算、更新などを行う仕組みを説明する概念です。理論モデルは一つではなく、両者の境界も用語の立場によって異なります。

Web デザインで重要なのは、脳内の部品名を画面へ貼ることではありません。タスクを時間順に書きます。

プラン A を選ぶ
次の画面で人数を入力する
前画面にだけあった一人当たり価格を思い出す
合計を計算する
予算内か判断する

この流れでは、プラン、単価、人数、途中の計算結果を保持・更新します。プランと単価を要約として残せば、利用者は見比べられます。ただし、要約が古い、折りたたまれている、スクリーンリーダーで遠いなら、画面へ残しただけでは助けになりません。

図 F02 の A、B、C は、保持だけ、保持しながら処理、情報を画面へ残した処理という異なる状況の説明図です。三面を提示時間だけの因果比較にはしません。画面へ残す効果を比べるなら、B と C で加算タスク、コード、提示、参加者割付を揃え、コードの表示だけを変えます。

11.3 Miller の 7±2 は何を測ったか

「Miller の法則により、メニューは 7 項目以下にする」という説明を見かけます。Miller の 1956 年の論文は、その Web デザイン規則を実験したものではありません。

Miller 原典と誤変換を示す図。 — 図 11-3　Miller 原典と誤変換

論文では、音の高さなどを区別してラベル付けする絶対判断と、刺激列を直後に再生する記憶範囲など、異なる研究が論じられています。情報を馴染みのある単位へ再符号化するチャンク化も重要な話題です。題名の 7±2 だけを切り取り、画面要素の上限へ移すと、課題も測定も失われます。

メニュー項目が 12 個でも、すべてが見え、意味のある分類と明確なラベルがあり、利用者が目的語を知っていれば見つけやすいことがあります。6 個でも、曖昧なラベルを覚えて階層間を往復するなら難しくなります。

数を減らす前に、次を観察します。

全候補は同時に見えるか
思い出すのか、画面から探せるのか
分類名を理解できるか
階層を移動すると前の候補が消えるか
選択後に比較へ戻れるか
タスクに不要な候補をフィルターできるか

11.4 Cowan の 4 チャンクは「4 個まで」ではない

Cowan は、声に出さず頭の中で繰り返すリハーサルや、長期記憶によるまとまり化等の影響を抑えた条件を検討し、容量限界をおおむね 3〜5 チャンクと論じました。ここから「カードは 4 枚まで」とは言えません。

Cowan の 4 チャンクを示す図。 — 図 11-4　Cowan の 4 チャンク

項目とチャンクは同じではありません。F B I C I A N H K は、ある人には 9 文字、別の人には FBI、CIA、NHK という三つの馴染みあるまとまりになります。どの単位が一チャンクになるかは、知識、言語、経験、課題で変わります。

また、研究上の推定値には条件があります。提示時間、保持時間、妨害課題、順序を答えるか、項目を答えるか、リハーサルをどのように抑えるかによって成績は変わります。「4」は人間一般の固定枠数でも、画面上の安全な個数でもありません。

11.5 チャンクは、見た目だけでは作れない

境界線で四項目を囲み、見出しを付ければ、視覚上のまとまりはできます。しかし、利用者にとって意味ある一単位になるとは限りません。

注文管理の熟練者は、「未決済」「入金済み・未出荷」「配送事故」の状態を、次に行う業務と結び付けて見ます。初心者には、ステータスコード、配送会社、決済種別が別々の値に見えるかもしれません。熟練者のまとまりは、色付きカードだけで作られたのではなく、反復経験と領域知識に支えられています。

Chase と Simon のチェス研究は、熟達者が意味ある盤面配置をまとまりとして捉える一方、ランダム配置ではその優位が小さくなることを示す古典的な入口です。これは「専門家ならダッシュボードを何個でも覚えられる」という証明ではありません。意味ある関係と既有知識が記憶の単位を変える可能性を考える資料です。

図 F05 の「初心者」「熟練者」は、実測前の架空人物ではありません。実施時は、業務経験、使用頻度、用語理解、対象タスクの経験を記録し、参加者自身のまとまり方と理由を採取します。経験年数だけで能力を固定しません。

UI が知識を育てる

知識依存だから設計できない、ということではありません。一貫したラベル、状態と操作の対応、凡例、例、履歴、段階的な開示は、利用者が規則を学ぶ手がかりになります。ただし、初回から熟練者の略語だけを見せれば、学習前の利用者を置き去りにします。

11.6 長いフォームで頭に保持させているもの

長いフォームの問題を項目数だけで説明しません。利用者が頭に残すものを「保持台帳」へ書き出します。

段階・必要時点	出所／参照	保持・更新・変換	リスク	画面へ残す候補・鮮度	副作用・反証
プラン選択後・人数入力時	前ステップのプラン名と料金	プランを保持、人数と合計を更新、一人当たり→合計	誤プラン、計算エラー	常時表示する概要。選択変更時に同期	画面占有。戻りやエラーが減らなければ記憶仮説を再検討
住所入力・入力直前	項目ラベルと入力規則	規則を保持、未入力を更新、表記を変換	形式エラー	例と局所エラー。検証時に更新	説明過多。エラー率が同じならラベルや自動補完を疑う
確認・送信前	入力値と料金計算	変更箇所を保持、合計を更新、税別→税込	誤送信	差分と計算根拠。全変更後に再計算	重複表示。確認時間だけ増えるなら構成を再検討
エラー後・修正時	エラー概要と該当項目	エラー箇所を保持、修正済みを更新、コード→意味	未修正、値消失	概要と項目を関連付け、最新状態を示す	フォーカス跳躍。回復が改善しなければ規則自体を疑う

この保持台帳は章全体で使う観察メモです。「保持」は今見えないが後で同じ形で必要な内容、「更新」は状態に応じて置き換える内容、「変換」は単位・表記・計算・コードと意味の対応、「参照」は画面上で見直せる出所です。必要時点、リスク、鮮度、占有、プライバシー、重複、読み順、通知増加、反証条件まで記します。

画面へ情報を残すことには副作用があります。概要が画面を占有し、モバイルで本文を圧迫するかもしれません。自動計算の根拠が見えなければ、数字を信頼できません。すべてを表示するのではなく、必要な時点に、対象と近く、最新状態で残します。

実装と接続する

選択内容を次画面の見出しや概要へ残す
入力規則をプレースホルダーだけに置かない
エラーを項目とプログラム上も関連付ける
エラー後も正しい入力値を失わない
合計の更新をテキストでも通知する
ステップ数より、戻れることと現在地を示す

複数ステップに分ければ自動的に負担が減るわけではありません。前ステップが見えなくなり、比較のために往復するなら、保持要求が増える場合があります。

11.7 ダッシュボードは情報が多いから難しいのか

ダッシュボードには数値、グラフ、警告、表が多数あります。これを単に「情報過多」と評価すると、業務に必要な比較対象まで消す危険があります。

ダッシュボードの三つのタスクを示す図。 — 図 11-7　ダッシュボードの三つのタスク

同じダッシュボードでもタスクを分けます。

監視: 変化や異常に気づく
探索: 一件の注文を見つける
比較: 六店舗の値と推移を比べる
更新: フィルターや期間を変え、結果を追う
判断: 閾値と業務知識を使って操作を選ぶ

監視には同じ位置と安定した更新規則が助けになるかもしれません。探索には検索、フィルター、明確なラベルが必要です。比較では値を同時に見える状態へ残すことが重要です。情報を別ページへ隠すと、一画面は静かでも記憶から比較することになります。

初心者と熟練者

初心者には用語説明と例が必要で、熟練者には密度と操作速度が重要かもしれません。どちらかを「人間に優しい」唯一の画面にしません。段階的な開示、表示プリセット、詳細切り替え等で異なる知識状態を支える候補を作ります。

11.8 認知負荷理論を UI 評価へ持ち込むとき

認知負荷理論は、物事を理解するための知識構造であるスキーマの獲得を目的とする、学習と問題解決の研究から発展しました。教材の説明、例題、問題解決手順をどう設計するかという文脈があります。

Web 画面へ応用を考えることはできます。しかし、「カードが多いから外在的負荷」「業務が難しいから内在的負荷」と画面部品へラベルを貼れば診断が終わるわけではありません。学習目標がない短い購入タスクと、知識獲得を目的にする教材では、評価したい結果が違います。理論内の分類も更新と議論があります。

本章の保持台帳は認知負荷理論の正式な分類表ではありません。また、人間工学上の作業負担や主観的な難しさとも同義ではありません。使う理論、タスク、測定を明記します。

まず観察の言葉へ戻します。

認知負荷が高い。

ではなく、

利用者は前画面のプラン名と単価を保持し、現在画面の人数で合計へ変換し、予算と比較する必要がある。プラン名と単価を現在画面へ残すと、前画面へ戻る回数と計算エラーが減る可能性がある。

と書きます。この仮説なら比較できます。

一つの数値で測れない

完了時間、エラー、戻り、二重課題成績、主観評定、生理指標は、それぞれ異なる手がかりです。時間が短くても不正確かもしれず、本人が簡単だと答えても重要なエラーが残ることがあります。知りたい現象に合わせ、複数の記録を選びます。

11.9 問い――利用者は何を覚えたまま操作するのか

イベント申込の流れを、プラン選択、情報入力、確認の順に見ます。

問い

各段階で、画面から消えるが後で必要になる情報は何ですか。
利用者は何を保持し、更新し、変換しますか。
それは初心者と経験者でどう違う可能性がありますか。
どの情報を画面へ残せますか。
外在化すると、どんな副作用がありますか。
何を測れば仮説を疑えますか。

画面の項目数ではなく、保持・更新・変換する内容を列挙できる
Miller と Cowan の数値を、メニューやカードの上限にしていない
外在化の変更、確認指標、副作用、反証条件を説明できる

参考

Miller (1956), “The Magical Number Seven, Plus or Minus Two,” DOI: 10.1037/h0043158 — 原典。絶対判断、記憶範囲、再符号化を分けて読みます。
Cowan (2001), “The magical number 4 in short-term memory,” DOI: 10.1017/S0140525X01003922 — 専門。要旨だけで「4 個ルール」にせず、統制条件と 3〜5 という議論を読みます。
Baddeley & Hitch (1974), “Working Memory,” DOI: 10.1016/S0079-7421(08)60452-1 — 専門。歴史的モデルの原典であり、唯一の理論とはしません。
Chase & Simon (1973), “Perception in Chess,” DOI: 10.1016/0010-0285(73)90004-2 — 専門。熟達、意味ある配置、ランダム配置の差を確認します。
Sweller (1988), “Cognitive Load During Problem Solving,” DOI: 10.1207/s15516709cog1202_4 — 専門。学習とスキーマ獲得の文脈から読みます。
Scaife & Rogers (1996), “External cognition,” DOI: 10.1006/ijhc.1996.0048 — 専門。外的表現がタスクを助ける仕組みを考える HCI 資料です。
検索キーワード: short-term memory、working memory、chunking、memory span、cognitive load theory、expertise、external cognition

Webデザインを見る目