視線の形を固定せず読み取る情報で配置を試す
横方向の読みと左側の走査が F の形に見える読み方を、F型のパターンと呼びます。Z型は、上から斜め下へ進む形を配置の目安として使う説明です。両者を同じ実証法則だと考えないようにします。
料金や利用方法を読めるかは、内容、言語、画面幅、読む目的で変わります。図形どおりの場所へボタンを置くだけで成果を約束しません。
Z型とF型の視線｜配置の目安と観察結果を区別する
概要
Z型とF型の視線は、すべてのページで同じ動きになる法則として固定できません。この記事では、左から右へ読む文章の観察、配置を考えるZ型の目安、言語と画面幅、見出しと料金の説明、実際の用事で情報を探す試験を解説します。
公開日
更新日
F型は複数の読み方の一つとして理解する
NN/G の視線観察では、F型以外にも見出しを追う読み方などが報告されています。右から左へ読む言語では、反転したパターンも観察されています。（NN/G — F-Shaped Pattern of Reading on the Web）
左上に置けば必ず読まれる、と断定しないでください。文章の左端と画面全体の左端、メニューと本文の位置も区別します。
配置の図より必要な説明を先に選ぶ
サービス、料金、実績、連絡の用事に必要な情報を選びます。大項目の見出しと説明、小項目の関係を作り、重要な判断項目だけを強調します。
Z型の図に合わせる場合も、読者が必要な価格や手順を省かないようにします。スマートフォンでは折り返しと配置が変わるため、別に試してください。
実際の用事で情報を探してもらう
利用者に料金や依頼方法を探してもらい、どの見出しとリンクを使ったか記録します。見つからない情報は、名前と配置、本文の説明を直します。
変更後に同じ用事を試してください。視線の形を再現することより、必要な情報を読み、連絡へ進めることを判断の基準にします。
SpreadSite は、Googleスプレッドシートで内容を管理し、テンプレートを使ってホームページを作成・公開・更新できるノーコードツールです。
必要な説明とリンクを掲載するホームページの作成に、ぜひ使ってみてください！
よくある質問
Q: Z型とF型は必ず起こりますか？
A: 内容と言語、用事で読み方は変わります。
Q: F型を意識してすべての情報を左に置けばよいですか？
A: 必要な情報を見出しと本文で説明し、実際の操作で配置を試します。
Q: Z型は実証法則ですか？
A: ここでは配置の目安として説明し、F型の観察と区別します。
Q: スマートフォンの配置も同じように考えますか？
A: 画面幅によって文章の折り返しと配置が変わります。スマートフォンでも、必要な情報を読んで目的のリンクへ進めるかを試してください。
