ファーストビューとは

first view eyecatch

ファーストビューについて説明します。

 

ファーストビューとは

 ファーストビューとはユーザーがサイトに訪れた時に、最初に目に入る部分のことです。ちなみにスクロールしなくても見ることのできる範囲のことです。またパソコンとスマートフォンのように画面の大きさが違うデバイスによってもファーストビューの範囲が左右されます。

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

 インターネットユーザーはサイトに訪問したときに、このサイトで自分にとって有益な情報を得ることができるかどうか一瞬で判断しています。この一瞬の時間は約3秒といわれています。この一瞬のうちにこのサイトは見やすく、有益な情報を載せているということをアピールするためにも、ファーストビューのサイトのデザイン、画像、フォントなどは重要といえます。

ファーストビューは都市伝説?!

 ファーストビューが重要ということは分かったけど、実際にどのような配置にしていけばいいのでしょうか。
 ユーザーがなかなかスクロールしてくれないから、ファーストビューで重要なメッセージが全部見えるようにするといいという考えがありますが、これは疑問視されています。スクロールはユーザビリティ上の大きな問題ではないということが明らかになったからです。訪問者はコンテンツがあることがわかっていたら、ちゃんとスクロールしてくれるし、その証拠にアイトラッキング(視線調査)でも、スクロールバーに視線が行ってページの長さを確認する行動が、多くのサイトで確認されているとのこと、それに加えてスマートフォンやタブレットなどの新しいデバイスではスクロールを指で簡単にできるようになったということも原因の1つと考えられます。

ファーストビューはどのようにすべき?

  • 訪問者の気持ちをつかまえる要素がファーストビューに入っている。
  • さらにその下にコンテンツがあることがユーザーにわかる。
  • 横に区切るデザインをするときは、ページが終わったと勘違いしないようにする。

  •  他にもページ内の一部分だけがスクロールするようになっていると、そちらはスクロールしてもらえない傾向があるので注意するべきです。重要なのはスクロールを妨げないように配慮してあげることです。
     ファーストビューでユーザーに刺さるキャッチコピーなどを検証するために、A/Bテストやヒートマップなどで解析してサイトを作ると、よりスクロールしてもらいやすくなり、結果的にコンバージョン率があがります。



     

    参照元:

    この記事は役に立ちましたか?シェアして頂けると嬉しいです!

    ジャックアンドビーンズ

    →【無料】このような記事を定期的に読みたいと思いますか?

    【もっとwebマーケティングを学びませんか??】
    毎週水曜夜8時に魅力的な最新記事を受け取る!
    グロースハックのノウハウを見逃さない
    コンバージョン率を上げる情報を手に入れる!

    ※ブログの情報はこちらでも配信しています!

    follow us in feedly

    J&B Laboの関連記事

    emphasis snippet_eyecatch

    強調スニペットとは

    ...

    記事を読む

    glossary yahoo promotion ad eyecatch

    初心者は必見!Yahoo!プロモーション広告を知ろう

    ...

    記事を読む

    glossary bounce rate eyecatch

    【高い≠悪い!?】直帰率を正しく理解しよう!

    ...

    記事を読む

    view-impression-eyecatch

    ビューインプレッションとは

    ...

    記事を読む

    search partners eyecatch

    検索パートナーとは

    ...

    記事を読む

    この記事をシェアする

    J&B Laboの新着記事