Modern business office workplace technology concept.  Blue toned

LPデザイン

スマホ専用ランディングページのすべてはファーストビューで決まる

Googleのモバイルファーストインデックスの正式導入によって、ランディングページ業界でもスマホ対応させていないページというのは、検索順位が上がらないどころか、PPCにおいても広告ランクに少しながら影響を及ぼす可能性が出てきました。

もはやスマホ対策をしていないランディングページというのは、ビジネスの怠慢であると言える時代になるといえるでしょう。

そんな中で、私は以前からスマホ専用ランディングページ製作というサービスを展開していて、クライアントから「スマホでもしっかりとコンバージョンに結びつくランディングページを製作してほしい」というご依頼を頂きます。

その中で、クライアントの方が以前作った別のランディングページを見せてもらう機会があるのですが、やはり一番認識が不足している観点として、「ファーストビュー」の問題があります。スマホ用のランディングページほど、ファーストビューがおざなりにされているものはありません。

パソコンの文字だけ減らしたものや、レスポンシブでサイズを小さくして一部分だけ見せたものなど、あまり効果的とは言えないデザインが施されていて、ページに訪れたユーザーにとってわかりやすく、悩みを解決してくれり欲求を満たしてくれるページなのか瞬時に理解することができない場合がほとんどです。

あまり知られていない事実ですが、スマホのファーストビューというのは、PCサイトのファーストビューに比べてはるかに重要です。

要するに、このポイントを押さえることができれば、それだけで他のなんとなくスマホ対策しているランディングページを追い抜けるということになります。

スマホユーザーとPCユーザーは利用時のモチベーションが全く異なる

スマホ用ランディングページのファーストビューが重要な理由は、PCユーザーとのモチベーションの違いにあります。

基本的にPCというのは、電源を入れて、ホーム画面が表示されるまで30秒程度待って、そこから検索を始めます。なのでスマホで検索するよりもものすごく検索に手間がかかります。

だからこそ、手元に1秒で検索できるスマホがあるにも関わらず、わざわざPCで検索しようとするのは、その情報を何が何でも手に入れたい、その商品・サービスに関することを真剣に調べたいという欲求があります。例えば、買い物であれば、一番安いサイトを調べたい。旅行であれば、一番安い航空券を手にしたい。といったような欲求です。

つまり、そこまで時間と手間をかけたとしても、PCサイトから得たい情報があるのです。

こうした強い欲求を持っているユーザーに対して、ファーストビューはあまり重要ではありません。いくら第一印象が悪くても、少しでも自分が得するために行動しているわけですから、ページを即離脱することはありません。

PCユーザーは、基本的に検索をするモチベーションが高いのです。

スマホ用ランディングページではファーストビューがダメだと一瞬で離脱する

しかし、スマホの世界になると、話は全く逆になります。

スマホユーザーというのは、一瞬でネットに接続できるため、その使い方の多くは「ひまつぶし」です。電車で移動している最中や、部屋で寝っ転がって操作する場合がほとんどでしょう。

なので、根本的にPCユーザーと比べて少しでも自分の得になる商品・サービスを探すというモチベーションが低く、ちょっとでも気がそれるとすぐに離脱をしてしまいます。開いた瞬間に「これ微妙だな」とか、「読みづらいな」とちょっとでも感じただけで、すぐに別のページに飛んでしまい、もう戻ってはこないのです。

だからこそ、スマホ用ランディングページでは、ファーストビューという最初の第一印象がとても大事になります。

例えば、以下は私がかつて製作した整骨院のスマホサイトのファーストビューですが、これも開いた瞬間に院の雰囲気や院長の人柄、沢山のお客様に支持されていることが直感的にわかるようになっています。

H2 katakori img

また、こちらも私が製作した英会話教室のスマホサイトですが、これもキャッチコピーや配色を工夫することで、ユーザーに興味をもってもらう設計にしています。

160302 eigo

このように、スマホユーザーにとって印象の良いページは、離脱率が低くなり、結果的にその後のコンバージョンにもいい影響を及ぼすことがわかっています。スマホ用ランディングページは、最初の見た目が勝負なのです。

スマホ用ランディングページでは、いくら良い商品・サービスを売っているからといっても、お客さんは勝手に理解してくれるはずだという甘い考えは通用しません。モチベーションの低いスマホユーザーに対して、ファーストビューでしっかりとビジネスを伝えきるという努力をしなければいけないのです。

特に今は中小企業が全くスマホ用ランディングページに対応できていない現状であるため、こうしたファーストビューの重要性を知っているだけでも、周りを出し抜くことが可能です。

単にレスポンシブ対応させたとか、htmlをスマホ対応させたで満足することなく、お客さんにとってわかりやすく、行動しやるいスマホ用ランディングページの構築を目指していきましょう。

ピックアップ記事

  1. ランディングページの文章が書けないたったひとつの理由とは
  2. 【独立して2年半】サラリーマンからフリーランスになって感じたこと
  3. まずは自分でやってみる!個人レベルでも実践できる「LPO」について
  4. 発注者なら知っておきたい!「レスポンシブWebデザインのランディングページ」と「…
  5. 【最初からやっておけばよかった】フリーランス生活の質を高めるための3つの工夫

関連記事

  1. ガラスの地球儀と新聞紙

    LPデザイン

    【確認必須】GoogleとYahoo!の広告掲載ポリシーにどう対応するべきか?

    ランディングページを運用していく上で、必ず注意しなければいけないものに…

  2. img_lp

    LPデザイン

    ランディングページ制作過程から見る「KATAOKA DESIGN MARKETINGの最大の特徴」に…

    ランディングページの制作過程は、以下の4つに分けることができます。…

  3. 2

    LPデザイン

    なぜテンプレートを使ったランディングページはダサく感じるのか?

    デザインやコーディングのスキルがあまりない人が、自分のランディングペー…

  4. Fotolia_91799106_Subscription_Monthly_M

    LPマーケティング

    メルマガ用ランディングページの最適な登録率って?

    先日クライアントの方から、こんな質問を受けました。一般的なセールス…

  5. preview8

    LPデザイン

    ランディングページ内の購入ボタンは、どの場所に設置すればいいのか?

    ランディングページの構成案を考える上で、意外と見落としていることが多い…

  6. img_04

    LPデザイン

    魅力的なファーストビューを構築するために「ホラーヴァキュイ(空間恐怖)」の法則を知ろう

    ランディングページにとって、「ヘッダー画像のファーストビュー」は命その…

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

最近の記事

  1. 積み重ねることの意義と強さ
  2. スマホ専用ランディングページのすべてはファーストビューで決ま…
  3. Googleがモバイルファーストインデックスの導入を正式発表…
  4. 【雑感】独学でWebデザイナーのフリーランスになる3つのマイ…
  5. デザイン作業の集中力を持続させるために私が実践している3つの…
  1. Successful businessman and financial graph on the wall

    フリーランス仕事術

    積み重ねることの意義と強さ
  2. fotoliacomp_123519378_ov6shbndfr383lz3is3pfkwn8zh0afvo_nw40

    LPライティング

    ランディングページにおける「ベネフィット」とは何か?どう探っていくべきなのか?
  3. photo-1426024025799-8cf58f5df5a4

    フリーランス仕事術

    稼げないデザイナーは、パソコン操作が遅い
  4. fotolia_78673569_subscription_monthly_m

    フリーランス仕事術

    フリーランスとして独立・起業することが不安なあなたに足りないもの
  5. A businesswoman comes to success and rejoices

    LPデザイン

    自分の世界観をランディングページに反映する3つの方法について
PAGE TOP