「ユーザーはページをスクロールしないため、すべての情報を一番上に表示する必要があります」という最初の画面のルールを知っています。
cxpartners （英国、ブリストル）のスタッフは 、この声明を検証することを決定し、調査を実施しました。私は彼らの報告書の翻訳を提出します。
Web開発の専門家として、最初の画面のルールは神話であることを知っています。 過去3年間で、約800のユーザーテストを実施しましたが、3つの場合にのみ、ウィンドウの下側の境界がユーザーにとって実際の障壁になりました。
この記事では、最初の画面ルールが機能しないことを証明します！
最初の画面のルールは何ですか？
一般に、この規則は新聞から来ました。新聞の最も重要な資料は常に最初のページの上半分にあります。 インターネットでは、ユーザーが最初に見るページの部分を記述するために使用されます。最初の画面のルールを心配しないでください
ユーザーは、スクロールバーの大きさを気にかけないと言っており、私たちは自分自身で見ました。 ユーザーは、必要なものを見つけるために、長くて非常に長いページを快適にスクロールできると感じました。 一見しただけでも、最初の画面の規則のために作成者が心配しない多くの成功したサイトを見ることができます。
証拠を追加
cxpartnersでテストを実行する場合、アイトレッカー（アイトラッキングシステム）を使用します。 アイトレッカーを使用すると、ユーザーが見ているものを見ることができます。 受信したデータに基づいて、ユーザーがどこを見たかを示す温度マップを作成します。スクロールバー
結果を分析すると、マップの右隅に明確なスポットがありました。 これはスクロールバーであり、このことから、スクロールを使用してページの長さと非表示のコンテンツを推定すると簡単に結論付けることができました。
少量のコンテンツは、ページをさらに探索するインセンティブを提供します。
以下の画像は、ブリストル空港のページの2つのオプションを示しています。最初のレイアウトでは、情報はすぐに2つの列に分割され、2番目のレイアウトでは、図として主要な要素があります。 その結果、2番目のレイアウトでは、人々はスクロールをより頻繁に使用し、低くなりました。
アイブレーキ
ユーザーがさらにページを閲覧しなかった3つのケースの1つはFirst Choice会社のサイトで、他のケースでは状況は同様でした。1年前に作成したFirst Choiceサイトの調査を実施しました。ページは非常に長く、ユーザーは最後まで見たくないでしょう。
ページ全体に広がる「宿泊施設」という見出しは、ユーザーの目を遅くしました。 次に、折り線にコンテンツを配置し、
望ましい結果につながりました。
設計のヒント
観察の結果、次の結論に達しました。- 要素間の大きな空きスペースは、目の動きを促進します。
- 水平線はリーダーを禁止し、ページがそれ以上表示されないようにします。そのため、要素は下の境界よりもわずかに上にある必要があります
- 読者がページの高さを評価できないようにするため、ページ内のスクロールバーは避けてください。
著者メモ
- コンテンツの配置の問題は考慮しませんでしたが、境界の下にあるコンテンツの表示の問題は考慮しませんでした。
- 表示領域の標準サイズは1024 * 700ピクセルとされました。 700はビューポートの平均の高さです。
翻訳者のメモ
- これは、可能な限りオリジナルに近い記事の無料翻訳です。おそらく、一部の用語は誤って翻訳された可能性があります。
- 著者は、表示領域の終わりを折り畳みと呼びます。これは英語では折り畳みを意味しますが、これは英語の用語であり、ロシア語ではその類似語は知られていないため、条件付きで翻訳されます。