デザイン理論アーカイブ
視覚認知と行動経済学に基づくUI/UX原則の記録
ゲシュタルト原則
人間の視覚系が自動的に全体を認識する心理法則。レイアウト設計の基盤。
- 近接の法則:近い要素はグループ化。眼球追跡:近接配置で注視時間 -28%〜-45%短縮。
- 類似の法則:似た特徴の要素は関連付け。視線集中度 +38%。
- 連続性の法則:視線は滑らかな経路を優先。fixation回数 +47%。
- 閉合の法則:不完全形状を補完。golden ratio適用時補完率 87%。
- 図と地の分離:コントラストで前景を強調。初回注視時間 -18ms短縮。
行動経済学のUI応用
認知バイアスを活用・緩和した選択アーキテクチャ。
- ナッジ:デフォルト効果で選択確率 +35%〜+62%。
- 選択過多緩和:オプション6個以下で決定時間 -41%、満足度 +29%。
- フレーミング効果:肯定的提示で採用率 +48%(損失回避係数 β=2.25)。
- 双曲割引:即時報酬提示で持続選択確率 +44%。
UIデザインの認知心理学要点
- 認知負荷最小化:不要要素削除でタスク完了時間 -22%、エラー率 -38%。
- 選択のパラドックス:オプション過多でコンバージョン低下。5個以内に抑える。
- ヒック・ハイマン法則:RT = a + b log₂(n)。選択肢増加で反応時間対数増。
- 選択的注意:Fパターンで左上集中度 +60%。CTAはコントラスト強調。
- プライミング効果:最初に見せた情報が判断に影響。「残り3個」で購入率 +30%。