← Lab2.jp

残念な入力フォーム

残念なログイン・入力フォームの事例と解説

巷に溢れる、残念なログイン・入力フォームの数々。

大勢の人が入力するものなので、フォームの設計者は原則に則った仕様で作成するべし。

簡単に言えば、入力を変に強制したり分割するのはうざいって話です。

電話番号フォーム

× ダメな例

電話番号

--
○ 改善例

電話番号

市外局番とか本当に区別する必要ありますか?

区切る必要のないものを区切るのはやめましょう。

  • マウスなどで項目をまたぐ場合に手数が増えてしまう
  • 自動入力などで入る場合も多いので入力欄は1つで良い

郵便番号フォーム

× ダメな例

〒郵便番号 例:100-0001

(ハイフン「-」で区切って全角数字で入力してください)

○ 改善例

郵便番号

ハイフンなしでOK。システム側で自動整形します

なぜ全角指定? なぜハイフン必須?

ハイフンは似たような記号(−, ー, ―)を間違えて入れる人も多い。入力形式を強制するのはいけてない。

ハイフンあり・なし、全角・半角、どれで入力されてもシステム側で正規化すればよい。ユーザーに形式を強制する必要はない。

お客様番号フォーム

× ダメな例

お客さま番号(4桁-4桁-5桁・半角)

--

「お客さま番号」の桁数は4桁-4桁-5桁(半角数字)です。

○ 改善例

ログインID(メールアドレス)

または電話番号でもログイン可

銀行や公共サービスにありがちな「支店番号-口座番号」「お客様番号」でのログイン。

そもそも、なぜ覚えにくい番号をログインに使わせるのか?

  • ユーザーが設定したID(メールアドレス等)でログインさせる
  • 口座番号は内部で紐づければよい
  • 全角/半角、ハイフンの有無はシステム側で吸収
  • どうしても番号を使うなら、せめて1フィールドで

2026年にもなって「4桁-4桁-5桁(半角)」を強制するのは怠慢。

パスワード設定

× ダメな例

パスワード(新規設定)

パスワードは10桁までです。大文字、小文字、数字、記号を含めてください

○ 改善例

パスワード(12文字以上推奨)

うーん。記号含めてと言われても、使用する記号ってだいたい限られますよね。ということは総当たりに弱くなってしまいます。

記号を含めたパスワードを強制するなら、せめて10桁以上のパスワードにしましょう。

メールアドレス再入力

× ダメな例

メールアドレス(再入力)

メールアドレスの再入力が空欄です

○ 改善例

メールアドレス

確認メールを送信します

メールアドレスの再入力って本当に意味ありますかね。間違える人はどうせ何回でも間違えるんです。

住所や電話番号に再入力欄がないのはなんでですか?

コピペ禁止とかおおきなお世話です。確認メールを送信するとか、入力チェックぐらいで良いでしょう。

住所フォーム

× ダメな例

都道府県

市区町村

番地

ビル名・部屋番号

○ 改善例

郵便番号

住所

郵便番号記入するんだったら、番地から下で良いじゃんと思う。

しかしそれを言い出すと、普通に考えて「電話番号みたいに、宛先に固有の郵便番号を付与してくれれば良いはず」とまで思う。人生で何百回か記入・入力するわけでしょ?不毛すぎる。

まあ気を取り直していうなら、住所は1〜2つのフォームで良いと思う。地域別に集計したいなら郵便番号使えば良いし、郵便物送りたいなら「郵便番号」「住所」の2つの入力欄があれば十分。

原則