#知覚と注意

変化盲 (Change Blindness)

目の前で何かが変化しても、視界がいったん遮られたり、注意が他に向いていると、その変化に気が付かない現象。

#アニメーション

#トランジション

#エラー表示

2026年1月23日

約6分

認知負荷 (Cognitive Load)

脳のワーキングメモリ（作業記憶）が処理できる情報量には限界がある。負荷が高すぎると、ミスが増え、理解度が下がり、ユーザーは離脱する。

#ミニマリズム

#可読性

#情報の整理

2026年1月23日

約10分

F型パターン (F-Shaped Pattern)

Web上のテキストコンテンツを見る際、ユーザーの視線はアルファベットの「F」の字を描くように動く傾向がある。

#視線追跡

#ヒートマップ

#スキャニング

2026年1月23日

約5分

図と地の関係 (Figure-Ground Relationship)

人間は視覚情報を見た時、それを「意味のある対象（図）」と「背景（地）」に瞬時に分離して認識する。ゲシュタルト心理学の基本原理。

#ゲシュタルト

#コントラスト

#ポップアップ

2026年1月23日

約4分

ゲシュタルト原則 (Gestalt Principles)

人間は個々の要素をバラバラに認識するのではなく、まとまり（グループ）や全体的な構造として認識する傾向がある。

#近接

#類同

#閉合

2026年1月23日

約6分

非注意性盲目 (Inattentional Blindness)

特定の対象に注意を集中していると、それ以外の予期しない事象（たとえそれが目立つものであっても）が全く見えなくなる現象。

#注意

#集中

#チュートリアル

2026年1月23日

約6分

選択的注意 (Selective Attention)

膨大な情報の中から、自分にとって重要だと判断した情報だけに意識を向け、それ以外を無視（フィルタリング）する脳の機能。（カクテルパーティー効果）

#フィルタリング

#ノイズ削減

#パーソナライゼーション

2026年1月23日

約5分

視覚的アンカー (Visual Anchor)

スキャン（流し読み）しているユーザーの視線を繋ぎ止め、次の情報を読むための足がかりとなる目立つ要素。

#アイキャッチ

#アイコン

#タイポグラフィ

2026年1月23日

約5分

視覚的階層 (Visual Hierarchy)

情報の重要度に応じて、大きさ・色・配置に強弱をつけることで、ユーザーの視線を「見るべき順序」通りに誘導するデザイン原則。

#タイポグラフィ

#レイアウト

#コントラスト

2026年1月23日

約5分

Z型パターン (Z-Shaped Pattern)

テキストが少なく、画像やCTAが中心のページ（LPなど）において、ユーザーの視線は左上→右上→左下→右下と「Z」の字を描くように動く。

#ランディングページ

#視線誘導

#レイアウト

2026年1月23日

約5分