トップページのファーストビューを整える。対象と次の行動を一画面で伝える
公開日 ・更新日
ファーストビューは、見た目を整える場所ではなく、読む人の判断を止めない場所です。トップページを開いた数秒で「自分向けか」「何を頼めるか」「次に何をすればいいか」が分かれば、下へ読み進める理由が生まれます。写真や動きから決めず、情報の順番から整えます。
最初の画面で答える三つの疑問
制作現場で最初に確認するのは、対象、提供できること、次の行動です。対象は業種名だけでなく、困りごとや相談の場面まで書きます。提供内容はサービス名を並べず、どんな状態へ変えるのかを一文にします。次の行動は「問い合わせ」「料金を見る」など一つに絞ります。
この三つが別々の場所にあると、読む人はスクロールしながら推測します。判断に必要な言葉を最初の画面に置く。それだけで、ページの役割がはっきりします。
写真より先に対象と価値を置く
写真は雰囲気を伝えます。でも、写真だけでは自分に関係するサービスか判断できません。見出しと短い説明を先に置き、写真はその意味を補う役割にします。
スマホでは一画面に情報を詰め込みません。見出し、補足、行動ボタンの順に読みやすく並べ、画像の下へ重要な説明を隠さない。初めて訪れる人が、最初の画面だけで次の一歩を選べるかを確認します。
一つの行動へ迷わずつなぐ
行動ボタンを増やすと親切に見えますが、実際には迷いが増えます。トップページの目的を一つ決め、主ボタンを一つにします。補助リンクを置く場合も、主ボタンと役割が競合しない順番にします。
公開後は、トップページの閲覧数だけで判断しません。主ボタンのクリック、問い合わせフォームの開始、送信完了までを別々に見ます。数字が動かない場所を見つければ、文章、ボタン、遷移先のどこを直すか決められます。
あなたの会社のトップページも、最初の画面で判断材料がそろっているかを確認できます。対象と価値と次の行動を一度書き出し、写真より先に順番を整える。それが、ホームページ改善の最初の作業です。
関連記事
著者: 松井 勇樹