アイトラッキングの実験からわかった12のWeb戦略

Webサイトのデザインや画面構成を設計する人は、
一度目を通すといいかも。

ユーザーがどこを見ているか、その視線を追うことができるアイトラッキングシステムですが、
それを使った実験の結果がまとめられていました。
ウェブを作る際にどこに気をつければ良いかがわかって参考になりますね。

ユーザーがどこを見ているか、その視線を追うことができるアイトラッキングシステムですが、

それを使った実験の結果がまとめられていました。

ウェブを作る際にどこに気をつければ良いかがわかって参考になりますね。

12のポイントがありますので早速超訳してみます。

1	12のポイントがありますので早速超訳してみます。

1. タイトルは写真よりも注目される

写真が一番目立つかとおもいきや、本文中の写真よりも左上のタイトルをまずは見る人が多かったそうです。

1	写真が一番目立つかとおもいきや、本文中の写真よりも左上のタイトルをまずは見る人が多かったそうです。

2. タイトルの最初の数単語がさらりと見られる

タイトルは長くでもいいですが、最初の数単語に注意しないとだめ、とのこと（これは英語、日本語の違いがありそうですが）。

1	タイトルは長くでもいいですが、最初の数単語に注意しないとだめ、とのこと（これは英語、日本語の違いがありそうですが）。

3. リストがあったら左側だけ見る

タイトルの一覧があった場合、見られるのは左側の数単語だけだそうです。

1	タイトルの一覧があった場合、見られるのは左側の数単語だけだそうです。

4. 1秒で興味を引くこと！

タイトルが見られているのは1秒。そこが勝負です。

1	タイトルが見られているのは1秒。そこが勝負です。

5. 小さい文字はよく読まれる

小さいと注意して読まないといけないからですね。逆に大きなフォントは斜め読みされます。
ただ、全部の文字を小さくすればいいとかそういうことではないので、ここぞ、というときに意識しておきましょう、ということですな。

1 2	小さいと注意して読まないといけないからですね。逆に大きなフォントは斜め読みされます。ただ、全部の文字を小さくすればいいとかそういうことではないので、ここぞ、というときに意識しておきましょう、ということですな。

6. トップナビゲーションが一番良い

横にあるメニューよりもトップにあるメニューの方がよく見られるそうです。トップメニューの方に大事なものを入れろってことですかね。

1	横にあるメニューよりもトップにあるメニューの方がよく見られるそうです。トップメニューの方に大事なものを入れろってことですかね。

7. パラグラフは短い方が読まれる

これは当然ですかね。長文はパラグラフに分けましょうね。

1	これは当然ですかね。長文はパラグラフに分けましょうね。

8. 要約はよく読まれる

本文の前に要約がまとまっている記事がありますが、それはよく読まれるそうです。ニュースサイトなんかでは大事ですね。また最初のパラグラフに気を使う、ということでもありますね。

1	本文の前に要約がまとまっている記事がありますが、それはよく読まれるそうです。ニュースサイトなんかでは大事ですね。また最初のパラグラフに気を使う、ということでもありますね。

9. 広告は左上がベスト

これはまぁ、常識かな。

1	これはまぁ、常識かな。

10. 人気コンテンツ近くの広告はよく見られる

これも常識。

これも常識。

11. 画像広告よりもテキスト広告

これもすでに常識といっていいのでは。

1	これもすでに常識といっていいのでは。

12. マルチメディアコンテンツはよく知られていないものに有効

動画や音声などのマルチメディアコンテンツはよく知られていない概念の説明に有効だそうです。そうかも。

1	動画や音声などのマルチメディアコンテンツはよく知られていない概念の説明に有効だそうです。そうかも。

言われてみれば当たり前かもしれないものばかりでしたが、5番とか12番には気をつけたいと思いました。こうした研究を参考にしながら賢くコンテンツを配置したいところですね。

1	言われてみれば当たり前かもしれないものばかりでしたが、5番とか12番には気をつけたいと思いました。こうした研究を参考にしながら賢くコンテンツを配置したいところですね。

いつもながら超訳したのでより詳しくは原文をどうぞ。

1	いつもながら超訳したのでより詳しくは原文をどうぞ。