it-swarm.com.de

Ist es besser, ein Symbol vor Validierungsnachrichten zu haben?

Form validation with images

Wie Sie im obigen Bild sehen können, befindet sich vor dem Text ein Validierungssymbol. Das ist unnötig, aber ich dachte, es wäre gut, die Aufmerksamkeit auf sich zu ziehen.

Form validation without images

Wenn es kein Symbol gibt, ist immer noch klar, dass ein Validierungsfehler vorliegt, aber ich bin mir nicht sicher, ob es besser ist, die Symbole zu haben oder nicht.

20

Ein Symbol ist ein zusätzlicher visueller Hinweis für den Benutzer, dass etwas seine Aufmerksamkeit erfordert.

Dies kann an Stellen nützlich sein, an denen die Seite auf einem Gerät mit geringem Kontrast angezeigt wird oder wenn der Benutzer eine Art Farbenblindheit aufweist, um auf die Meldung aufmerksam zu machen, die sich sonst möglicherweise in die übrigen Informationen auf der Seite einfügt.

Wenn Ihr Design dies durch Hinzufügen nur des Textes deutlich genug macht, können Sie ihn möglicherweise weglassen. Wenn es wirklich wichtig ist, möchten Sie möglicherweise Tests ausführen, um festzustellen, welche Benutzer am auffälligsten sind.

Das Symbol kann auch als Haken dienen, um einen erklärenden Tooltip oder einen Link zu Hilfeseiten usw. zu platzieren.

26
ChrisF

A List Apart hat tatsächlich einen großartigen Artikel: Inline-Validierung in Web Forms wobei die leistungsstärkste Inline-Validierungsmethode tatsächlich immer Symbole anzeigt nach der Validierung; ein grüner Kreis mit einer Erfolgsprüfung und ein roter Kreis mit einem Ausrufezeichen für einen Fehler sowie roter Text für Fehler.

Mit dieser Methode kann das Symbol sofort eine Rückmeldung über Erfolg und Misserfolg geben. Durch Überfliegen der Symbolspalte können Sie Ihre Fehler anzeigen (die einzigen mit Text). Das Erfolgssymbol gibt eine zusätzliche Bestätigung, dass das Feld ausgefüllt und ausgecheckt wurde.

Im Vergleich zu unserer Kontrollversion zeigte das Inline-Validierungsformular mit der besten Leistung überzeugende Verbesserungen bei allen von uns gemessenen Daten. Insbesondere haben wir gesehen:

eine 22% ige Steigerung der Erfolgsquote,
22% weniger Fehler gemacht,
eine 31% ige Steigerung der Zufriedenheitsbewertung,
eine Verkürzung der Fertigstellungszeiten um 42% und
47% weniger Augenfixierungen.

Hier ist eine Video-Demo ihrer Inline-Formularvalidierung , die in Tests am besten abschneidet.

Hinweis: Bei einem Formular mit einer großen Anzahl optionaler (oder nur optionaler) Eingaben ist eine erfolgreiche Validierung möglicherweise nicht hilfreich.

12
Ben Brocka

Aufgrund von "Blindheit ändern" ist es nützlich, dieses Symbol zu haben.

8
Steffen Kastner

Es besteht die Möglichkeit, dass die Leute die Fehlermeldungen nicht so schnell lesen. Daher hilft das Symbol, ihre Aufmerksamkeit schneller zu erregen, insbesondere bei Validierungen, bei denen alle Fehlermeldungen in einer einzigen Zeile oben angezeigt werden. Ihr Beispiel zeigt eine mehrstufige Fehleranzeige. In diesem Fall ist dies möglicherweise nicht erforderlich.

Abgesehen davon denke ich nicht, dass es die Benutzeroberfläche in irgendeiner Weise beeinflussen würde.

1
sree

Beim Entwerfen der Benutzeroberfläche für ein System hatte ich ein ähnliches Problem, aber letztendlich entschied ich mich für die Symbole. Einige Leute sind farbenblind und glauben es oder nicht, aber sie würden es ohne Symbole wirklich nicht bemerken, bis sie es mit großer Konzentration tun. Auch wenn sie nicht farbenblind sind, möchten viele Menschen ihre Zeit nicht damit verbringen, Formulare auszufüllen. Also scrollen sie einfach nach unten und klicken auf "Senden". Wenn es nicht gesendet wird, werden sie frustriert und suchen nach Fehlern. Die Verwendung von Symbolen würde sie auf den Fehler aufmerksam machen, den sie gemacht haben, sobald sie ihn ausgefüllt haben (Live-Validierung), oder die Zeit für die Suche nach ihnen sparen, nachdem sie auf Senden geklickt haben.

1
xaragen