2

現在、HTML5 の新しい入力タイプは、

<input type="number"...>
<input type="email"...>
<input type="url"...>

フォームの送信時にユーザー入力が一致しない問題のあるテキストボックスに注目してください。

問題: ピントが合っている。ただし、フォームが送信されない理由をユーザーに伝えるのは非常に微妙な方法です。

何が問題なのかをユーザーに知らせるためのより良い解決策は次のうちどれですか。

  • 背景色を追加して、フォーカスされたテキスト ボックスに CSS を追加します。これはまだ微妙で、ユーザーは特定のテキスト ボックスがフォーカスされている理由をすぐには理解できない可能性があります。
  • エラー メッセージを表示するための Javascript 検証 (jQuery 検証プラグイン)。その場合、通常の入力タイプを使用して、ここですべてを行うこともできます。

提案は大歓迎です！

4

2 に答える 2

1

古き良きユーザビリティヒューリスティックによると：

エラー防止: 優れたエラー メッセージよりも優れているのは、そもそも問題の発生を防ぐ慎重な設計です。エラーが発生しやすい条件を排除するか、チェックして、ユーザーがアクションにコミットする前に確認オプションを提示します。

ユーザーがエラーを認識、診断、回復できるようにする: エラー メッセージは平易な言葉 (コードなし) で表現し、問題を正確に示し、建設的に解決策を提案する必要があります。

http://www.useit.com/papers/heuristic/heuristic_list.html

The best choice is to clearly notify the user about the error (not only where has happened, but also why...). Above that the UI should be clear enough to prevent the user from unallowed input.

IMHO you can use JQuery for error handling, still leaving html5 types, which are "semantically" better than ordinary input types.

于 2010-07-23T07:59:00.910 に答える
0

それらを赤くします。

于 2010-07-23T12:24:25.013 に答える