スマホ用ランディングページをデザインする5つのポイント

通常のランディングページでは必要最小限のボリュームでクローズすることが効果的です。これはパソコン用とスマホ用共に同じことが言えます。しかし、パソコン用と同じ内容をスマホページに設定すると長いページとなってしまいます。



スマホ用のランディングページは必要な情報はきちんと盛り込み、且つシンプルに短くすることが効果的です。

サイト表示までの待ち時間が長いとストレスを感じるという人が多いのではないでしょうか。特にスマホでは表示までの待ち時間がシビアに判断されます。



表示速度が遅くなる原因として、画像容量の大きさやソースコードが複雑になっていることが挙げられます。ランディングページだけでなくWebサイト全般において、表示速度を考慮する必要があります。

スマホでランディングページを見やすくするために、様々なギミックが用いられることが多いです。

スマホでは極力短いページにするために「スライド」と「アコーディオン」の手法がよく使われています。

ユーザーがタイトルを見て、そのページを閲覧するかどうかを判断するまでにかかる時間はおよそ3秒だと言われています。
その短い時間の間で、他社との違いを認識してもらえるようなキャッチコピーでなければいけません。

そのため、見出しとなるタイトルキャッチコピーはシンプルで説得力のあるものを選びましょう。
具体的には、「信頼性（何かの受賞歴や顧客満足度など）」と「利点」が一目で伝わるものが適切です。

スマホLPはスマホを片手で持ってスワイプしながら読む人がほとんどであるため、画面をタップしてページ遷移させるような導線はスマホ向きとは言えません。
ユーザーの注意が商品にしっかり向くようにするには、ページ内に余計なリンクをできるだけ載せないことが重要です。

スマホ用LPに使用する画像は、ページの横幅の約2倍の解像度で作成することを推奨します。
現代の多くのスマホは高解像度ディスプレイを搭載しており、従来の解像度では画像の輪郭がぼやけてしまうためです。

現時点では、スマホ用LPの一般的な横幅である640～750pxを目安に画像サイズを作成すれば特に問題ありませんが、スマホの性能向上に合わせて逐一見直すようにするとより確実でしょう。

また、スマホ表示に最適なフォントサイズは、タイトルが18〜24px、本文が14～16pxとなっています。
ただ、各機種の画面サイズによって微調整が必要なので注意しましょう。

ランディングページの役割は、一言でいえばCTA（Call to Action）ボタンをタップしてもらえるように上手く誘導し、フォーム入力まで繋げることです。
これらのアクションを上手に促すには、人間の購買意欲に強い関連があるとされる「快楽」を使った行動分析学における「AIDCAS」の法則がヒントになることでしょう。

AIDCAS（アイドカス）は、近年注目され始めた「カスタマーサクセス」の考え方を取り入れた比較的新しいフレームワークです。
これは、人間の「快楽」の欲求に訴える行動プロセスを利用しているのが特徴です。

AIDCAS（アイドカス）という言葉は、「Attention(注意)」「Interest(興味関心)」「Desire(欲求)」といった英単語の頭文字からとっています。

「AIDCASの法則」を用いて構成を組む際には、まずはユーザーの注意を引き、興味関心を持ってもらって閲覧者の欲求を刺激し、商品やサービスの信頼性を理解して納得した上で購入、という流れを作ります。
ここまでの工程を「AIDCA（アイドカ）の法則」と呼びますが、購入した後の「顧客満足(Satisfaction)」まで考えるのがAIDCASの法則です。