LP ノウハウ

条件指定
×閉じる

キーワード

検索範囲
カラー
× 閉じる
カテゴリ

× 閉じる
イメージ
× 閉じる
LP アーカイブ

LPのデザインに関して

2017.12.7

LPデザインで意識したい縦と横のサイズ

LPとはランディングページの略で、検索サイトやリンクなどを経由してはじめにアクセスするページのことを言います。また、スマホやタブレットで閲覧する機会が増えたこともあり、LPとは1枚のページで完結するタイプのものも指します。ここでは後者のLPについて書いていきます。見やすさを考えると、LP制作において縦横のサイズは特に意識したい部分と言えるでしょう。そこで、サイズを決めるポイントやデザインの注意点について解説します。

一般的なLPの構成

視覚的にも効果のあるLPをデザインするためには、まず一般的なLPの構成について知っておく必要があります。通常は「ファーストビュー」「本体」そして「クロージング」の3つに分けることができます。この3つの展開を軸に適切なサイズを決めること、そして視覚的に訴えることが重要です。一般的なLPの構成を説明しながら注意点なども合わせて解説していきます。

ファーストビュー(FV)

ファーストビューとはLPを訪れたユーザーが始めに目にする部分のことです。ここでどうアピールするかでユーザーが興味を持ってくれるかどうか決まります。そのため、ファーストビューの役割は非常に大きいと言えます。ファーストビューで大切なのは「何の商品か」または「どんなサービスか」を分かりやすくすることです。これは一般の紙媒体広告などすべてに言えることで、興味を引くようなインパクトがなければいけません。カラー選択を工夫すればインパクトを与えることはできます。しかし、内容がごちゃごちゃしてしまい、何のページか分かりにくいものは興味も薄れてしまう可能性が高くなります。インパクトを与えると同時に分かりやすい内容であることがポイントです。商品やサービスを連想させるようなデザインにするのも効果が期待できます。そして、次を見たいと思わせるような流れを作っておきましょう。

本体部分

ファーストビューで興味を引いたら、次は本体部分でいよいよ詳しい内容に入ります。商品の紹介を始め、体験者のレビューなどユーザーが共感を持つような内容や、その商品またはサービスを利用することでユーザーが得られるメリットなどについて説明をしましょう。本体部分を見るユーザーはファーストビューですでに興味を持っていることが考えられます。それに対して商品やサービスの詳しい内容を説明すると同時に、自分にとって必要なものであると改めて認識してもらうことが大切です。本体の作り方次第では、ユーザーはますます商品やサービスに対して興味を深めてくれるでしょう。ここでは商品やサービスを説明するのが基本ですが、内容が具体的に伝わるようなものも含めるとより分かりやすくなります。そのひとつが体験者のレビューですが、商品が誕生した背景やどのような使い方があるかといった具体例などを盛り込むのもひとつの方法です。ユーザーがイメージしやすいものにしてあげると分かりやすくなります。

クロージング部分

ファーストビューで興味を引き、本体で商品やサービスの詳細について説明したら、最後はクロージングで購入方法などをまとめましょう。本体で十分「利用したい」という意識が高まっていれば、発注方法や利用方法について知りたいと思うのは当然の流れです。ここでは誰もが使いやすい購入フォームや疑問点について問い合わせができるフォームを設けてあげましょう。フォームは見やすく分かりやすいものにしてください。クロージングには会社概要などももちろん必要です。免責事項や注意点などもここで説明するとスッキリとまとまります。文字サイズを工夫してメリハリをつけると見やすく、ユーザーにも親切です。商品の紹介以外の必要な要素をまとめる部分がクロージングの役割になります。

LPのサイズで重要なのがファーストビュー

LPサイズで重要なのがファーストビューのサイズをどれくらいで設定するかということです。どんな商品か、何のサービスなのかを伝え、そのまま続きを見たいと思わせる情報が一目で分かるものにしなければなりません。ファーストビューのサイズを決めるための基本的な考え方、そして適切なサイズについて解説します。

ファーストビューが重要な理由とは?

ファーストビューはLPの中でも最初にユーザーが目にする部分です。ここでユーザーが「自分には不要な商品」という判断をしてしまったら、そこから下にスクロールすることは見込めないでしょう。興味を感じなければページから離れてしまうことになります。実際には、そのユーザーが求めている商品であったり有益なサービスであったりしても、ファーストビューでアプローチができていないと気づいてもらうことはできません。それを回避するには、ユーザーにどうメリットのある商品であり役立つサービスかということを、ファーストビューでどこまで伝えられるかがポイントになってきます。ファーストビューの重要性を知れば、適切なサイズを意識することがどれくらい大切か分かってくるでしょう。

ファーストビューの理想サイズとは?

ファーストビューに使う理想のサイズは、一般的に横サイズが1000px縦サイズは500px~550pxが最適だといわれています。「Stat Counter」によれば、日本国内のPCユーザーが設定している解像度で最も多いのは1920 px×1080 pxという結果が出ています。次いで多いのは1366 px×768 pxです。しかし、解像度が高い場合には処理速度の関係なども出てくるため、フルスクリーンでブラウザを見ている人は少ないという可能性は否定できません。そのような事情も考慮すると、1000 px×500 px〜550 pxであれば大概のPCブラウザはカバーできるのではないでしょうか。よって、PC版ならこのサイズでファーストビューを考えるのが良いと判断できます。

スマホ版LPのファーストビューのサイズ

PC版と同じくらい重要なのがスマホ版LPです。適切なサイズで制作されているスマホ版LPはスムーズで自然に目に入りますし、見ていてストレスを感じません。ストレスを感じてしまうことも、ページからユーザーが離れてしまう原因になるので注意したい点です。特にスマホの場合はPCに比べて画面サイズが小さいことで、視認性や表示を重視する人は多いと考えたほうがいいでしょう。「Stat Counter」によるとスマホの解像度で最も多いのが357 px×667 pxです。次いで360 px×640 px、その次が320 px×568 pxと続いています。横幅は最も小さい320 pxを基準にして考えれば、多くの人が見やすいデザインにできるでしょう。

LPデザインはファーストビューのサイズを意識して

LPデザインを制作するには、まず適切なサイズを考える必要があります。LPデザインにはアピール効果の高いキャッチコピーや、商品のイメージに沿ったインパクトあるカラー選択ももちろん外せない要素です。しかし、表示されるサイズが適切なものでなければ、どんなにアピールできる内容でもユーザーの目にとまらないこともあります。LPデザインにとって、サイズ設定は基本中の基本と言っても過言ではありません。そしてLPデザインにとって最も重要な位置を占めるのがファーストビューです。そこからユーザーにどこまでアプローチできるかが決まってきます。つまり、LPデザインはファーストビューのサイズを意識することが最も重要と言えるでしょう。さらにもうひとつのポイントは縦サイズと横サイズではどちらを重視するかということです。縦サイズは情報量で左右されるため、商品やサービスの内容に応じて変化します。横サイズを意識して制作すれば見やすいLPデザインになります。LPデザインは視認性や表示を考え、ユーザーが見やすいサイズを意識することが、その効果を最大限に発揮してくれるポイントと言えます。

ランディングページの参考デザイン


LPデザインを探す方法

リスティング広告やディスプレイ広告のリンク先は、ランディングページデザインの場合が多く、かつ最新のデザインで制作されている事が多いので参考になる場合があります。

キャッチコピーを一覧確認

現在表示されているデザイン一覧のランディングページで使われているメインのキャッチコピーを一覧で確認する事ができ、キャッチコピー作成時の参考としてご利用頂けます。

次へ

お気に入り登録が可能!

このサイトのランディングページデザインをフォルダ毎に分けて自分が参考になるデザインだけを集めて利用する事ができます。

ランディングページ制作.jp
「伝わる」×「欲しくなる」を目指した結果の出るランディングページ(LP)のデザインに特化
どんなLPを作ったらいいかわからない…そんな状態でも一度ご相談のご連絡を頂ければ構成などもお手伝い致します
ライン
電話番号
営業時間:10時~18時(土・日・祝日定休日)
【大阪本社】〒541-0053 大阪府大阪市中央区本町1-7-7 WAKITA堺筋本町ビル2階
【東京支社】〒107-0062 東京都港区南青山2-4-15 天翔南青山ビル3階
【福岡支社】〒812-0011 福岡県福岡市博多区博多駅前3-27-25 第二岡部ビル9階
ライン
Copyright © 2018 ランディングページ制作.jp
All Rights Reserved.