スマートフォン向けフォーム作成を行う際に確認すべき5つのポイント

Webフォーム
Webフォーム

スマートフォンによるネット利用が一般化したことで、いまやどのようなウェブサイトでもスマートフォンの表示形式に最適化することは当然のこととなっています。
ところが企業のお問い合わせフォームなどの各種入力フォームでは、まだまだスマートフォン対応が十分に進んでいません。
このため未導入の企業は早めの対策が求められているといえます。 本記事では、スマートフォン向けフォームの導入を便利なツールで進める際のチェックポイントを5つご紹介します。

スマートフォンに対応できるWebフォーム作成ツールならクライゼルのスマホ対応Webフォーム作成機能をご利用ください。

サイト離脱者防止のため、スマートフォン向けEFO対策は必須

スマートフォンなどのモバイル端末とPCでは液晶画面の幅が大きく異なります。
PCサイト向けフォームをスマートフォンで表示すると、PCで閲覧した時と比べてボタンやテキストボックスなど各フォームパーツが縮小表示されます。
パーツが小さければフォームの視認性が落ちますし、ユーザーによる誤操作を誘引しかねません。
また不便なフォームはユーザーに強いストレスを与えるため、サイトからの離脱者を増加させる原因にもなります。
このためスマートフォンユーザーのコンバージョン率を高めるためには、フォームデザインをスマートフォン表示に最適化するEFO対策を講じなければなりません。
EFO対策を行うにはフォーム作成ツールが必要になります。 ただし実際にフォームを作る際には、事前に確認すべきポイントがいくつかありますので、以下で紹介していきます。

高機能なWebフォーム&メール配信が1つに!
初期費用無料・月額1万円のクライゼルライト新登場

フォームを作成する際に気を付けたい5つのポイント

ポイント(1):ツールのマルチデバイス対応を確認

基本的なことですが、まずは導入検討中のフォーム作成ツールがマルチデバイス対応しているかを確認しましょう。
PCだけではなく、iPhoneやAndroidなどのスマートフォン表示に対応したフォームが作れるかを事前に調べておくことが大切です。
また、スマートフォン以外にも携帯電話など各種モバイル端末にも対応しているか確認してください。携帯電話の場合、auやdocomoなど各キャリアによって表示形式が異なる可能性もあります。
これらの点もあらかじめチェックしておきましょう。

ポイント(2):フォローメール設定や自動差し込み機能の存在

フォーム作成ツールによっては、アクセスしてきたユーザーのユーザーエージェント情報を自動識別する機能を搭載しているものがあります。
この機能を使えば、PCでアクセスしてきたユーザーにはPC用フォームを、スマートフォンでアクセスしてきたユーザーにはスマートフォン用フォームをそれぞれ表示させることが可能です。
ユーザーの使っている端末に応じたフォームを自動的に振り分けて表示できる便利な機能です。
キャンペーン用応募フォームなど、多様な端末からの流入があらかじめ想定される場合に役立ちます。

ポイント(3):入力エリアやボタンを大きめに作る

ユーザーが操作しやすいフォームを作るためには 回答入力用のテキストボックスや各種ボタンを大きめに設計しておく必要があります。
サイズの小さなテキストボックスはタップしづらく、回答を入力しようとしたユーザーに不要なストレスを与えてしまう原因となります。
おおよその目安として、フォーム上に表示される文字の2倍程度の大きさでボックスサイズを設計しておくとよいでしょう。
またボタンの場合、大きめのサイズで作ることはもちろん、そのボタンがタップできることを視覚的にわかりやすく表しておくべきです。
ボタンに色を付けるほか、影を付けて背景との境界線を設けるなど工夫を盛り込み、ユーザーがそのボタンをタップできることをしっかりと示しましょう。

入力エリアやボタンを大きめに作るポイント

  • フォーム上に表示される文字の2倍程度の大きさのボックスサイズで作成する。
  • ボタンに色を付けさらに線や影を付けて背景との境界を明確にし線をつけ、ボタンがタップできることを視覚的にわかりやすくする。

ポイント(4):入力文字数と設問数は最小限に

スマートフォンでのテキスト入力は全て指先で行うため、PCでの操作時よりも大きな負担をユーザーに与えることになります。
このためスマートフォン向けのフォームを作成する時は、出来る限りユーザーの入力回数を減らせるように設計すべきです。
まずはフォームの入力文字数や設問数を見直し、削れる箇所はできるだけ削っていくなどの対策が必要となります。
このほかにも、テキストボックスではなくプルダウン方式の選択回答式設問を設置する郵便番号から自動的に住所取得を行い住所記入欄に入力してユーザーの手間を省力化する対策も考えられるでしょう。

ユーザの入力回数を減らすための対策

  • テキストボックスではなくプルダウン方式の選択回答式設問を設置する。
  • 郵便番号から自動的に住所取得を行い住所記入欄に入力してユーザーの手間を省力化する。

ポイント(5):なるべく画面をスクロールさせない

PCでサイトを閲覧している場合、スクロールが必要なサイトにアクセスすると、ブラウザの画面端にスクロールバーが出現します。
しかし最近のスマートフォン向けブラウザの仕様では、スクロールバーは常に表示されるようにはなっていません。
このためテキストボックス内部にスクロール領域を設けるフォームデザインを設計してしまうと、スマートフォンユーザーにとって入力しづらいフォームとなってしまいます。
スマートフォン向けフォームを制作する際には、必ずユーザーにスクロールバーが見えていないことを前提に設計するのが望ましいでしょう。

画面をスクロールさせないためのポイント

  • ユーザーにスクロールバーが見えてないことを前提に設計する。

スマートフォンサイト用フォームの作成時のまとめ

スマートフォン利用が一般化した現在、企業サイトの入力フォームをスマートフォン向けに最適化する作業は避けて通れません。
スマートフォン向け入力フォームは、フォーム作成ツールを使うことで簡単に制作できます。
実際にフォームを作る際には各種フォームパーツを大きめのサイズで作り、またツールの自動振り分け機能を活用するなどいくつかの工夫を盛り込む必要があります。

フォーム作成ツールはクライゼル

なお、現在は、多種多様なフォーム作成専用ツールが存在しており、自社に本当に必要なサービスを選ぶことに悩まれることも多いでしょう。

フォームは個人情報を扱う機能のため、事業・経営リスクを回避するためにも、堅牢なセキュリティ環境が特に大切であると考えます。

その点、クライゼルを提供するトライコーンは、第三者機関の認証

  • ISO/IEC27001
  • ISO/IEC27017
  • Pマーク

を取得し、高セキュリティなサービス提供を行っています。

また、新しく登場したライトプランでは、 Webフォーム作成とメール配信に特化し、上位プラント同じセキュアなシステムを月額1万円で利用できるようになっています。

クライゼルライトからクライゼルにはいつでもアップグレードも可能。

とにかく安価にフォーム作成ができればよしとするのか、本格的な顧客データベースとしてセキュアに運用できる土台を持った多機能なシステムを使うかによって、選択肢は自ずと変わります。

あくまで自社の目的を踏まえて比較検討するようにしましょう。

月額1万円で Webフォームとメール配信に求められる機能を網羅!
セキュアな運用環境で選ぶ「クライゼルライト」

弊社の多彩な業務で使える高セキュリティなCRMプラットフォーム「クライゼル」のカタログは下記からダウンロードいただけます。機能・料金表の記載もありますので、ぜひご覧ください。
トライコーンラボ編集部

トライコーン株式会社 データ・マーケティング部
BtoBマーケティングにおける自社ノウハウや、お客様のDXを促進する情報を発信します。

トライコーンラボ編集部をフォローする
トライコーンラボ
タイトルとURLをコピーしました