ファーストビューとは、ページを開いたとき、スクロールしなくても見える範囲のことである。英語では、above the fold（折り目より上）と呼ぶことが多い。
たとえば、キャンペーンのページを開いたら、画面いっぱいの写真しか見えないとする。何のキャンペーンで、何をすればよいのか、分からない。写真の上に、見出し、期間、「応募する」ボタンが出ていれば、スクロールしなくても、内容と次の行動が分かる。
どのくらい見られているのか
NN/g の記事「Scrolling and Attention」（テレーズ・フェッセンデン、2018年）では、120人の視線を調べ、13万を超える停留点を分析した。結果は、次のとおり。
- ファーストビューで、ページを見ていた時間の約57%を使った。2010年の調査では、80%だった。
- 2画面分（2160pxまで）で、74%。
- 3画面分で、約81%。
2010年より減ったのは、長いページが増えたためだと、記事は見ている。一方で、折り目を過ぎると、注意が急に落ちる形は、2010年と同じだった。
別の NN/g の記事「The Fold Manifesto」（エイミー・シェード、2015年）では、折り目の直前の100pxは、直後の100pxより、102%多く見られた。
折り目は、1つではない
折り目の位置は、端末で違う。スマートフォンでは、画面が小さいので、折り目が上にくる。端末に合わせて形が変わるページでは、折り目が、いくつもある。
ファーストビューに置くもの
- 何のページか。見出しと、短い説明を置く。
- 次にすること。「応募する」「資料を請求する」など、ボタンを置く。
- 続きがあること。次の内容の一部が、見えるようにする。上の部分が空だと、「全部見た」と思われる（NN/g は「偽の底」と呼ぶ）。
利用者がスクロールするのは、下に、もっと価値のあるものがありそうだと思えるときだけである。
使うときの注意
- 全部を詰め込まない。詰め込むと、ホワイトスペースがなくなり、何も目立たなくなる（ビジュアルヒエラルキー）。
- 位置を、1つに決めない。折り目は、端末ごとに違う。いくつかの画面の大きさで、見え方を確かめる。
- 見られた時間と、成果は別である。NN/g の数字は、見られた時間で、理解や、申し込みの数ではない。
語源・位置づけ
fold（折り目）は、印刷した新聞の言葉を借りたものである。NN/g の記事は、この言葉が、スクロールしなくても見える内容を指すと説明している。新聞を折ったとき、折り目の上に見える部分が、元の意味である。
NN/g の別の記事は、画面の大きさが違っても、折り目は、すべての利用者の、すべての画面にあると指摘している。
出典
- Nielsen Norman Group「Scrolling and Attention」（Therese Fessenden、2018年4月15日）
- Nielsen Norman Group「The Fold Manifesto: Why the Page Fold Still Matters」（Amy Schade、2015年2月1日）
