このフォームを空白の状態で考えてみましょう。
次に、無効なエントリの例を示します。 Edgeのケースは別として、ほとんどのユーザーはフォームを適切に使用しようとするので、2つのフィールドを事前に入力しました。
これは完全に無効なバージョンです。
私は十分なフィードバックを提供していると思います。私はシンプルさを好み、過度の手持ちを避けます。私は、以下で十分であると考えます。
*
のleuで「(必須)」を使用できます。あなたのフォームを見て、私はあなたのフィードバックメカニズムについていくつかの懸念を持っています
最初の画像は、人が苦しんでいるときです緑盲/重度盲目
2番目の画像は、人が苦しんでいるときです赤盲/第1色盲
また このWebAimの記事では、残念ながらプロタノピアが最も一般的な色覚異常の形式であるとしています したがって、ユーザーを混乱させる可能性は十分にあります。
エラーの種類に関する情報は提供されていません:色を使用して何かが間違っていることを示しており、何が間違っているかについてのコンテキスト情報を提供していません。簡単な状況としては、ユーザーがを置くのを忘れた可能性があります。 testemail @ comのような彼の電子メールで、またはこのような間違った形式で電子メールを入力した可能性があります
「[email protected]」-スペース
"testmail @ yahoo、com"-コンマの使用
この場合、エラーを示すための色の使用を見て、エラーが表示されたことがわかりますが、検証エラーはわかりません
これは、ユーザーに通知するために色と検証メッセージを使用するフォームの例です
コメント列をとっても、コメント列は最小数の列を想定していると思います。文字数が少ないためにエラー状態が表示された場合、視覚的なフィードバックがないためユーザーは混乱します。
提案されたインターフェースに別の問題があるようです。空のフィールドを処理することはおそらく問題ないと思います。しかし、誰かがメールを間違って入力した場合、@を省略したり、@@を2つ入力したりするとどうなりますか?あなたの計画では、彼らが入力したものを消去して、もう一度入力させる必要があると思います。ユーザーは、正しくないエントリを編集できる必要があり、新しく開始する必要はありません。