Wie soll die erforderliche Feldvalidierung visuell gehandhabt werden?
Hinweis: Angenommen, das Sternchen ist rot
*Name:[_______________]
oder
Name:*[_______________]
oder
Name: [_______________]*
oder
Name: [____red bg____ ]
oder
Name(<- font color red): [_______________]
oder
Du sagst mir einen besseren Weg!
Es gibt nie eine richtige oder falsche Antwort auf diese Art von Fragen und vieles hängt von den Personas Ihrer Benutzer (Ingenieure vs. Power-User vs. Tante Alice, die nie einen Computer benutzt haben) und dem Kontext ab.
Eine allgemeine Regel ist zu verwenden
label [input ] [validation ]
Verwenden des Validierungsbereichs für ein rotes Sternchen zur Angabe eines erforderlichen Felds oder einer Fehlermeldung nach der Validierung des Formulars (oder beider).
Auf der Simply Accessible-Website finden Sie eine gute und präzise Beschreibung der erforderlichen Formularfelder: http://simplyaccessible.com/article/required-form-fields
Es hängt sehr von verschiedenen Faktoren ab.
Fallstricke:
Ich dachte, Sie interessieren sich vielleicht für die neuesten Forschungsergebnisse von Baymards: http://baymard.com/blog/required-optional-form-fields
Die Zusammenfassung lautet:
Und ihre Empfehlung:
Das Beibehalten des Sternchens kann nützlich sein, anstatt nur eine farbbasierte Anzeige (+1 für Barrierefreiheit). Geben Sie auch ein Titelattribut in das Sternchen ein, z. <span title = "Erforderliches Feld"> * </ span>
Dies ist wahrscheinlich sowieso notwendig, um es angemessen zu gestalten
Ich denke nicht, dass die Sternchenposition kritisch ist - seien Sie einfach konsistent!
Ich glaube, ich habe all das irgendwann getan. Was ich in letzter Zeit erlebt habe, ist etwas, das mehr Arbeit erfordert, aber ich denke, es ist besser für den Benutzer. Grundsätzlich geben Sie eine kleine rote Popover-Box mit einem stumpfen Pfeil, der auf das betreffende Feld zeigt, und teilen ihnen mit, dass es sich um ein erforderliches Feld handelt. Wenn Sie es in einer hellen Farbe über dem Feld anzeigen, wird der Punkt meiner Meinung nach gut vermittelt, ohne den Fluss des restlichen Dokuments mit eingefügtem Inhalt oder fettem Text zu verändern.
Es wird komplizierter, wenn Sie mehrere Fehler haben. An diesem Punkt ist die Anzeige mehrerer Popover sehr unübersichtlich. Sie entscheiden sich entweder dafür, nur den ersten Fehler oder nur jeweils einen Fehler anzuzeigen, und sobald einer der Konflikte behoben ist, wird der nächste Fehler angezeigt .