フォーム設計のコツへ

スマホで入力しやすいフォームにするチェックリスト|モバイル対応のコツ

フォーム回答の多くはスマホから

お問い合わせフォームやアンケートは、PCよりもスマホで回答されることが多くなっています。PC画面で見やすく作ったフォームでも、スマホで開くと入力しづらく離脱の原因になっていることがあります。

チェックしておきたいポイント

  • 1行の入力欄の横幅が画面からはみ出していないか
  • 電話番号・郵便番号の入力に適したキーボード(数字キーパッド)が自動で表示されるか
  • 選択肢が多いプルダウンは、タップしやすい大きさになっているか
  • ラジオボタン・チェックボックスの余白が狭すぎて誤タップしないか
  • 必須項目のマークや入力エラーが、スクロールしても見失わないか
  • 送信ボタンの位置が分かりやすく、誤タップを招く配置になっていないか

入力の手間を減らす工夫

住所は郵便番号から自動入力できるようにする、日付はカレンダー形式で選べるようにするなど、手入力の手間を減らす工夫も離脱防止につながります。項目数が多い場合は、一画面に詰め込まず、ステップフォームで数ページに分けるのも有効です。

実際にスマホで確認する習慣を

フォームを公開する前に、必ず自分のスマホから実際に入力してみましょう。作成したフォームはスマホ表示に自動で最適化されますが、選択肢の文言が長すぎて折り返しが多くなっていないかなど、見た目のチェックは公開前に一度行っておくと安心です。

この記事をシェア

https://rakufo.com/support/detail/117
X LINE

Welcome back

おかえりなさい

メールアドレスとパスワードでサインイン

Googleでログイン

Get started free

アカウントを作成

メールアドレスや Google 連携を使ってRAKUFOをご利用ください(無料)。

Googleで無料登録