Web ページに対するユーザーの注意の垂直方向の分布は比較的単純です。つまり、ユーザーの視野の前半では、下部よりも多くの情報が隠されています。次に、Web ページの横方向におけるユーザーの注目の分布を見てみましょう。以前に収集したデータベースを使用すると、ユーザーが Web ページを閲覧するときの左から右への注目の分布の重みは次のとおりであることが簡単にわかります。.jpg)
このグラフでは、各記事の横軸が 100 ピクセルを表し、縦軸の 100% がユーザーが左端から閲覧を開始してページを終了するまでの時間を表しています。
人々は右側に比べて左側に 2 倍以上の時間を費やしており、次のような明白な選択をします。
左半分は時間の 69% を要し、右半分は時間の 30% を要しました。
閲覧時間の残り 1% は、閲覧できる最初の 1024 ピクセルに費やされます。この情報は、水平スクロールを回避するために水平バーを修正する必要があることを示唆しています。
ここで言う「下の列」の情報は、文字通りの「下」ではなく、実際には画面の右側の画面の向こう側の部分です。一方、水平方向と垂直方向のブラウジングを比較すると、垂直方向のユーザーは情報の約 20% をスキップしますが、水平方向のユーザーは情報の約 1% しか無視しません。 (実際、水平スクロール ホイールは本当にユーザーを煩わしくし、注目を集めにくいため、ひどいものだと 20 回ほど言ったと思います。)
私たちの調査では 1,024 × 768 のモニターを使用しました。ディスプレイが大きくなると、より少ないスクロールで右側により多くのコンテンツが表示されることが期待されます。通常モードでも同じことが当てはまります。
通常、一番左のセクションにはナビゲーション バーが含まれているため、200 ピクセルに加えて、最も注目を集める 300 ～ 500 ピクセル以降に注目が集まるのも不思議ではありません。人々は最初から最初の行にあるメインコンテンツ領域に注目する傾向があります。
言語の左から右の読み取り方向
左から左に読む習慣のある地域で私たちが行ったユーザビリティ調査では、人々は行頭により注意を払うことがわかりました。明らかに、これらの言語ではテキストは右側から始まります。それでも、対応するアイトラッキング実装が必ずしも見つかるとは限りません。たとえば、アラビア語とヘブライ語にも上記のグラフがあります。 (これは、大まかに言うと、ある国または地域の読書習慣が右から左である場合、その注意時間分布グラフは上のグラフの鏡像を形成する、つまり横軸が右から左に書かれることを意味します。)
その理由は、右から左に読む言語の Web サイトが必ずしも左から右のレイアウト デザインであるとは限らないためです。以下はドバイの新聞エマラト・アル・ユームとイスラエルの新聞ハアレツのウェブサイトからのレイアウトです。
.jpg)
Emarat Al Youm は真の右寄せ Web サイトです。これとは異なり、Haaretz はテキストが右揃えのサイトですが、依然として左側のナビゲーション バーがあります。したがって、この視線追跡（アイトラッキング、とりあえずこのように訳しておきます）の研究は、通常の英語のウェブサイトよりも複雑になる可能性があります。
通常のレイアウトを優先する
私たちが通常左から右に読む言語、たとえば中国語、英語、ロシア語、さらには日本語に戻ると、私たちの発見は何を意味するのでしょうか?
簡単に言えば、人々が Web を閲覧する方法に完全に適合するため、従来の Web サイトのレイアウトに固執する必要があります。
左側のナビゲーションは一貫したものにしてください。これはユーザーがリスト内で見つけることを期待しているものです。
メインコンテンツの左から右への配置にもっと注意してください。
最も重要なコンテンツは、ページ全体の幅の 3 分の 1、あるいは半分を占める必要があります。ユーザーが最も注目するのはここです。
二次的なコンテンツは右側に置いてください。あまり注目を集めることはありませんが、それだけで十分です。すべてのコンテンツがトップの座を獲得できるわけではなく、重要度の低いコンテンツのための場所が必要です。
興味深いことに、この大きな画像に示されている Web サイトのレイアウトは、主流のイントラネットのレイアウトと非常に似ています。しかし、これは単なるウェブサイトです。
支配的な閲覧パターンと Web ページのレイアウトは、明らかに従属関係に進化しました。
最も重要な情報は通常、そこに配布されるため、人々は特定の場所に注意を払うように訓練されています。
現在、企業が Web サイトのレイアウトを作成するとき、ユーザーがページ全体にどのように注意を分散するかに応じて情報が配置されます。
従来のレイアウトから逸脱すると、一部のユーザーは Web サイトを閲覧する際の注意習慣を変えることになります。重要な情報を右側に配置すると、その領域の (少数の) ユーザーが、一般的なユーザー ドメインよりもこの情報を見つけるのに多くの時間を費やす可能性があります。
これは、ユーザーが「このセグメントの 1000 ピクセルと 1100 ピクセルを見て、左から右に見るのに時間の 2.5% だけを費やす」と事前に決めたかどうかとは異なります。
いずれにせよ、従来のデザインから逸脱することで支払う代償は次のとおりです。ユーザーが最初にページを閲覧するとき、必要なものを探すのに多くの時間を費やすことになります。
Web ページのレイアウトが、従来とは異なる場所に配置されるのではなく、ユーザーの閲覧ニーズを満たしている場合、ユーザーは情報を簡単に見つけて、気付かないうちに目的の情報を達成できる可能性があります。
そして、あなたのウェブサイトがユーザーにとって当然のことであると、あなたのビジネスはよりスムーズに進むでしょう。