ユーザーに行動してもらうための効果的なLPデザインのコツ

LPの性質上、ファーストビューからコンバージョンに直結するCTAボタンまでを1ページ内に効果的に配置しなければなりません。その際に重要になるのがユーザーの視線をうまく誘導することです。視線誘導には大きく「Z型」「F型」「グーテンベルク・ダイアグラム」の3つのパターンがありますが、LPの場合はZ型が基本と言えるでしょう。Z型は左上から右上へ、右上から左下へとZの文字のように視線を誘導するパターンです。そのためアピールしたい商品やサービス、目立たせたいキャッチコピーなどは左上に配置するのが基本となります。そのうえでユーザーがスクロールしながら興味を持って見てもらえるようにコンテンツを効果的に配置しましょう。理想的な視線誘導は読み進めていくうちに自然とCTAボタンにたどり着くというものです。ユーザーが途中で離脱するのを防ぐ効果もあるのでコンバージョンを高める効果も期待できます。

視線誘導のパターンである「Ｚ型」「Ｆ型」「グーテンベルク・ダイアグラム」についてご紹介しましたが、他にも誘導パターンがあります。
ここでは、3つの誘導パターンについてご紹介します。

1つ目は、大きいものから小さいものへの視線の動きです。
人は、最初に大きいものに視線がいき、それから小さいものへと視線が移動する性質があります。

すべての画像や文字が同じ大きさになると、全体的にマンネリとした印象になり読み飛ばしてしまいます。
そのため、ユーザーに最も伝えたいことを明瞭にし、大きさを変えてメリハリを付けることが重要になります。
読みやすく伝わりやすいレイアウトになるように意識しましょう。

2つ目は、近くにあるものへの視線の動きです。
人は、近くにあるものに視線が移動するという性質も持っています。
何か特定のものを見る際、近くにあるものも視界に入ってきます。
少し視線を移動するだけで、他のものを見られるので、近くにあるものへ視線が動きやすいです。

その性質を利用し、関連する情報を近くに記載し、グループ化することで情報を見てもらいやすくなります。
知ってほしい情報を見てもらえるので、ぜひ活用しましょう。

3つ目は、同形・同色への視線の動きです。
人の視線は、情報が同じように配置されていると無意識に同形・同色を追いながら視線が動きます。
似たような情報が並んだときに、同形・同色でレイアウトすることで知ってもらいたい内容・情報に視線を注目できます。

また、デザインの中で同形・同色を何度も繰り返し使用することで、統一感や一貫性を与えられます。
デザインが美しくなり、見やすくなるので意識しましょう。

これらの3つの誘導パターンも意識して、見やすく伝わりやすいLPを作成しましょう。

多くのユーザーはファーストビューで読み続けるか離脱するかを判断してしまいます。それだけに、どんなファーストビューにするかがLPのコンバージョンに影響するのです。ファーストビューで商品やサービスの魅力をうまく伝えることができれば、ニーズを持つユーザーに「私のためのホームページだわ」と感じてもらえるようになります。すると「もっと詳しく知りたい」と思ってもらうことができ、直帰率を下げることにもつながります。ファーストビューの役割はコンバージョンを上げることではありません。スクロールして次を見てもらうのがファーストビューの役割なのです。ファーストビューで「私のためのホームページだわ」と思ってもらうためには、ターゲットに呼びかけるのが効果的です。たとえば「小学生のお子様を持つ30代の女性へ」のように呼びかけると、該当する人の興味を引くことができます。そのうえで商品やサービスの最大の魅力、提供できるベネフィットを分かりやすく簡潔に伝えるのがよいでしょう。また、メインとなるビジュアルもそれと連動したものにすることが重要です。

LPをどんな色使いにするかで印象は大きく違ってきますし、コンバージョンにも影響を及ぼします。たとえば、価格を訴求するのに寒色である青系をメインカラーにしたのではなじみにくいでしょうし、赤系がメインカラーでは高級感を印象づけるのは難しいでしょう。色にはそれぞれ人にどんな心理的影響を与えるかが知られています。それを踏まえながら与えたい印象や訴求ポイントを考慮して使用する色を選択するのが大切なポイントです。まず、商品・サービスコンセプトなどからメインカラーを決めます。その際にはターゲットとなる年代や性別なども考慮して決めるのがよいでしょう。そのうえで、LP全体の統一感を出したりコピーを目立たせたりするためのサブカラーをいくつか決めるのがコツです。メインカラーとサブカラーで狙ったとおりの印象を与えることができれば、コンバージョン率アップにもつながるでしょう。

「カートに入れる」「申し込む」などのCTAボタンはコンバージョンに直結する重要な役割を果たします。CTAボタンの色や形を変えただけでコンバージョン率が変わることもあるため、CTAボタンをどんなデザインにするかはとても重要な事です。メインカラーとサブカラーを踏まえながら、大きく目立つようにCTAボタンを配置するのがポイントになります。CTAボタンのみに赤や青など原色の強い色を使うと、ボタンが目立つうえに全体の印象も締まって見えるので効果的です。また、CTAボタンで使用する言葉についても見逃せません。たとえば「資料請求はこちら」とするのと「○○が5分で分かる資料請求はこちら」とするのとではコンバージョンも違ってきます。CTAボタンはデザインだけでなく言葉についてもしっかりと検討しましょう。

どんなフォントを使用するかということもLPの印象を決める重要な要素です。フォントが与える印象を踏まえながら、メインコピーやタイトルに使用するフォント、文章に使用するフォントやフォントサイズを決めます。そのうえでメインフォントを補完するいくつかのサブフォントを決めるようにしましょう。統一感を感じさせながら目立つべきところは目立つというように、全体のメリハリを考えながらフォントを選ぶのがコツです。デザインのことをよく知らないクライアントの場合「ここは筆文字で」「ここはPOP体で」のような要望がでることもあります。検討して効果的であれば採用すべきですが、そうでない場合にはデザインの統一性が阻害されるなどの理由をキチンと説明して納得してもらうことが重要です。