豚鬼（butaoni）

私は初訪問のサイトは真ん中しか見ません

追記：よく考えたら自分視点の話でしかないのでタイトルと内容を修正しました。

初めて訪れるWebサイトにおけるユーザの視線の動きというものを考えてみようと思いましたが、他のユーザの視線を調べたりとか出来ないので、あくまで自分だったらこう見る、ということを頼りに、サイトの構成をどうしたいか・他のサイトにどうしてほしいのかを考えてみました。

（とりあえず普通のどこにでもあるブログぽいサイトを想定して…）
まずよく言われるF型視線はこういうものだと思います。

しかしこれは実際の画面サイズを考慮していないのであまり意味がないと思う。
実際に見えるのはこのグレーの範囲とします。

当然、最初の例のように実際の画面サイズを視線が飛び越すことはありえません。
では実際はどうでしょうか？自分だったらまずこう見ます。

今回の例ではおそらく紫の円の範囲をぼんやりと見ていると思います。
なぜかというとここに求める情報（つまり記事タイトルと本文）があることが多いからです。ブログならほとんど同じですね。

では次はどうでしょうか。例えばこう見るでしょうか。

これは、おそらく何度も訪問した事のあるサイトの場合です。
ある程度どこに何があるか知っているので、まわりの情報にも目を配れます。

しかし初訪問のサイトはこうではない。
初訪問のサイトの場合は記事本文以外どこに何があるか知らないし、とりあえず最初は記事本文以外必要ないので、まわりの情報はとりあえず視界には入れません。
つまり、サイトの構成に関係なく、

紫の円にある内容だけしか見ていないのです。
つまり実際に見える画面はグレーの範囲でも、見えているのは紫の範囲だけなのです。

では次にこの視界をどう動かすか。

先ほども書いたように、まずとりあえず記事本文だけ見たいので、画面そのものをスクロールして下を見ます。
よって、「視界が紫の円に固定されている」ので、例えばブログとかだとサイドバーの上部に配置される情報は完全にスルーしている場合が多いのです。
これは逆に言えば、この紫の円の中の情報は見逃す確率が低いということ。

結論を言うと、ユーザ・特に初訪問者に見せたい情報はサイドバーよりもこの紫の円の中に置いたほうが良いかもしれない、すくなくとも自分はそうですよ、という話でした。

2008年12月07日 21:14