ブログ・Twitter

【効果あり】読む時の目線の動き「Fの法則」と「Zの法則」|視線誘導をわかりやすく解説

2021年2月28日

文章を書く際「視線誘導」を気にかけたことはあるでしょうか?

 

視線誘導とは人間が絵や文章を見た時に行う自然な目線の動きをいいます。

 

 

  • グーテンベルク・ダイヤグラム
  • Fの法則
  • Zの法則

皆さんは文章を書く際「視線誘導」を気にかけたことはあるでしょうか?

視線誘導とは人間が絵や文章を見た時に行う自然な目線の動きをいいます。

今回はその目線の動きの中でもウェブサイトやチラシに多く用いられるパターンについて説明致します。

グーテンベルク・ダイヤグラム

 

 

グーテンベルク・ダイヤグラムとは「均等に並んだ情報を見る時、左上から右下へ徐々に下るようにしながら目線を動かすパターン(画像の赤矢印)」

 

右下へ降りている最中も左から右へ小さく目を動かしています(画像のオレンジ矢印)。本や広告を見る時無意識に左上から読み始めることがあると思います。まさにあれのこと。このパターンに沿ったレイアウトは見やすいと感じる事ができます。「読む」「見る」という動作の一番の基礎といってもいいパターンですね。

 

Fの法則

 

Fの法則とは「均等に並んでいない情報を見る時、アルファベットのFを描くように目線を動かすパターン

 

目線が下に降りてから平行に動かしまた下へ降りて並行に動かし…を繰り返していきます。

 

 

並行方向への目線の動きは配置されているコンテンツの量や大きさによって異なります。文章が多めの場合は熟読するためにFの法則に行きつくことが多いです。

 

 

 

Zの法則

 

 

Zの法則とは「均等に並んでいない情報を見る時、アルファベットのZを描くように目線を動かすパターン

 

左上を始点として右上、左下、右下…と目線が動いていきます。

 

こちらは熟読するよりも一旦全体を把握するためにサッと見渡すようなイメージ。画像や絵が多い時にZの法則が生じやすくなります。

 

文章を書く際「視線誘導」を気にかけたことはあるでしょうか?視線誘導とは人間が絵や文章を見た時に行う自然な目線の動きをいいます。

 

 

これらの法則はウェブ上で大いに生かされている

 

ここまで紹介してきた3つの法則は私達が普段使っているweb上で生かされています。ブログサイトを例に挙げると…

 

  • 記事下の広告
  • カテゴリボタン
  • サイドバー

 

といった無意識に目につく場所にコンテンツが配置されていることが多く、各法則に則っていることがわかります。

 

「Zの法則」と「Fの法則」のWeb活用例

 

amazonトップページは「Zの法則」を利用

 

面白いのはスクロールをしたとき。

 

「あなたへのおすすめ」というおすすめ記事がいくつも並ぶなか、右側は固定され、1番下までスクロールしても右下にきっちりと広告が表示されています。

 

もし右側が固定されておらず、画面の途中に広告スペースが配置されていたら、見逃してしまうのではないでしょうか。

 

Webならではのテクニックを使って「Zの法則」を活用した例だと言えます。

 

Facebookも一見「F」のようですが、スクロールしても常に右下にチャットバーが表示されており、実は「Zの法則」を押さえているのです。

 

商品ページは「Fの法則」が多い

 

 

読む時の目線の動き「Fの法則」と「Zの法則」:まとめ

 

以上が読む時の目線の動きについての解説でした。

 

普段私達は意識しなくともここで紹介した法則に則って文章を読んでいることになります。

 

だからこそ法則に反した文字の並びやレイアウトをしてしまうと「あれ?なんか読みにくいな?」とストレスを感じさせる恐れもあるため、自然体で読める並びを考えていくことが大事だといえます。

 

 

 

  • この記事を書いた人
  • 最新記事

ムロ

サイト管理人のムロです。 【趣味のブログがいつの間にかお金を稼いでくれた】月間10万PV達成 ➡️8ヶ月でブログ収益は月20万円 ➡️ 本業と副業で年収は1000万超え➡️ブログでは、SEO・アフィリエイト・動画配信・AFFINGER・転職について書いていますので、よろしくです!!

人気記事一覧

1

悩む男性  2020年最後の転職に向けて、一体どこのサイトで転職活動をしたら良いのか。どこの転職エージェントがいいのか教えて欲しい     悩む女性転職サイトってたくさんあるけど実際はどこが ...

2

悩む男性アフィリエイトで稼ぐコツが知りたい。いま、個人ブログを運営しているけど月1,000円未満です・・月5万円を目指したい。   悩む女性収益化するためには、どうしたらいいですか? &nb ...

3

  悩む女性個性的なブログはアクセスあるの?   悩む男性ブログの独自性ってどうすればいいの?   悩む男性オリジナリティって一体なに?     こん ...

4

悩む男性ブログの書き方がわかりません、どうすれば良い記事が書けるようになるんでしょうか   悩む女性ブログの構成ってどのようにづればいいいですか?   悩む男性どのように書けば読ま ...

-ブログ・Twitter

© 2021 MURO BLOG Powered by AFFINGER5