付録 A　用語集

A.1 用語集の読み方

用語は分野の異なる概念を同じ「法則」へまとめないため、分野、一言で言うと、より正確には、Web では、よくある誤解、関連語、検索キーワードを示します。短い説明は入口であり、定義の代わりではありません。章末の根拠メモと付録 E で一次資料へ進んでください。

参考 ID

知覚心理学 → 付録 E.1、主に第 1〜6 章の根拠メモ
認知心理学 → E.2、主に第 7〜12・15・18 章
実験心理学 → E.3、主に第 13〜14 章
心理物理学 → E.4、第21章
HCI・ユーザビリティ・UX Research → E.5〜E.7、第 17・24〜25 章
Web デザイン・CSS・ブラウザ → E.8〜E.9、第 22〜23 章
アクセシビリティ → E.10、各章の該当根拠メモ

個別用語の主張を確認するときは、分野 ID だけでなく対応章の根拠メモまで辿ります。

近接の原則

分野: 知覚心理学
参考 ID: E1-01。根拠は対応表参照。
一言で言うと: 近いものは同じまとまりに見えやすい。
より正確には: 刺激間距離が知覚的 Grouping へ影響する傾向。
Web では: ラベルと入力欄、カード内外の距離。
よくある誤解: 近ければ必ず関係する／余白は大きいほどよい。
関連語: 類同、共通領域
検索キーワード: Gestalt proximity UI

類同の原則

分野: 知覚心理学
参考 ID: E1-01。根拠は対応表参照。
一言で言うと: 似たものは仲間に見えやすい。
より正確には: 色・形・大きさ等の類似が Grouping へ寄与する。
Web では: 同じ役割のボタンや状態。
よくある誤解: 同じ色なら同じ意味が保証される。
関連語: 一貫性、デザイントークン
検索キーワード: Gestalt similarity interface

閉合

分野: 知覚心理学
参考 ID: E1-01。根拠は対応表参照。
一言で言うと: 欠けた形を補って見やすい。
より正確には: 不完全な輪郭からまとまりや形を知覚する傾向。
Web では: Border を全部描かない Group。
よくある誤解: 省略すれば必ず洗練される。
関連語: 共通領域、図と地
検索キーワード: Gestalt closure

共通領域

分野: 知覚心理学
参考 ID: E1-01。根拠は対応表参照。
一言で言うと: 同じ囲いの要素はまとまりやすい。
より正確には: 明示された領域の共有が Grouping cue になる。
Web では: Card、Fieldset、Panel。
よくある誤解: Card を増やせば構造が明確になる。
関連語: 近接、境界
検索キーワード: common region grouping

図と地

分野: 知覚心理学
参考 ID: E1-01。根拠は対応表参照。
一言で言うと: 対象と背景を分けて見る。
より正確には: 視野を前景となる図と背景となる地へ組織化する。
Web では: Modal、Overlay、Contrast。
よくある誤解: 背景を暗くすれば必ず Modal になる。
関連語: Contrast、Layer
検索キーワード: figure ground perception

良い連続

分野: 知覚心理学
参考 ID: E1-01。根拠は対応表参照。
一言で言うと: 滑らかに続く線を一つに見やすい。
より正確には: 交差や中断があっても連続する経路として知覚する傾向。
Web では: Alignment、流れ、Chart。
よくある誤解: 揃いの別名だけである。
関連語: 整列、視線経路
検索キーワード: good continuation Gestalt

プレグナンツ

分野: 知覚心理学
参考 ID: E1-01。根拠は対応表参照。
一言で言うと: 知覚は安定した簡潔な形へ組織化されやすい。
より正確には: 複数の Grouping 原理を包括する歴史的概念。
Web では: 複雑な画面のまとまりを考える入口。
よくある誤解: 単純な画面ほど常に優れている。
関連語: Gestalt、Grouping
検索キーワード: law of Prägnanz

運動知覚

分野: 知覚心理学
参考 ID: E1-01。根拠は対応表参照。
一言で言うと: 変化から動きを知覚する。
より正確には: 時間的な位置・形の変化を運動として組織化する。
Web では: Transition、Carousel、Loading。
よくある誤解: 動けば必ず理解が高まる。
関連語: 注意捕捉、Animation
検索キーワード: motion perception interface

注意

分野: 認知心理学
参考 ID: E2-01。根拠は対応表参照。
一言で言うと: 処理する情報を選ぶ仕組み。
より正確には: 有限の処理資源を対象・位置・特徴へ配分する過程。
Web では: Primary Action、通知、探索。
よくある誤解: 視線が向けば理解した。
関連語: 選択的注意、顕著性
検索キーワード: attention visual interface

選択的注意

分野: 認知心理学
参考 ID: E2-01。根拠は対応表参照。
一言で言うと: 一部を選び他を処理しにくくする。
より正確には: タスクや期待に応じて情報処理を選択する。
Web では: 重要なエラーや操作への誘導。
よくある誤解: 重要なら大きくすれば必ず見える。
関連語: 注意、視覚探索
検索キーワード: selective attention HCI

視覚的顕著性

分野: 知覚・視覚研究
参考 ID: E2-01。根拠は対応表参照。
一言で言うと: 周囲との差で目立つ性質。
より正確には: 低次特徴等による相対的な目立ちやすさ。
Web では: 色、面積、Contrast、動き。
よくある誤解: 目立つことと重要理解・クリックは同じ。
関連語: 視覚的階層、注意
検索キーワード: visual salience UI

視覚的階層

分野: デザイン原則
参考 ID: E2-01。根拠は対応表参照。
一言で言うと: 重要度の差を視覚的強さへ表す。
より正確には: 複数の視覚変数で読む順序・関係を構成する実務概念。
Web では: 見出し、CTA、補助情報。
よくある誤解: 大きさだけの順位表。
関連語: 顕著性、Typography
検索キーワード: visual hierarchy web design

ワーキングメモリ

分野: 認知心理学
参考 ID: E2-01。根拠は対応表参照。
一言で言うと: 一時的に保ちながら処理する仕組み。
より正確には: 課題遂行中の保持と操作を担う容量制約のあるシステム。
Web では: 前画面の値、比較、複数 Step。
よくある誤解: 誰でも同じ個数しか保持できない。
関連語: 短期記憶、認知負荷
検索キーワード: working memory interface

チャンク化

分野: 認知心理学
参考 ID: E2-01。根拠は対応表参照。
一言で言うと: 知識で複数要素をまとまりとして扱う。
より正確には: 既有知識や構造により情報を高次単位へ符号化する。
Web では: 番号区切り、Navigation Group。
よくある誤解: 見た目を区切れば同じ Chunk になる。
関連語: 専門性、Grouping
検索キーワード: chunking expertise UI

認知負荷

分野: 認知心理学・教育心理学
参考 ID: E2-01。根拠は対応表参照。
一言で言うと: タスクで必要になる認知的な負担。
より正確には: 保持、処理、学習等に関わる負荷を文脈と測定法つきで扱う。
Web では: 長い Form、複雑な比較。
よくある誤解: 情報量が多い画面の同義語。
関連語: ワーキングメモリ、タスク
検索キーワード: cognitive load interface

再生

分野: 認知心理学
参考 ID: E2-01。根拠は対応表参照。
一言で言うと: 手掛かりなしに思い出す。
より正確には: 記憶内容を自ら生成する検索過程。
Web では: Command、前画面の値を思い出す。
よくある誤解: 再生は常に悪い。
関連語: 再認、記憶
検索キーワード: recall memory UI

再認

分野: 認知心理学
参考 ID: E2-01。根拠は対応表参照。
一言で言うと: 見た候補を知っていると判断する。
より正確には: 提示された刺激を過去経験と照合する過程。
Web では: Menu、Recent items、Suggestion。
よくある誤解: GUI なら常に再認だけで済む。
関連語: 再生、Recognition over recall
検索キーワード: recognition recall usability

メンタルモデル

分野: 認知心理学・HCI
参考 ID: E2-01。根拠は対応表参照。
一言で言うと: 対象の動きを予測する内的表現。
より正確には: 経験から形成され、説明・予測・操作を支える表象。
Web では: Cart、Back、保存、権限申請。
よくある誤解: 利用者全員が同じモデルを持つ。
関連語: Conceptual model、期待
検索キーワード: mental model HCI

ヒック・ハイマンの法則

分野: 実験心理学
参考 ID: E3-01。根拠は対応表参照。
一言で言うと: 選択反応時間は選択の情報量と関係する。
より正確には: 選択肢の確率を含む情報量と反応時間の関係をモデル化する。
Web では: Menu や分類を考える仮説。
よくある誤解: Menu は 7 個以下にする法則。
関連語: Choice overload、情報量
検索キーワード: Hick Hyman law

フィッツの法則

分野: 実験心理学・HCI
参考 ID: E3-03。根拠は対応表参照。
一言で言うと: 遠く小さい Target ほど選択に時間がかかりやすい。
より正確には: 距離と有効幅から Target 選択の運動時間をモデル化する。
Web では: Hit area、Edge、Touch。
よくある誤解: 特定の最小 px を直接決める法則。
関連語: Target size、pointing
検索キーワード: Fitts law HCI

差異閾

分野: 心理物理学
参考 ID: E4-01。根拠は対応表参照。
一言で言うと: 違いに気づける境界。
より正確には: 二刺激の差を一定確率で弁別できる閾。
Web では: Spacing や色差の比較。
よくある誤解: JND を普遍デザイントークンにできる。
関連語: JND、Weber
検索キーワード: difference threshold JND

JND

分野: 心理物理学
参考 ID: E4-01。根拠は対応表参照。
一言で言うと: 丁度気づける程度の差。
より正確には: Just Noticeable Difference。手続きと確率に依存する弁別差。
Web では: Before／After の差を考える入口。
よくある誤解: 1px なら常に気づく／気づかない。
関連語: 差異閾、Weber の法則
検索キーワード: just noticeable difference design

フィードバック

分野: HCI
参考 ID: E5-01。根拠は対応表参照。
一言で言うと: 行為や状態への反応を返す。
より正確には: システムが入力受付、進行、結果、回復可能性を知覚可能にする情報。
Web では: 押下済み、ローディング、成功、エラー。
よくある誤解: Animation の別名。
関連語: システム状態、状態
検索キーワード: feedback HCI interface

システム状態の可視性

分野: ユーザビリティ原則
参考 ID: E5-01。根拠は対応表参照。
一言で言うと: 今何が起きているか分かる。
より正確には: 適切なフィードバックで現在状態を適時に伝える原則。
Web では: 通信中、結果不明、保存済み。
よくある誤解: 画面に文字があれば達成。
関連語: フィードバック、状態
検索キーワード: visibility system status

ヤコブの法則

分野: UX 経験則
参考 ID: E2-01。根拠は対応表参照。
一言で言うと: 人は他 Site の経験を持ち込む。
より正確には: 既存の慣習と期待を活用する実務上の経験則。
Web では: Logo、Search、Cart。
よくある誤解: 独自 UI は禁止。
関連語: Convention、Mental model
検索キーワード: Jakob's law UX

フォン・レストルフ効果

分野: 記憶研究
参考 ID: E2-01。根拠は対応表参照。
一言で言うと: 異なる項目が記憶に残りやすいことがある。
より正確には: 同質系列の孤立項に関する記憶効果。
Web では: 例外の顕著性を考える候補。
よくある誤解: 目立たせればクリックされる法則。
関連語: Isolation effect、例外
検索キーワード: von Restorff effect

知識の呪い

分野: 認知バイアス・実務概念
参考 ID: E2-01。根拠は対応表参照。
一言で言うと: 知っている状態から未知を想像しにくい。
より正確には: 自分の知識が他者の推定へ影響する傾向。
Web では: 作者だけが知る略語や流れ。
よくある誤解: 全ての初見問題の診断名。
関連語: 専門家の盲点、Mental model
検索キーワード: curse of knowledge design

確証バイアス

分野: 認知心理学
参考 ID: E2-01。根拠は対応表参照。
一言で言うと: 信じる説明に合う根拠を集めやすい。
より正確には: 既存の信念を支持する情報を選択・解釈しやすい傾向。
Web では: 好きな案を支持する観察。
よくある誤解: 反対意見があれば消える。
関連語: 反証、Alternative hypothesis
検索キーワード: confirmation bias design

馴化

分野: 学習・知覚
参考 ID: E2-01。根拠は対応表参照。
一言で言うと: 反復刺激への反応が低下する。
より正確には: 反復提示に対する反応減少として操作的に検討する現象。
Web では: 通知や Animation への反応。
よくある誤解: 見慣れたという感想の同義語。
関連語: 注意、反応回復
検索キーワード: habituation interface

Alignment

分野: デザイン原則
参考 ID: E8-01。根拠は対応表参照。
一言で言うと: 要素を共通の基準線へ関係づける。
より正確には: 位置・端・ベースライン等を共有し構造と流れを作る。
Web では: Grid、Form、Table。
よくある誤解: すべて同じ中央へ揃える。
関連語: ベースライン、良い連続
検索キーワード: alignment graphic web

Optical alignment

分野: デザイン実務
参考 ID: E8-01。根拠は対応表参照。
一言で言うと: 数値より見え方を調整する。
より正確には: 形状や視覚重量に応じ数学的位置から補正する。
Web では: Icon、円、Play symbol。
よくある誤解: 感覚で好きにずらすこと。
関連語: Geometric center、Visual weight
検索キーワード: optical alignment typography

一貫性

分野: デザイン・ユーザビリティ原則
参考 ID: E8-01。根拠は対応表参照。
一言で言うと: 同じ意味に同じ規則を使う。
より正確には: 表現・挙動・用語の対応を予測可能に保つ。
Web では: コンポーネント、状態、ナビゲーション。
よくある誤解: 例外を全部消す。
関連語: 類同、Convention
検索キーワード: consistency UI

デザイントークン

分野: デザイン実装
参考 ID: E8-01。根拠は対応表参照。
一言で言うと: Design 判断を名前付き値として共有する。
より正確には: 色、間隔、タイポグラフィ等をシステム横断で管理する抽象。
Web では: CSS Custom Properties、Theme。
よくある誤解: 値をトークン化すれば一貫性が保証される。
関連語: Component、CSS variable
検索キーワード: design tokens

Responsive Web Design

分野: Web Design
参考 ID: E8-01。根拠は対応表参照。
一言で言うと: 利用環境に応じ Layout を適応させる。
より正確には: 柔軟なレイアウト、メディア等で多様なビューポートへ応答する設計。
Web では: 再配置、ナビゲーション、内容。
よくある誤解: 端末別固定画像を作ること。
関連語: Intrinsic design、Media query
検索キーワード: responsive web design

Reflow

分野: Web・アクセシビリティ
参考 ID: E8-01。根拠は対応表参照。
一言で言うと: 拡大や幅変更で内容が再配置される。
より正確には: 二次元スクロールを強いず読み・操作できる再配置を検討する。
Web では: ズーム、狭幅、長文。
よくある誤解: 見た目が同じこと。
関連語: WCAG 1.4.10、Responsive
検索キーワード: reflow WCAG

コンテナ Query

分野: CSS
参考 ID: E9-02。根拠は対応表参照。
一言で言うと: ビューポートでなくコンテナ条件へ応答する。
より正確には: Containing context の size や style を条件に子孫の Style を変える CSS 機能。
Web では: 再利用 Component。
よくある誤解: Media Query を完全に置換する。
関連語: Containment、Media query
検索キーワード: CSS container queries

Usability

分野: 人間工学・HCI
参考 ID: E6-01。根拠は対応表参照。
一言で言うと: 特定文脈で目標を達成する利用結果。
より正確には: 特定の利用者が特定目標を有効さ・効率・満足とともに達成する程度。
Web では: タスク完了、時間、体験。
よくある誤解: 製品に固定された一つの点数。
関連語: ISO 9241-11、文脈
検索キーワード: usability ISO 9241-11

Usability testing

分野: UX Research・HCI
参考 ID: E6-01。根拠は対応表参照。
一言で言うと: 人がタスクを行う過程を観察する。
より正確には: 参加者、タスク、条件、指標を定め問題・性能・理解を調べる方法群。
Web では: プロトタイプやサービスの Formative 評価。
よくある誤解: 5 人に感想を聞くこと。
関連語: Behavioral observation、Benchmark
検索キーワード: usability testing protocol

Think Aloud

分野: 認知研究・UX Research
参考 ID: E7-01。根拠は対応表参照。
一言で言うと: タスク中の考えを声に出してもらう。
より正確には: 指示条件下の発話報告をデータとして扱う手順。
Web では: 語の理解や予測の手掛かり。
よくある誤解: 心の中をそのまま読める／行動へ影響しない。
関連語: Retrospective interview
検索キーワード: think aloud protocol

Observation

分野: 研究・Design 実務
参考 ID: E5-01。根拠は対応表参照。
一言で言うと: 起きたことを条件つきで記す。
より正確には: 第三者が対象・時点・条件を辿れる記述。
Web では: 距離、イベント、停止、状態。
よくある誤解: 原因や良し悪しを含めること。
関連語: Interpretation、Evaluation
検索キーワード: observation interpretation evaluation

Alternative hypothesis

分野: 科学的方法・Design Research
参考 ID: E5-01。根拠は対応表参照。
一言で言うと: 別の説明候補。
より正確には: 同じ観察を説明し得る競合仮説。
Web では: ラベル、位置、権限、通信条件を並べる。
よくある誤解: 案を増やす Brainstorm だけ。
関連語: 反証、根拠
検索キーワード: alternative hypothesis design

Decision Log

分野: Design 実務
参考 ID: E5-01。根拠は対応表参照。
一言で言うと: 判断と根拠を追える記録。
より正確には: 文脈、観察、仮説、変更、結果、決定、未知、責任者を残す。
Web では: 公開、保留、取り消し。
よくある誤解: 結論を正当化する議事録。
関連語: Design rationale、ADR
検索キーワード: design decision log