Ajaxによるエラーチェックの注意点 (ユーザビリティ実践メモ)

入力フォームについて、最近ではAjaxを用いることで、「送信」ボタンをクリックする前にエラーチェックをする手法が使われるようになっています。 今回はリアルタイムでフォームのエラーチェックを行う場合の注意点について考えてみます。 あまり良くない例：Remember the Milkの登録画面 http://www.rememberthemilk.com/signup/ ユーザ名を入力する欄では、入力と同時にエラーチェックが行われるため、多くの場合1文字目からエラーが表示されます。 2文字目を入力すると即座にエラーメッセージが更新されます。 ユーザが当初から自分のユーザ名として考えていた「bebittaro」を入力し終えると、利用可能である旨のメッセージが表示されます。 上記は入力に対しリアルタイムでフィードバックを返すことで誤入力を避けようという工夫ですが、ユーザが入力を終える前にエラー表示

[ishinoji]

そうかな？　ユーザーは実際に、一文字ずつぽちぽち入力するかい？

[Akaza]

リアルタイムバリデートに反感を持つユーザーの存在。

[noriaky]

エラーチェックをかけるタイミング

[hiro_y]

リアルタイムで入力チェックを行うことがよい場合、悪い場合。

[nshash]

久々にユーザテストを通してない実践メモを見た、再チェックはajaxが有効だと思うけど初回チェックは普通にボタン使ってもらって良いんじゃないかな / 関係ないが、下部のフィードバック欄は意味があるのかな…

[leva]

久々にユーザテストを通してない実践メモを見た、再チェックはajaxが有効だと思うけど初回チェックは普通にボタン使ってもらって良いんじゃないかな / 関係ないが、下部のフィードバック欄は意味があるのかな…

[aratako0]

これ、意見割れると思うな－。次のフィールドに移動してからチェックされるということはもしダメだったらフィールドを戻らないといけないってことだよね。

[airoplane]

関係なくて恐縮だが、yahooのフォームではここを見てほしいｗ http://airoplane.net/2008/02/27/yahoous.html

[k_k1]

「重複のチェック」と「入力の有無のチェック」では動作も違ってくるんじゃないかなぁ・・・良し悪しじゃなくて／げにユーザビリティは複雑怪奇なり

[p_chopin]

リテラシーの問題の気もする／RMは途中でチェックしてもらった方がありがたいユーザ層が多いとか

[youhey]

Ajaxでエラーチェックの注意点@WEBフォームのUI設計