フォーム磨きも大事!スマホフォームでの最適な見せ方

フォーム磨きも大事!スマホフォームでの最適な見せ方

ソフトバンク・au・ドコモの方は、公式のオンラインショップを利用すれば頭金不要で通常のショップよりお得に購入できます。

こんにちは、最近、脱毛サロンに行ったら、これ以上日焼けするともう施術できませんと言われました。かもめです。

見た目を気にするなら、努力も必要だという事をひしひしと感じているこの頃。
そして見た目と言えば、フォーム。そこで今回は、前回に引き続き、スマホフォームの見せ方に関してです。

この記事「ブルース・リーに教わる、スマホフォームの改善」にもあるように、スマホフォームは、全体のページを短くしたほうが良いと言われています。

近年、スマホが普及し、ほとんどのサイトがスマホ対応していますよね。その中でも、スマホ対応の方法として、レスポンシブ対応があります。

レスポンシブ対応をしたフォームによく見られる、もったいないフォームの見せ方を紹介します。

もったいないスマホフォームのレイアウト表示

image06

ここでのもったいないポイントは、縦に項目が並んでしまってページ自体が長くなっていることです。

スマホフォームの良い表示例1

image04

こちらのフォームは、電話番号項目を1項目にまとめ、縦も短くすっきりとした印象です。

スマホフォームの良い表示例2

image05

3つの項目を横に並べ、縦に長くならないように工夫をしています。

レスポンシブ対応の落とし穴

レスポンシブ対応は、デザインが変わってもPCとコンテンツが同じ内容なので内容の修正が楽だというメリットもありますが、デバイスの大きさに合わせ、自由にデザインを変えることができず、デバイスの大きさによっては、今回ご紹介したような思わぬ落とし穴が出てくることもあります。

レスポンシブ対応をする時や、スマホサイトを作ろうとする時は見せ方にも要注意です!
これがフォーム磨きですよ!

スマホ対応を今後お考えの方は、是非、フォームコンバータもご覧ください!

ソフトバンク・au・ドコモの方は、公式のオンラインショップを利用すれば頭金不要で通常のショップよりお得に購入できます。

この記事を書いた人
アバター
かもめ
学生時代はバスケ部に所属。スピード派だったプレイスタイルは営業でも生かされ、お客さまの課題にするどく切り込んでいく。ゴール(CV)を上げるにはキレイなフォームが重要!

【週刊bitWave】(メルマガ)始めました!

登録はこちらからメールアドレスを入力してお申込みください。

ご登録いただいたメールアドレスは 【週刊bitWave】の更新情報の配信にのみ使用します。

個人情報の取扱いに関しては、「プライバシーポリシー」をご確認ください。解除はいつでもこちらから行うことが可能です。

あなたにおすすめ

  • フォームデザイン実証研究 送信ボタン編 こんにちは! 最近の悩みは山登りをするとひざの痛みが気になること、、、 本日のブログは自然派20代OLことミヤが担当させていただきます。 さて、サイトでCVを上げるためには徹底的にテストを繰り返していくことで …
  • CRO | コンバージョン率最適化の手法(第11回) 今回は「ランディングページの適した長さ」ついてご紹介させていただきます。 <前回のおさらい『CRO | コンバージョン率最適化の手法(第10回)』> ランディングページは長いほうが良い? 訴求ポイントだ …
  • 人もフォームも第一印象が一番だいじ!? こんにちは。最近アニメ鑑賞にはまっている川瀬です。 AmazonのFire TV Stickを購入してからというものの、映画もアニメもすべて無料で見放題のため、完全にインドア派となってしましました。。 さて、本日は入力 …
  • こんな落とし穴を救ってしまう!Protechシリーズ新商品誕生! こんにちは!きんにくんです。 Web担当者の皆さん、コンバージョン率をあげるために毎日試行錯誤しているのではないでしょうか。 弊社でもさまざまな角度から、コンバージョン率をあげることを目標としたサービスを提供して …