メインコンテンツへスキップ
EXBANK
用語集一覧へ
— Glossary

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 は厳密法則ではなく視覚階層チェック用メンタルモデル
IMPLEMENT

Z パターン視線を、実際に活用する

用語の意味は分かった。次は実装。EXBANK の無料診断で、貴社で具体的にどう活用できるかをご提案します。

営業時間 平日10-18時 / 通常24時間以内に返信