入力の負担を減らす (Form UX Principles)

フォームはコンバージョンの最大の障壁です。登録・購入・申込——ユーザーが目的を達成するために避けて通れないフォームが、入力の負担によって離脱を生んでいます。「なぜ生年月日が必要なの？」「なぜ電話番号を2回入力するの？」——不必要な項目、不明確なラベル、使いにくい入力欄が積み重なるたびに、ユーザーは離脱に近づきます。

よくある失敗は「情報は多いほど良い」という思い込みです。マーケティング部門は「できるだけ多くの情報を取りたい」と言い、開発者は「後で使うかもしれないから」と項目を追加します。しかし、1項目追加するごとにコンバージョン率は下がります。フォームの設計は「何を聞くか」ではなく「何を聞かないか」の設計です。

モバイルでのフォーム体験はさらに過酷です。小さな画面、タッチキーボード、片手操作——PCで5分のフォームがモバイルでは15分になることもあります。

1. 原則の定義

入力の負担を減らす（Form UX Principles）とは、フォームの項目数・入力方法・エラー設計・ラベル・キーボード設定を最適化し、ユーザーが最小限の労力で目的を達成できるよう設計する原則。

本質は「ユーザーに聞く必要があることだけを聞く」ことです。テスラーの法則（複雑さの保存則）が示すように、複雑さは消えるのではなく移動します。フォームの複雑さをユーザー側に押しつけるか、システム側が引き受けるかの設計判断です。

2. いつ使うか（適用場面）

特に重要になるケース

• 登録・サインアップフォーム: 初回登録は最初の摩擦。項目を最小限にし、後から追加収集する「プログレッシブプロファイリング」を活用する。
• 決済・購入フォーム: 離脱率が最も高いフロー。住所自動補完・クレジットカードスキャン・Apple Pay/Google Payで入力を最小化する。
• モバイルフォーム: タッチキーボードでの入力は苦痛。入力タイプ（inputmode）を適切に設定し、数字入力には数字キーボードを表示する。
• 長い申込・調査フォーム: 複数ページに分割し、進捗を可視化する。一度に全項目を見せない。

トレードオフが起きる場面

• データ収集ニーズとの兼ね合い: ビジネス上必要な情報とユーザーの入力負担のバランス。「今すぐ必要か」「後で聞けるか」「システムが推測できるか」を判断する。
• セキュリティと利便性: 強力なパスワード要件・2段階認証はセキュリティを高めるが入力負担を増やす。リスクレベルに応じて設計する。

3. なぜ重要か（設計判断の核）

フォームの設計は「何を聞くか」ではなく、「何を聞かないか」の設計である。

設計判断の基準

• 「この項目は今すぐ必要か？後で聞けないか？システムが推測できないか？」→ 不要なら削除する。
• 「ユーザーはこのラベルを見て、何を入力すればいいか即座に分かるか？」→ 分からなければラベルとプレースホルダーを改善する。

優先順位の考え方

• 1. 項目の削減（最優先）: 1項目削除するごとにコンバージョン率が上がる。「本当に必要か」を全項目に問い直す。
• 2. 適切な入力コントロール: テキスト入力より選択肢、選択肢より自動補完。ユーザーが「考えて入力する」量を減らす。
• 3. インラインバリデーション: エラーを送信後ではなく入力中に伝える。

例外条件

• 本人確認・KYC（Know Your Customer）など、法的・セキュリティ上の理由で必須の項目は削除できない。その場合は「なぜ必要か」を明示することで入力への納得感を高める。

4. 具体の設計ルール（チェックリスト）

最低ライン（Must - これ守らないと危険）

これがないと、フォームの離脱率が高止まりします。

すべてのラベルが入力欄の外に表示されているか: プレースホルダーだけでラベルを代替していないか？入力を始めるとプレースホルダーが消え、何を入力すべきか分からなくなる。ラベルは常に表示する。
モバイルで適切なキーボードが表示されるか: 電話番号欄ではinputmode="tel"、数字欄ではinputmode="numeric"、メール欄ではtype="email"を設定し、適切なキーボードが表示されるか？
必須・任意が明確に区別されているか: どの項目が必須でどれが任意かが一目で分かるか？「必須」マークより「任意」マークの方が少なければ、任意側にマークをつける方が視覚的にシンプル。

理想ライン（Better - できると強い/プロの品質）

「入力が苦にならない」「すぐ終わる」状態です。

住所・郵便番号の自動補完があるか: 郵便番号から住所を自動入力する、ブラウザのオートフィルが機能するようautocomplete属性が設定されているか？
入力形式の制約または自動補正があるか: 電話番号のハイフン自動挿入、全角→半角の自動変換など、ユーザーの入力ミスを吸収する設計があるか？
長いフォームが適切に分割されているか: 10項目以上のフォームは複数ページに分割し、進捗バーで「あとどれくらいか」を示しているか？一度に全項目を見せていないか？

5. UI例

同じ情報を収集するフォームでも、設計で入力体験が大きく変わります。

改善プロセス

1. 項目の棚卸し: フォームの全項目を「今すぐ必要」「後で聞ける」「システムが推測できる」「不要」に分類し、「今すぐ必要」以外を削除または後回しにする。
2. ラベルの見直し: プレースホルダーのみでラベルを代替している項目を特定し、常時表示のラベルに変更する。
3. モバイルテスト: 実機でフォームを入力し、各フィールドで適切なキーボードが表示されるか確認する。typeとinputMode属性を修正する。

6. 関連リンク

• 関連リファレンス（理論）: テスラーの法則, ポステルの法則
• 用語集（定義）: 段階的開示, インタラクションコスト
• 関連するUI原則（横）: 誤操作を防ぐ (Error Prevention), 一時停止・中断・再開 (Interruption Handling), アフォーダンス (Affordance)

7. まとめ

今日から直せる一手 担当しているフォームのすべての項目を書き出してください。「この情報は今すぐ必要か？後で聞けないか？」を問い直し、1項目でも削除してください。それだけでコンバージョン率は改善します。削除できない項目は「なぜ必要か」を添えてください。

チームに共有するなら一言 「フォームの設計は『何を聞くか』ではなく、『何を聞かないか』の設計だ。」