検証メッセージの配置
ラベルまたはコントロールの横に検証メッセージを置く方が良いですか？
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
更新：明確にするために、必要に応じてフィールドをマークすることは言及していません。ユーザーが必須フィールドを空白のままにした後にメッセージを表示することを指します。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
どちらがより際立っていますか？ :)
ラベルの横に配置された検証メッセージは、タイポグラフィの手段と、アイコンを追加することを決定した場合はマイナーな視覚的手段によって区別されます。しかし、一見して目立つことはなく、長いレーベルのように見えるかもしれません。これを0.5秒間ユーザーに表示すると、多くの場合、拒否されたフィールド、またはフィールドがあったかどうかを確実に言うことができません。
その場所のために目立つメッセージは、上記のすべての手段と、場所の追加の際立った特性を持つことができます。それは飛び出し、そのテストでより良いパフォーマンスを生み出します。
それは重要ではありません...文脈上、「次の」が重要です（近接の原則）、生物学的に、それが赤い場合、そしてフォントは十分太字（幅広）で、どちらの距離も問題ありません。
これは「 中心の画像 」（Photoshopのレンズぼかしを使用して作成され、最初のフィールドの左側に焦点を当てた放射状グラデーションで、中心窩の焦点はモニター上で約1 cmになると予想されます）。要するに、これはユーザーが実際に目にするものです。
背景資料が必要な場合は、Designing with the Mind in Mindの第6章が参考になります（他の書籍もいくつかあります）。具体的には、Jeff Johnsonの例図6.8と図6.9はどちらもシナリオであり、どちらも問題ないと述べています。
ページをスキャンするとフォーカスが常に変化し、時にはバックトラックします。全体的なレイアウトとデザインは、最初のスキャン中に簡単に理解できる必要があります。最初のスキャンの後、ユーザーは個々の要素に記入するときに、それらに焦点を合わせ始めます。ぼかし技法はアートから借用され、トーン、コントラスト、全体的な形、および空白を評価するために使用されます。単一の要素で使用することが有効かどうかはわかりません。いくつかの要素が必要であることの表示は、フォームの邪魔にならないように、できるだけ非侵襲的である必要があります。追加のインジケーターはフォームを使いにくくします。すべての必須フィールドを（太字ではなく）赤いアスタリスクでマークすることは、慣習的で視覚的に煩わしさがありません。フォームのイントロでこれに言及できますが、とにかく広く理解されています。