豚鬼(butaoni)

豚鬼は、管理人tonkie個人による漫画がメインのサイトです。


現在の場所


日記ログ : 2008年12月

[ 日記全部 ] 表示中です。

変更するには、一度日記トップに戻っていずれかを選択した後再び月別ログを選択してください。


記事リスト


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

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

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

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

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

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

3

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

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

4

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

しかし初訪問のサイトはこうではない。
初訪問のサイトの場合は記事本文以外どこに何があるか知らないし、とりあえず最初は記事本文以外必要ないので、まわりの情報はとりあえず視界には入れません。
つまり、サイトの構成に関係なく、
6
紫の円にある内容だけしか見ていないのです。
つまり実際に見える画面はグレーの範囲でも、見えているのは紫の範囲だけなのです。

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

5

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

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

2008-12-07 21:14 | comment 0


絵 : 冬瓜割り

冬瓜割り

雪女のオフの過ごし方、というテーマで。
(基本的にテーマなどは後付けですけど。)

配色についていろいろ考えてやってみた。
つまり塗りではなく色の選び方を重点に置いてみた。
そのためあえて塗り込むことを控えています。

しかし色をきちんと選ぶことってのは重要だなと今更ながら気づきました。
塗り込む事より配色に気を使う事のほうが10倍くらい重要な感じ。
結構頭使いました。脳みそこねこねコンパイル。

UPしてから気づいたけどサイトの配色とかなり似ててゐとをかし。

2008-12-03 22:17 | comment 0


絵 : 三角と円

三角と円

むちゃくちゃに描いてみて色々気づけました。今後に活かします。

2008-12-01 19:27 | comment 0


何も記事が表示されない場合、この月の投稿はありません。


現在の場所