web-dev-qa-db-ja.com

必須フィールド検証エラーメッセージ–フィールドの横とポップアップの比較

このアプリケーションでは、すべての必須フィールドにアスタリスクを付け、ユーザーがすべての必須フィールドに値を指定せずにアクションを実行しようとすると、フィールドの横にエラーメッセージが表示され、値が欠落しています。

ここで、ユーザーは、フィールドの1つに必要なフィールド検証を削除し、フィールドの値を要求するポップアップを表示することを望んでいます。

UXの観点からは、ポップアップは本当に悪いと聞いています。したがって、ポップアップが不良であることをユーザーに伝え、フィールドの横にエラーメッセージを表示し続ける必要がありますか、それともこの特定のインスタンスにポップアップを表示してもよろしいですか?

3
sthotakura

上記のコメントはすでにこれに対処していますが、一般に、エラーの箇所をインラインで強調するのが最善です。

したがって、フォームに複数のフィールドと下部に一連のコントロール([保存]や[キャンセル]など)がある場合、エラーメッセージで不適切なフィールドが強調表示され、そのフィールドにインラインでエラーを修正する手順が表示されるのが理想的です。

一部のパターンは、フォームの上部または下部に目立つ警告メッセージを配置します。

いくつかの例については、 http://uxdesign.smashingmagazine.com/2012/06/27/form-field-validation-errors-only-approach/ を参照してください。

2
RobC