UIXHERO

#知覚と注意

変化盲 (Change Blindness)

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

#アニメーション
#トランジション
#エラー表示
+3
2026年1月23日
約6分

認知負荷 (Cognitive Load)

認知負荷（Cognitive Load）とは、作業中の情報を一時的に覚えておく脳の働き（ワーキングメモリ）にかかる負担のことです。負担が大きいと操作ミスが増え、途中でやめる人も増えます。情報を小さなまとまりに分ける（チャンク化）、覚えておくべきことを画面に出しておく、使わない操作は必要になるまで見せない、といった減らし方と、画面を作るときの確認リストを説明します。

#ミニマリズム
#可読性
#情報の整理
+3
2026年1月23日
約10分

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

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

#視線追跡
#ヒートマップ
#スキャニング
+3
2026年1月23日
約5分

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

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

#ゲシュタルト
#コントラスト
#ポップアップ
+3
2026年1月23日
約4分

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

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

#近接
#類同
#閉合
+3
2026年1月23日
約6分

非注意性盲目 (Inattentional Blindness)

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

#注意
#集中
#チュートリアル
+3
2026年1月23日
約6分

選択的注意 (Selective Attention)

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

#フィルタリング
#ノイズ削減
#パーソナライゼーション
+3
2026年1月23日
約5分

視覚的アンカー (Visual Anchor)

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

#アイキャッチ
#アイコン
#タイポグラフィ
+3
2026年1月23日
約5分

視覚的階層 (Visual Hierarchy)

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

#タイポグラフィ
#レイアウト
#コントラスト
+3
2026年1月23日
約5分

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

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

#ランディングページ
#視線誘導
#レイアウト
+3
2026年1月23日
約5分
#知覚と注意 | Blog | UIXHERO