お客様に流し読みされないホームページにする視線移動のパターン

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

さて、一番左上から右下へと見ていく、もっとも一般的な視線誘導のパターンの名前を知っていますか？

このパターンの名前は「グーテンベルク・ダイヤグラム」と言うそうです。

（パターンの名前に使われているグーテンベルクとは、ルネサンス時代を生きた活版印刷の発明者の名前だそうですよ！）

詳しくご説明すると、「均等に配置された同質の情報を見る際の、一般的な視線の動きのパターン」というものです。

特に文章量が多いコンテンツには当てはまりやすいパターンです。

ただ、これは一般的な視線誘導パターンの基本の一つで、媒体によって効果的な導線は異なります。

Z型のパターンとは

次に多いのが「Z型のパターン」。

Z型のパターンとは、左上→右上→左下→右下という風にZの形に視線が誘導するパターンです。

横書きの雑誌やパンフレットなどでよく見ることが多いですね。

F型のパターンとは

3つ目にご紹介するのは「F型のパターン」。

F型のパターンとは、上から左→右へ、一段下げて左→右へと繰り返し視線が移動するパターンです。

これはWEBにおける視線移動の研究から提唱された比較的新しいもので、リウムスマイル！で提供している業種別のお手本もこのパターンに沿ったレイアウトとなっております。

左の図からわかるようにできるだけ重要なコンテンツは、左上の一番目に入りやすい配置することをおすすめいたします。

また、右サイドの上部〜中盤のところに「メルマガ登録」のバナーを設置すると、目に入りやすくなり、登録率も高まるそうです。

パターンに沿ってメリハリを！

どのパターンでも言えることですが、だらだらとした文章だけを載せるのは読み飛ばされる可能性が非常に高いので注意してください。

お客様の目線に留まるよう、導線上に提供しているサービスの写真を差し込んだり、見出しを使ったりポイントになるところは色を変えたりと、メリハリをつけることが大事です。

（ただし、何でもかんでも色を付けたり、太字にしたりとやりすぎは禁物ですよ！）

商用サイトでも使える写真・イラスト素材サイトさんを下記ページでご紹介しています。

>> 2015年版！商用利用可の無料イラスト・アイコン素材サイトまとめ

>> 2015年版！商用利用可の無料イラスト・アイコン素材サイトまとめ

目標をしっかり設定しましょう

リウムスマイル！では、ご自身で好きなようにレイアウトを変えることができ、また好きな場所に好きなパーツを表示することができます。

ホームページの目標をしっかりと設定して、ホームページを見てくれたお客様がどう行動するのか、導線を考えてレイアウトすることが大切です。

せっかく作ったホームページなのに、視線誘導がきちんとできていないせいで、バーッと流し読みされてそのまま閉じてしまう・・・なんてもったいないですからね！

今一度、お客様目線でご自身のホームページの導線をチェックしてみてください。