it-swarm.com.de

Wie werden Anmelde- / Registrierungsfehler angezeigt?

Ich habe auf meiner Website ein Anmeldeformular und ein Anmeldeformular in diesem Format:

Username: [        ]
Password: [        ]
   Email: [        ]

Es gibt mehrere Möglichkeiten, den Benutzer über ungültige Registerdaten zu informieren:

1) Wenn der Benutzer einen ungültigen Benutzernamen eingibt, ändern Sie die Bezeichnung des Benutzernamens von schwarz in rot.

2) Zusätzlich kann ein Site-Administrator in jedem Textfeld ein Wasserzeichen anzeigen, um eine gültige Eingabe anzuzeigen.

3) Dem Formular kann ein Etikett vorangestellt oder angehängt werden, auf dem der Grund für den Fehler angegeben ist. Nachdem die Übermittlung vor dem Benutzernamen oder nach der E-Mail fehlgeschlagen ist, wird beispielsweise Folgendes angegeben: "Der eingegebene Benutzername ist ungültig. Darf nur alphanumerische Zeichen enthalten."

4) Ebenso könnte die Fehlermeldung rechts neben dem Textfeld positioniert sein, das dem falschen Eingabewert zugeordnet ist. Wenn der Benutzername beispielsweise falsch war, wird rechts neben dem Textfeld Benutzername in Rot möglicherweise "Eingegebener Benutzername ist ungültig. Darf nur alphanumerische Zeichen enthalten."

Ich bin sicher, es gibt viele andere Möglichkeiten, dies zu tun. Das einzige Problem, das ich bei der ersten Methode sehe, ist, dass sie möglicherweise nicht so farbenblind beurteilt werden kann. Bei allen anderen Methoden werden zusätzliche Beschriftungen mit Nachrichten erstellt, die dem Benutzer angezeigt werden.

Wie würde User Experience dieses Problem lösen? Was ist die eleganteste Lösung für dieses häufige Problem?

7
John Smith

Lesen Sie Web Form Design: Ausfüllen der Lücken von Luke Wroblewski. Ich denke, es wird Ihnen helfen, alle Fragen und Überlegungen, die Sie haben, durchzuarbeiten und Entscheidungen auf der Grundlage der Daten zu treffen, die Luke in dem Buch zur Verfügung stellt.

Führen Sie auch eigene Benutzerrecherchen durch, um herauszufinden, welche Art von Fehlerfeedback für Ihre Benutzer und Ihr Formular-Design am besten geeignet ist.

Es ist im Allgemeinen der beste Weg, so viel Feedback wie möglich zu geben. Verlassen Sie sich niemals auf eine einzelne Form von Rückmeldung, die falsch interpretiert werden könnte (z. B. eine Farbe, die für farbige Blinde nicht von Nutzen ist). Seien Sie immer explizit, was bedeutet, dass es nicht ausreicht, nur die Farbe des Rahmens zu ändern.

Idealerweise möchten Sie dem Benutzer [~ # ~] mitteilen, was [~ # ~] falsch ist, [~ # ~] warum [~ # ~] es falsch ist und [~ # ~] wie [~ # ~] Der Benutzer kann es korrigieren. Im Fall eines bereits vergebenen Benutzernamens möchten Sie beispielsweise das mitteilen. Dies ist falsch, indem Sie das Feld auf zugängliche Weise markieren (rot machen, Rand dicker machen, ein platzieren) Symbol daneben), dass es bereits vergeben ist durch Schreiben von "Dieser Benutzername ist bereits vergeben" in ein Etikett und welche Lösungen gibt es wie das Schreiben von Vorschlägen für noch verfügbare Benutzernamen: "Der Benutzername 'johnsmith' ist bereits vergeben. Versuchen Sie es mit johnsmith123, john_smith, johnsmith1010, ...".

Überspringen Sie das Feedback, ob ein Feld gültig ist. Obwohl Sie im Fehlerfall so klar wie möglich sein sollten, ist es im Wesentlichen keine Information, dem Benutzer mitzuteilen, dass ein Feld gültig ist, da ich bereits davon ausgehe, dass das Feld korrekt ist, wenn es nicht in der Fehlerrückmeldung behandelt wird. Ihre Benutzer sind jedoch möglicherweise anderer Meinung. Testen Sie daher verschiedene Alternativen.

2
Rahul

Heutzutage sollte eine gute Form Feedback in Echtzeit geben. Natürlich sollten Sie auch eine Fallback-Version haben. Idealerweise sollte der Benutzer kein Registrierungsformular einreichen, um herauszufinden, dass etwas nicht stimmt. Ein typisches AJAX Fortschrittssymbol könnte neben dem Eingabefeld angezeigt werden, das angibt, dass eine Kommunikation mit dem Server stattfindet. Wenn das Feld die Kriterien erfolgreich erfüllt, kann das Fortschrittssymbol durch einen Erfolg ersetzt werden Anzeigesymbol, wie ein Häkchen oder etwas anderes. Alternativ kann es einfach verschwinden, um anzuzeigen, dass alles in Ordnung ist. Wenn die Kriterien jedoch nicht erfolgreich sind, sollte die Nachricht angezeigt werden. Die Nachricht sollte eine Beschreibung enthalten, warum sie nicht erfolgreich ist sowie eine Anleitung zur Behebung des Problems. Die Fehlermeldungen können sowohl fett als auch rot angezeigt werden, um die Aufmerksamkeit darauf zu lenken. Ich persönlich finde, dass ein Schreibmaschineneffekt auf Fehlermeldungen dazu beiträgt, die Aufmerksamkeit darauf zu lenken, wenn ein menschliches Auge dazu neigt Bewegung zuerst sehen.

0
Denzo

Ein paar Gedanken:

  1. Machen Sie die E-Mail-Adresse zur eindeutigen Kennung und haben Sie nur zwei Felder. Zu diesem Zeitpunkt ist dies ziemlich üblich. Es eliminiert 33% Ihrer Form.
  2. Verwenden Sie openID. StackExchange macht das und es funktioniert wirklich gut. Warum braucht jemand ein anderes Site-Passwort?
  3. Check out wie Twitter es macht . Ihre Anmelde-Interaktion ist großartig (meiner Meinung nach). Kopieren Sie genau das, was sie tun. Es klappt.
0
Glen Lipka