ファーストビューとは

WEBサイトのファーストビューとは、WEBサイトを開いて最初に表示される画面の領域のことです。

スクロールをしてようやく見える部分はファーストビューに含まれません。

ファーストビューに含まれる主な要素は「ヘッダー」「メインビジュアル」ですが、その他にもWEBサイトのデザインによってさまざまな要素が含まれます。

下記は、当サイトのパソコン表示およびスマホ表示におけるファーストビューです。

パソコンとスマホでは画面サイズが異なるため、含まれる要素も異なることが多いです。

当サイトでいえば、パソコン表示では「お知らせ」までがファーストビューなのに対して、スマホ表示では「メインビジュアル」までがファーストビューとなります。

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

WEBサイトにおいて、ファーストビューはとてもとてもとても重要な要素です。

実は、WEBサイトに訪問したユーザーがファーストビューだけを見て（スクロールを一切せずに）離脱してしまう可能性は40%〜60%とも言われています。

これは一般的なWEBサイト（コーポレートサイト）の数字であり、LP（ランディングページ）に関してはさらに高い約70%だと言われています。

つまり、多くの人はファーストビューを見て、引き続きWEBサイトをしっかりと見るか、それとも離脱（サイトを閉じる）するかを直感的に判断して行動してしまうのです。

お店で例えると外観のようなもので、外観が悪ければ商品・サービスを見てもらえないどころか、店内に入ってすらもらえません。

ターゲットユーザーにWEBサイトをしっかりと見てもらい、なおかつ商品・サービスについて理解してもらうというのは意外と非常に難しいことなのです。

離脱率を下げるファーストビューを作るための考え方

ファーストビューでの離脱率を下げるためには、下記２点を意識する必要があります。

• ◾️訪問者に「このサイトは自分に関係がある」と瞬時に理解させる
• ◾️訪問者に分かりやすいサイトだと瞬時に理解させる

訪問者とはターゲットユーザーのことであり、WEBサイトは必ずターゲットユーザーを意識して作らなければなりません。

「このサイトは自分に関係がある」と瞬時に理解させる

ファーストビューを見た訪問者が「この会社（またはお店）は自分には関係ないな」と思ってしまうとアウトです。

そして、訪問者はその判断を直感的かつ瞬時に行なってしまいます。

例えば、低価格のサービスを求めている訪問者が「上質なサービス」というワードを見たり、高級感のあるデザインだと感じてしまうと「自分には関係ないサイトだ」と判断して離脱してしまいます。

逆に、「高品質だけど低価格」などの低価格だということが理解できるワードを見ると「自分に関係があるサイトだ」と判断し、スクロールして続きを見てくれるでしょうか。

このように、ファーストビューでは、訪問者に「このサイトは自分に関係がある」と瞬時に理解させることが非常に重要です。

見やすく分かりやすいサイトだと瞬時に理解させる

また、訪問者に見やすく分かりやすいサイトだと瞬時に理解させることも重要です。

「なんだか見づらそうなサイトだから見るのをやめておこう」と離脱してしまうユーザーも多いです。

メインビジュアルのデザインがごちゃごちゃしていたり、ヘッダーメニューが多すぎたりすると、訪問者は直感的に見にくいと感じてしまいます。

メインビジュアルは伝えたいキャッチコピーが見やすいデザインに、ヘッダーメニューは適度な数かつ「どんなページがあるのか」が直感的に理解できるようなメニュー構成にすることが大切です。

非常にシンプルで極端な例ですが、訪問者に見やすいサイトだと理解させるとはこういうことです。

我々プロも、ファーストビューのデザインには非常に心血を注ぎます。

ファーストビューの作り方が悪いと土俵にも上がれないからです。

これからホームページを作る方も、すでにホームページをお持ちの方も、当記事を参考にぜひファーストビューの作成に力を入れてみてください。

記事一覧に戻る