ファーストビューとは

ファーストビューとは、ユーザーがWebページにアクセスした時に最初に表示される部分、スクロールせずに画面に表示される部分。英語だと「Above the fold」と言って新聞の折り畳み線(fold)より上が最初に目に入る範囲という意味。

ファーストビューの重要性

第一印象は3秒で決まるとよく言われますが、ユーザーはWebページにアクセスして3秒(一瞬)で、

• 読み進めるメリットはあるか
• どんな情報を得られそうか

を判断しています。
例えとして、企業情報ページを載せている2社のファーストビューを比較してみます。


両者の違いとして、

1. ファーストビューの情報量。
2. ページのタブ項目が見えるか。
3. メッセージ機能のリンクの位置。

など他にも沢山違いがあるのですが、ここで一番重要なのはファーストビューから得られる情報量が多いかどうかだと思います。

デザインのポイント

• ファーストビューで伝えたい要素を明確化する
• ユーザーが求めるもの、興味をそそる内容ファーストビューに入れる
• 目立つラベル・バッチを用いてページに差別化をもたせる。
• クリックしたいと思わせる導線をしっかり設ける。

結論・まとめ

ファーストビューでユーザーに見てもらいたいコンテンツをしっかり盛り込み、ユーザ体験を充実させることが重要だと思います。私はサイトを訪れるのは観光と似ていると思います。「ページを移動する」ことは観光地を回るのと似ていて、移動がスムーズでかつ沢山の新しい出会いや発見があればその「旅行」は楽しいものになりますよね。サイトを作る側はユーザに楽しい体験がをしてもらえるよう観光案内士として、事前ルートの確認(= ユーザの行動パターンを把握)し、重要スポットの行き先をしっかり示す(他ページの導線を見せる)ことが大事になるでしょう。

共感していただけたら共有していただきたいです。
よろしくお願いします。