入力ボックスの背景画像
最近、Webの入力ボックスで背景画像の処理を適切に調整して実験しています。このタイプの実装には経験則がありますか？
状況に応じたフィードバックや注意散漫と見なされますか？
例：
| _____________ | <-初期状態
| __________ X_ | <-悪いフィードバック
| __________✔_| <-良いフィードバック
それが良いフィードバックになるまではXでしょうか？
もしそうなら、私はその部分を変更します。良いフィードバックとして認識されるまで何も表示しないでください。フォーカスが外れたときに、悪いフィードバックがないか確認してください。
彼らはまだ答えに取り組んでいる間、人々はネガティブを好まない。それはしつこい母親のようなものです。
フィードバックを提供することは良いことです-それは彼らが進歩していること、そしてシステムがまだ生きていることをユーザーに確認します。
私はそれをフィールドの外と右に移動します（すみません、ベニー）。私がこれを言うとき、私はそれが英語のウェブサイトであると思います-私たちは左から右へ読んでいます。フィードバックをフィールドの左側に置くことは、私の注意を後退させ、自然な読書の流れを助けていない-それは、パスに不必要なハードルを置く。
良い例についてはTwitterのサインアップをご覧ください。 https://Twitter.com/signup
フィードバックは入力ボックス内ではなく、右側に配置する必要があると思います。そして、私はあなたが異なる入力テキストボックスに異なるフィードバックを持っているべきだと思います。パスワードボックスでは、入力するときにパスワードがどれほど強力であるかを常に確認できます。社会保障番号について（これは難しいことが多い）、ユーザーが入力を停止したとき（おそらく1秒のタイムアウト）に、正しくない入力に対するフィードバックが役立つと思いますが、正しい場合は直接正しいことを明記する必要があります。他のテキスト入力では、@ jonshariatが言うように、焦点が合っていない状態で検証を待ちます。
人がフィールドからぼやけているので、フィールドに「無効な」スタイルを適用しました。私が使用したスタイルは、フィールドに対して大胆で赤い輪郭と '！'でした。右端のアイコン。
フォームに記入するときに報酬を与えるのはいいことですが、すべてのフィールドの状態を変更すると、少し気が散ることがあります。主な目的は、送信する前に無効なフィールドをキャッチできるようにすることです。そのため、エラーに限定することができます。
一部のブラウザでは、検索フィールドをクリアするためのクリック可能なインタラクションとして「x」アイコンが提供されているため、「x」は避けます。