昨日公開されたジェイコブ・ニールセンの新しい記事である、2回目の翻訳をお見せします。
インターネットユーザーは、時間の80％を「最初の画面」での情報の調査に費やしています。 彼らもスクロールを使用しているという事実にもかかわらず、彼らの注意の20％だけが「最初の画面」の下にあるものに落ちます。
Webデザインには、いわゆる 「最初の画面」と、最初にユーザーに見える領域に最も重要な情報を表示することの重要性。 （実際には、定義は次のとおりです。「最初の画面」は「追加のアクションなしで表示可能」を意味します。）
インターネットの初期には、ユーザーはスクロールをまったく使用しませんでした。 彼らは単に彼らに見えるページのその部分を見て、ページにとどまるかどうかを決めました。 したがって、その期間（1994年から1996年）のユーザビリティ調査では、重要な情報が「最初の画面」の外にある場合、ほとんどのユーザーがそれを表示しなかったため、サイトは失敗することがよくありました。
ほとんどの場合、ユーザーは遅いコンピューターを使用していたため、このようなページのスクロールには消極的でした。 ダイアログとマルチメディアシステム全体は、スクロールを必要とせずに正常に機能しました。 （もちろん、ユーザーはテキストフィールドのスクロールに直面することもありましたが、ボタンやオプションを表示するためにスクロールを使用する必要がなかったため、ユーザーは表示内容に基づいて決定を下すことができました。）
しかし、1997年、ユーザーはWebでのスクロールに適応しなければならなかったため、スクロールを必要とするページを避けることを推奨する原則を放棄しました。 ユーザビリティの原則がすぐに変わったのは、そのまれな機会でした。 一般的に、使いやすさの規定は長年安定しています。90年代の原則の80％はまだ有効です。
もちろん、今日のユーザーはスクロールを使用します。 ただし、次の2つの理由から、「最初の画面」を忘れずに無限に長いページを作成してください。
- ユーザーの注意範囲が限られているため、長いページは依然として問題です。 人々は、あなたが彼らの目標を達成し、それを迅速に行えるようにするサイトを好みます。 たくさん読むことに対する基本的な不本意に加えて、スクロールすることに対する不本意もあります。
- ユーザーの注意を維持するという観点から、「最初の画面」の情報は、下にある他のどの情報よりも価値があります。
そのため、もちろん、「最初の画面」の下に情報を配置でき、数バイトの情報のみを含むページの作成に制限されません。
実際、長い記事がある場合は、複数のページに分割するよりもスクロール可能な領域として表示する方が適切です。 ユーザーが別の記事の次のページに移動するかどうかを考えるよりも、ページをスクロールしやすいため、スクロールはページングよりも優れています。 （つまり、スクロールがより単純であるという事実は、スクロールバーなどのユーザビリティガイドラインに従う設計を意味します。）
しかし、いや、ユーザーがスクロールを使用していることを理解しても、本当に重要なものがすべて「最初の画面」に残ることを優先し、納得させることはできません。
情報ニーズ理論は、人々が現在見ているものの感覚に基づいて、ページをスクロールし続けるかどうかを決定することを示唆しています。 言い換えれば、ユーザーは、書かれた内容がページの残りの部分の価値を確信させた場合にのみ、ページをスクロールします。
アイトラッキング
先月、さまざまなサイトでのユーザーの行動に関するかなり大規模な調査を実施しました。 「最初の画面」がまだ関連しているかどうかを判断するために、調査の結果-合計57,453凝視（ユーザーがページで何かを見た場合-平均凝視長は0.5秒未満）を部分的に分析しました。
客観性のために、541ページを閲覧した21人のユーザーのデータを分析しましたが、調査ははるかに大規模でした。 私がサンプルを特に制限していないことを納得させるために、この分析から研究の一部を除外した理由を説明させてください。
私たちの研究の目標は、年次セミナーに関連する情報を取得することであったため、ほとんどの研究をテストすることを目的としました。
- 新しいナビゲーション機能を備えたサイト
- 企業のブログ、興味深いFAQなど。
- Webアプリケーション。
このデータは、調査したい要素を含むサイトの調査とテストに最適です。 たとえば、ナビゲーションワークショップでのカルーセルの効果を理解するには、カルーセルに遭遇したユーザーの目を追跡する必要があります。 これを行うには、カルーセルを含むサイトを使用するように依頼しますが、このデザイン要素には注意を払っていません。
関心のあるデザイン要素を含むサイトをテストするように意識的に依頼する場合、これらの人々の行動がどのサイトでも典型的であるとは言えません。 カルーセルの例に戻ると、ページの上部でカルーセルの注意が遅れている場合、人々は通常よりもスクロールの頻度を少なくすることができます。
私たちの調査は、ユーザーにウェブのユーザビリティの基本原則に関する幅広いセミナーのために任意のサイトを訪問する機会を提供しました。 このような無制限のタスクは、この記事で分析する優れた情報源です。これらの研究は、デザイン機能が存在するために選択したサイトとは異なり、人々が使用する通常のサイトをテストするためです。
注目を集める
以下の表は、ページ上のストライプ上のカスタムコミットの分布を示しています。各コミットの高さは100ピクセルです。 列は、ストリップを見る合計時間を凝視の数で割った値を表します。 （つまり、200ミリ秒の2つのラッチは、400ミリ秒の1つのレイテンシと同じです。）
ユーザーがページで費やした合計時間の5％が2,000ピクセルマークを下回っていても、ページの最上部から遠く離れた情報が非常に表面的にスキャンされる傾向があります。 一部のページは長すぎ（私の例では4,000ピクセルを超えることが多い）、したがって、ユーザーの注意のこれら5％は非常に広い面に広がっています。
私たちの調査では、ユーザーがページを閲覧した時間は次のとおりでした。
- 最初の画面：80.3％
- 以下のすべて：19.7％
モニター解像度が1024×768ピクセルの視線追跡デバイスを使用しました。 今日、多くのユーザーがより大きなモニターを購入し、高解像度モニターで多くの研究を行ってきました。 ただし、より大きな対角線を備えたモニターを使用しても結果は変わりません。この変更により、最初に表示される領域により多くの情報が入るという理由だけで、「最初の画面」に対するユーザーの注意が高まるだけです。
スクロール動作
ユーザーがページ全体を読むこともあります。 それは起こります。 珍しい。
多くの場合、表示スキームに表示される2種類の動作のいずれかが表示されます。
ビュースキームは、3つの異なるテスト（ページごとに1つのメンバー）のページで3人のユーザーが見た場所を示します。 青い点はそれぞれ単一のコミットを表し、大きい点は表示時間が長いことを示します。
左側の画像では、ユーザーはページを非常に遠くまでスクロールしましたが、突然、彼は面白いものを見ました。 このような視覚パターンは、「最初の画面」をはるかに超える多くの凝視を与えます。 このパターンはよく設計されたFAQでよく見られますが、最良のFAQでは最も頻繁に寄せられる質問がページの上部に表示されます（ユーザーが長時間スクロールする必要はありません）。
左側のビューには、別の興味深い点も示されています。リストの最後の項目は、多くの場合、特別な注意を引き付けます。 間違いなく、最初のいくつかのアイテムが最も重要ですが、前のアイテムよりも最後のアイテムに注意を払っています。 （これはまた、ダイアグラムが601-700ピクセル領域よりも701-800ピクセル領域に注目している理由を説明します。調査しているモニターの下部はこの領域に属します。）
リストの最後への注意は、特に重要なように、人が最後に見たものが頭に浮かぶという優位性効果によって強化されます。
他の2つの図は、最も一般的なスクロール動作を示しています。ページの上部を集中的に表示し、中央を中程度に表示し、最後に非常に表面的な表示です。 （ユーザーがスクロールする範囲を大きくしたり小さくしたりする例を選択しました。多くの場合、ユーザーはこれまでスクロールしていないため、ページの最後を見ません。）
まるでユーザーがタンク内に一定量の燃料があるページに連れて行かれたかのようです。 彼らがページを下るとき、彼らはその燃料を使います、そして、遅かれ早かれ彼らは燃料を使い果たします。 タンク内のこの燃料の初期量は、このユーザーまたはそのユーザーの固有の動機および各ページのトピックへの関心に応じて異なる場合があります。 さらに、ページ上の情報がユーザーにどの程度関連しているかに応じて、燃料が蒸発または燃料を補給する場合があります。
いずれにせよ、ユーザーの注意は最終的に終了し、ユーザーがページをさらに進むほど、各追加情報ブロックに費やす時間は短くなります。
中央の図は、50のソファがあるページを示しています。
- 上の2列には、ソファごとに平均5〜10の固定が施されました。
- 次の4-ソファの2から4個の固定;
- 次の8つは通常ソファごとに1つの固定です。
- 下部の3列には、残りの7つのソファではなく、1つのソファで2つの固定が施されました。
これは単なる大まかなモデルであり、ユーザーはページのコンテンツによって異なります。 たとえば、Cameon LoveseatおよびCustom Hugo Loveseatソファは、2750ピクセル以下のレベルにあるにもかかわらず、2つの固定が4つありました。 ユーザーはこれらの2つのソファが特に魅力的であると考えたと考えられます。
結論
結論は簡単です。ユーザーまたはあなたのビジネスにとって最も重要な情報は「最初の画面」にあるべきです。 ユーザーは下のページを表示しますが、「最初の画面」の見方は正確ではありません。
人々は2つの条件の下でページを非常に深く見ます：
- レイアウトは、ユーザー自身がページをスクロールしたいような方法で作成されます。
- 最初に表示される情報は、ページがスクロールに費やされた時間の価値があるとユーザーに信じさせます。
ソース-http://www.useit.com/alertbox/scrolling-attention.html