Z型パターン

概要

Webページを閲覧する際のユーザーの視線の動きを表すパターンのひとつ。 テキスト量が少なく、ビジュアル要素が中心のページにおいて、視線は「左上（始点）」から「右上」へ水平移動し、そこから斜めに「左下」へ飛び、最後に「右下（終点）」へ移動するという「Z」の字を描く軌跡をたどる。

UXでの活用

• 要素配置の鉄則: Zパターンに従い、以下のように配置するのが最も効果的とされる。
  1. 左上: ロゴ（ブランド認知）
  2. 右上: ナビゲーションメニューやログインボタン（二次的なアクション）
  3. 中央: ヒーローイメージやキャッチコピー（興味喚起）
  4. 右下: 資料請求や購入ボタン（CTA：最終的なゴール）
• リズムの生成: 複数のセクションが続く場合、画像とテキストの位置を左右交互に入れ替える（ジグザグ配置）ことで、ユーザーの視線をZ型に誘導し続け、飽きさせずに読み進めさせる。