ユーザーの視線を考える

記事によると、制作時に気をつけるべきポイントとして、

1. タイトルは写真よりも注目される
2. タイトルの最初の数単語がさらりと見られる
3. リストがあったら左側だけ見る
4. 1秒で興味を引くこと！
5. 小さい文字はよく読まれる
6. トップナビゲーションが一番良い
7. パラグラフは短い方が読まれる
8. 要約はよく読まれる
9. 広告は左上がベスト
10. 人気コンテンツ近くの広告はよく見られる
11. 画像広告よりもテキスト広告
12. マルチメディアコンテンツはよく知られていないものに有効

とあります。

アイトラッキング調査は目の動きを追いますが、眼、眼球を追っているだけで、「見ている」「見ていない」や「認識している」「認識していない」とは完全に一致していない部分もあるそうです。
そのため、この調査結果が全てとは言い切れませんが、上記のポイントの多くはこれまでにもwebを制作する上でよく言われていたポイントであり、改めてこれらの重要性がわかります。

先日、MSNのサイトがリニューアルし、視線を意識したデザインに変更されました。

MSNサイト（左）リニューアル前（右）リニューアル後

見た目が大きく変わったわけではありませんが、リニューアルにあたって
「日本人特有の利用行動を分析し、ユーザーの視線動向を調査して」
コンテンツのレイアウトや色合いを決定したというように、視線動向の調査を元に、最初に視線が行く左側に、よく使う個人ツールを置くなど、視線の移動距離を短くしたデザインになっています。

このように視線を考えて制作することは、ユーザーにとってわかりやすく、使い勝手の良いサイトを作ることになり、MSNのようなポータルサイトだけではなくその他の多くのWebサイトにとっても重要な事です。