軌跡は“F”を描く ヤコブニールセン
Alertbox: 軌跡は“F”を描く（2006年4月17日）
軌跡は“F”を描く
要約： 視線追跡調査の結果から、多くの場合、ユーザは“F”の文字 — 横に二本、縦に一本の軌跡 — を描くようにウェブページを読むことが分かった。
fast のF。あなたが用意した貴重なコンテンツは、こうして読まれている。瞬く間に、ユーザの視線はウェブサイト上の文章を駆け抜ける。それは、学校で習った文章の読み方とはまったく違うものだ。
232名のユーザに協力いただいて、数千に及ぶウェブページの視線追跡調査を実施した。ウェブページの読み方には、サイトの内容やタスクには関係なく、かなり一貫性があることが分かった。その顕著な読み方とは、アルファベットの“F”を描くようなもので、以下に挙げる3つの要素で構成される。
* ユーザの視線は、まず水平方向に動く。コンテンツの上部を、横に読み進むのが通例だ。この一つ目の要素が“F”の上の横棒を形作る。 * 次に、少しページを下ってから、水平方向に二度目の動きを見せる。最初よりも少し短い距離で視線が止まるのが典型的だ。これで、“F”の下の横棒が描かれる。 * 最後に、ユーザの視線はコンテンツの左端部分を縦に動く。かなりゆっくりと上から順に視線を降ろしていく場合が多く、視線追跡結果を示すヒートマップには、隙間のない実線として現れてくる。素早く視線を降ろしていった場合には、ヒートマップに斑点が並ぶ。この最後の要素が、“F”の縦の棒を形成する。
もちろん、ユーザの視線移動が常にこれら3つの要素で構成されるわけではない。水平方向の視線移動を三度繰り返すことがあれば、軌跡は“F”よりも“E”に近い形になる。水平方向の視線移動が一度だけなら、軌跡は“L”を上下に反転させたような形（横棒が上にある状態）になるだろう。しかし、概ね“F”に近い形の軌跡を描くことが多いと考えられる。横棒二本の間隔がページによってさまざまにはなるものの。NN/gが最近実施した視線追跡調査の結果から3枚のスクリーンショット3つのウェブサイトを使って実施した視線追跡調査の結果を示すヒートマップ。ユーザの視線がもっとも長く滞留した箇所を赤色で、次に長かった箇所を黄色、あまり見られなかった箇所を青色で示している。灰色部分には、ユーザの視線が留まることがなかった。
上のヒートマップは、3種類のウェブページをユーザがどのように読んだかを示している。
* ある企業のウェブサイトにある“自社情報”ページ内の記事（図左端） * あるeコマースサイトの商品紹介ページ（図中央） * ある検索エンジンの検索結果ページ（図右端）
赤色で示されている（もっとも視線滞留時間の長かった）箇所に注目して見てみると、3つのヒートマップすべてに“F”の文字が浮かび上がってくる。もちろん、多少の差違はある。軌跡が“F”の文字を描くというのは大雑把に形を総称するとそう見えるという話であって、寸分の差もなく、一様な軌跡を描くと言っているわけではない。
eコマースページの例では（図中央）、“F”の2本目の横棒がかなり下にある。製品の画像が間に入ってしまっているためだ。製品の価格と“カートに追加する”ボタンが置かれているページ右上の囲みにも、ユーザの視線が随分と向けられている。
検索結果ページの例では（図右端）、“F”の2本目の横棒が1本目よりも長くなっている。検索結果2つ目のページタイトルが、1つ目のものよりも長かったことが主な理由と考えられる。また、2つ目以降の検索結果にはあまり目が向けられないのが通例だが、この場合には、上位2件の検索結果が、ともにユーザにとって興味深いものであったことが分かる。軌跡“F”が意味するもの
ユーザの視線が“F”の文字を描くように動くということから、紙媒体用に書いたコンテンツをそのまま再利用するのではなく、以下のガイドラインに従って、ウェブ用のコンテンツを用意することが重要と言えるだろう。
* ユーザが、あなたの書いたテキストをじっくりと読むことはない。一語一語を丁寧に読んではくれないのだ。ページを余すところなく読むことは稀であり、何か買い物をしようとしていて、販売店の情報をまず集めているような場合には特にあり得ない。もちろん、細部まで読んでくれる読者もいる。しかし、大多数はそうではない。 * [...]
