/CVR大幅改善!スマホのEFOで押さえるべきチェックポイント!CVR大幅改善!スマホのEFOで押さえるべきチェックポイント!2017.12.13TweetPCサイトのPVよりもスマホサイトのPVの方が多いサイトが増えてきましたね。広告効果を上げたい担当者の皆様は、スマホサイトのユーザビリティ向上のために一生懸命テコ入れをしているところではないでしょうか。その中でもフォームはコンバージョン獲得の最後の難関。PCに合わせて「基本的なEFOはもう実施済みです!」という担当者の方必見の「スマホならでは」のEFOを解説します。スマホEFOのポイントとは!?今や、スマホ専用サイトを用意するのが当たり前の時代。スマホサイトを作ったときにTOPページや主要ページ、主力のLPのデザインやユーザビリティにこだわったものの、フォームはその時のまま...というサイトも多いのではないでしょうか。以前は「閲覧はするけど、入力が大変だから申込はPCで...」、といったユーザーの行動が主流でした。スマホのPVが増え、フォームの入力しやすいスマホサイトが増えてきている今、ユーザーもスマホでのフォーム入力に慣れてきています。今スマホのEFOはとっても大事なんです。移動中やランチを食べながらなど「ながら見」をするスマホユーザーには、PCよりも親切にフォームを作る必要があります。次の章では「タップする箇所は大きく」、「アクションさせるステップをなるべく減らす」など、6つのポイントを対策するだけでCVRが改善した例を解説していきます。CVRが11%⇒13.3%に改善した例も!スマホEFOの6つのチェックポイントあるサイトではスマホ用に最適化されたフォームをチェックポイント2~6まで対策したところCVRが11%⇒13.3%、つまり2.3%も改善しました。(弊社クライアント実績)基本的なEFOの概念は以前こちらの記事で紹介していますので(「EFOとは?入力フォームを最適化する方法とその効果」https://webbu.jp/efo-2-346)押さえておいてくださいね。今回はスマホならではの具体的な改善点をまとめました。緊急度MAX!スマホ用に最適化スマホ最適化はもう当たり前です。今だにPC用のフォームしかないサイトは急いで対応しましょう。PCサイトをスマホでそのまま表示すると、入力項目をタップしにくい、テキストが小さすぎて拡大しないと読めない、入力が終わって次の項目に行こうとしたらに迷うなど、ユーザーにとっていいことは一つもありません。【チェックポイント2】タップしやすい大きさに入力項目をタップするのに小さすぎ、細すぎて違う箇所をタップしてしまい「イラッ」とした経験ありませんか?人の指の太さを考えるとある程度の太さが必要なことは想像できますね。テキストの入力エリアはもちろん、ラジオボタンやチェックボックスにも気を配りましょう。デフォルトのデザインだと小さいので、ひと手間加えて大きなボタンを用意して、テキスト部分をタップしても選択可能になるように工夫しましょう。電話番号入力の時には、数字のキーボードがでるように設定しましょう。何も設定しないと直前まで使っていたキーボードが出てくるので、電話番号の入力が名前の入力直後であれば、日本語のキーボードが出てきます。入力時に使うキーボードをあらかじめ設定するには、inputタグのtype属性の値を指定しましょう。※ただし、OSのバージョンやデバイス、ブラウザによって対応していないものもありますのでご注意ください。【チェックポイント4】タグの見直しを!表示をなるべく軽くスマホは表示まで5秒以上かかったらほとんどが離脱すると言われています。大きな画像や重いシステムはもちろんご法度ですが、忘れがちなのが、計測のためにたくさん入れた広告の計測タグです。外部にアクセスして情報を読みに行くタグは表示を重くする要因の1つになります。入れすぎて重くなったりしていませんか?もう使っていない計測タグがないか今一度確認しましょう。項目名は上に表示し1カラムにPCでは項目を横に配置し2カラムで表示する方法もありますが、スマホは限られた横幅の中で見やすくする必要があるので1カラムをおすすめします。項目名を入力項目の上に配置し、すっきり見せましょう。記入例は項目の中になるべく少ない表示領域でデザインを押さえたいので記入例は入力項目の中に入れましょう。して見やすいと同時に、どこの記入項目の例なのかも一目瞭然です。電話番号を明記スマホはそもそも電話。サイト内のボタン(電話番号)をタップするだけで電話ができるので、ユーザー側は非常に楽にアクションを行えます。入力に迷った人、入力していたら商品やサービスに質問が出てきたという人は一定層いますので、電話で対応すするのがおすすめです。記載するだけでなく、電話番号をタップしたら電話ができる「ボタン」として認識できるデザインにしましょう。まとめいかがでしたか?スマホEFOは「PCで確立されている基本的なEFOのセオリー」+「スマホのユーザビリティ」の2つに気を配りながら対策するものです。技術がまだまだ進化途中な上、新しいデバイスやOSがどんどん出ますので、その時々で最適な方法を考えていかないといけません。ランディングページWEBマーケティングの成果を上げたい方へウェブ部の運営団体である「株式会社メディックス」は、WEBマーケティングに関するコンサルティング及び代理店サービスを提供しております。メディックスは成果を上げるために、以下の点にこだわります。・ユーザー視点でのプランニング・マーケティングパートナーとしてのビジネススタンスウェブ部の内容に少しでも興味を持たれた方は、お気軽にお問い合わせください。-おすすめの関連記事EFOとは?入力フォームを最適化する方法とその効果インターネット広告や検索を通じてサイトを訪れたユーザーが、いざアクション(通販であれば購入、その他サ...要注意!ランディングページ(LP)の“もったいない”をなくす構成要素のポイントランディングページ(LP)は、インターネット広告やリスティング広告の受け口となるWebページのことで...CTRを上げるバナーデザインのコツ。