Z パターン視線Z-Pattern Reading
Z パターン視線は、テキスト量が少なくビジュアル重視のページで視線が Z 字を描く現象で、ランディングページのCTA配置設計で参照されます。
詳細解説
Z パターン視線は、テキスト密度が低くビジュアル要素が支配的なページ (LP・スプラッシュ・カード型レイアウト) で見られる視線パターンで、利用者は (1) 左上から右上へ水平移動 (2) 右上から左下へ斜めに移動 (3) 左下から右下へ水平移動、と Z の形を描きます。F パターンが「読む」ページで現れるのに対し、Z パターンは「眺める」ページの傾向で、ロゴ・ナビ → メインビジュアル → CTA の動線設計に活用されます。実際にはユーザー目的やコンテンツ密度で多様化するため、F/Z は厳密な法則ではなく「ビジュアル階層・優先度・余白を意識する」ためのメンタルモデルとして用いるのが妥当です。NN/g もこの点を強調し、過度な単純化を戒めています。
実装例 / 使い方
- 01LP の Hero: 左上ロゴ → 右上 CTA → 左下キャッチ → 右下 CTA で Z 動線
- 02シンプルなランディングページの主要要素を Z に沿って配置
- 03F/Z は厳密法則ではなく視覚階層チェック用メンタルモデル
関連する用語
F パターン視線
F-Pattern ReadingF パターン視線は、テキスト主体のWebページで利用者の視線がアルファベットの「F」字を描くように動く現象で、NN/g が2006年のアイトラッキング調査で定式...
ヤコブの法則
Jakob's Lawヤコブの法則は「利用者は他のサイトで多くの時間を過ごすため、自サイトも他サイトと同じように動くことを期待する」という UX 原則で、Jakob Nielsen ...
ヒートマップ
Heatmapヒートマップは、Webページ上のクリック・マウス移動・スクロール量をユーザー集計で色濃淡として可視化する分析手法で、UX改善の仮説立案に使われます。...
ニールセンの 10 ユーザビリティ原則
Nielsen's 10 Usability Heuristicsニールセンの10ユーザビリティ原則は、Jakob Nielsen が1994年に発表した UI 評価のためのヒューリスティック10項目で、ヒューリスティック評価...
Z パターン視線を、実際に活用する
用語の意味は分かった。次は実装。EXBANK の無料診断で、貴社で具体的にどう活用できるかをご提案します。
営業時間 平日10-18時 / 通常24時間以内に返信
