Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY.

Janko Jovanovic氏がSmashing MagazineにおいてWeb Form Validation: Best Practices and Tutorialsのタイトルのもと、Webフォームバリデーションに使われるテクニックを紹介している。サイトを訪れるユーザにフォームでの入力を求める場合、適切なデータを入力してもらう必要があるが、ユーザはときにミスを犯す。Webフォームバリデーションは、こうした入力ミスを検出してユーザにそれを気がつかせ、正しいデータを入力するように促すためのテクニックを指す。

いくつもの例をとりあげてテクニックが紹介されており、最終的にはプロジェクトに応じて適切なテクニックを採用する必要があると説明している。そして最後に、Webフォームバリデーションを設計するにあたって有益な次の規則が紹介されている。

  • サーバサイドバリデーションを省略しない
  • 混乱を招くようなバリデーションフォードバックは提供しない。明確にエラーを示し修正する方法を示すこと
  • ユーザにどの情報が必要なのかを考えさせないこと。入力必須フィールドは明確にわかるようにしておく
  • ポップアップやシングルページとしてバリデーションフィードバックを提供しないこと
  • デザインのよくないフォームを補う目的でダイナミックエフェクトを使わないこと
  • キャプチャを使う場合には音声サポートの提供とリロードできるようにするのを忘れないように
  • フォーム入力が成功裏の終了したことをちゃんとユーザに報告すること