Alertbox: 軌跡は“F”を描く（2006年4月17日）
アイトラッキング調査の結果から、多くの場合、ユーザーは“F”の文字 -- 横に二本、縦に一本の軌跡 -- を描くようにWebページを読むことが分かった。 F-Shaped Pattern For Reading Web Content by Jakob Nielsen on April 17, 2006 fast のF。あなたが用意した貴重なコンテンツは、こうして読まれている。瞬く間に、ユーザーの視線はウェブサイト上の文章を駆け抜ける。それは、学校で習った文章の読み方とはまったく違うものだ。 232名のユーザーに協力いただいて、数千に及ぶウェブページのアイトラッキング調査を実施した。ウェブページの読み方には、サイトの内容やタスクには関係なく、かなり一貫性があることが分かった。その顕著な読み方とは、アルファベットの“F”を描くようなもので、以下に挙げる3つの要素で構成される。 ユーザーの視線
水平方向の注目は左に寄る
ユーザーはウェブ閲覧時、その69%の時間を使ってページの左半分を、30%の時間を使って右半分を見ている。したがって、従来的なレイアウトを採用した方がサイトの収益性が高くなる確率は高い。 Horizontal Attention Leans Left by Jakob Nielsen 2010年4月6日 前回のコラムでは、ユーザーの注目がウェブページの垂直軸に沿ってどのように分布しているかについて論じた。要約すると、人というのはアバブ・ザ・フォールド（ページのスクロール無しに見える境界線より上）において、その境界線よりも下がったところに比べ、はるかに多くの情報を見ている。 今回は90度角度を変え、水平軸に沿ってのユーザーの閲覧パターンを見ていこうと思う。前回の分析と同じデータセットによると、ユーザーの注目は画面の左端から右端までで以下のように分布している： このグラフで1つ1つの棒が示すのは
スクロールと注目
ユーザーはウェブ閲覧時、その80%の時間をページのアバブ・ザ・フォールドにある情報を見て過ごしている。ユーザーがスクロールすることもあるにはあるが、彼らの注目はその境界線より下には20%しか向かない。 Scrolling and Attention by Jakob Nielsen 2010年3月22日 ウェブデザインにおいて、「ページ・フォールド（ページの折り目）」コンセプトと、もっとも目立たせたい情報をページの最初から見えるエリアに置くことの重要性に関して、たいへんな混乱が起きている。（すなわち、「アバブ・ザ・フォールド」の今回のコラムでの定義は、単に、「余分のアクション無しに閲覧可能な」ということ）。 ウェブの最初の頃、ユーザーはウェブページを全くスクロールしなかった。彼らは目に入る情報だけを見て、そのページに留まるか離れるかを判断するために利用していた。したがって、その時期（199
アイトラッキングから検証した、使いやすいフォームの10のポイント
Google Mail、Hotmail、Yahoo! Mail、eBayの各サインアップのフォームを使用して、22～33才までの平均27才のユーザー8人を被験者にしたアイトラッキングから検証した、使いやすいフォームの10のポイントをcxpartnersから紹介します。 Web forms design guidelines an eyetracking study 以下、10のガイドラインからポイントのピックアップです。 1. Vertical, not horizontal 水平ではなく、垂直に フォームのレイアウトは、水平方向の配置やそれが混在したものではなく、単純に垂直方向に配置したものが効果的です。 可能であれば、各ラベルも垂直方向に揃えて配置してください。 2. Left-aligned labels are clearer (anecdotally) ラベルは左寄せにすると、よ
ウェブページを見る目の動きは「F」パターン - GIGAZINE
つまり人間はページを見る場合、「F」の字を描きながらページ全体を見ているというわけ。 これは232人の被験者を対象に行われたもので、大体1ページから重要なコンテンツを見つけるために2秒から3秒というものすごい短時間に驚異的な速度でページを見ていくそうで。 で、その視線の経路をビジュアル化したのがこの画像。全部で3段階のステップを踏んでおり、各段階を踏んでいった結果、「F」の字を描くというわけ。大体どのユーザーも一貫してこのパターンを踏んでいるらしい。以下がその全3段階の説明。どういうレイアウトが効果的なのかが分かります。 F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox) http://www.useit.com/alertbox/reading_pattern.html 第1段階： 訪問者は最初にページの
無効なURLです
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
WebマーケティングNote – WEBマーケティング業界10年で解析周りをかなりサボっていた僕が勉強を兼ねてブログに綴ります。