Usability in der Praxis - Fehlertoleranz in Formularen

Fehlertoleranz ist ein Grundsatz der Dialoggestaltung. Wie wird dieser in einem Formular angewendet?

Fehlertoleranz ist ein Grundsatz der Dialoggestaltung (siehe ISO 9241:10). Mit Fehlertoleranz ist gemeint, dass die Applikation dem Benutzer klare Rückmeldungen für die Korrektur gibt. Ausserdem sollen mögliche Fehler erkennbar und dadurch vermieden werden können.
In Formularen kann das wie folgt umgesetzt werden.

- Pflichtfelder als solche kennzeichnen, üblicherweise wird dies mit einem Stern (*) gemacht.
- Wenn eine Eingabe in einem bestimmten Format erfolgen muss, soll das erforderliche Format angegeben werden.
- Fehlermeldungen direkt beim Eingabefeld anzeigen.
- Fehlermeldungen enhalten was der Fehler ist und wie dieser behoben werden kann.

Umsetzung in HTML

<fieldset>
<legend>Anmeldeinformationen</legend>
<label for="username">Benutzername:*</label>
<input type="text" name="username" value="" maxlength="255">
<div class="input-error-message">Benutzername darf nicht leer sein</div><br>
<div id="neuesPasswort">
<label for="passwort_neu">Neues Passwort:*</label>
<input type="password" name="passwort_neu" value="" maxlength="255">
<div class="input-error-message">Das Passwort muss mindestens 8 Zeichen lang sein<br>Das Passwort muss Grossbuchstaben enhalten<br>Das Passwort muss Sonderzeichen enhalten</div><br>        
<label for="passwort_neu2">Neues Passwort wiederholen:*</label>
<input type="password" name="passwort_neu2" value="" maxlength="255" "><div class="input-error-message">Das Passwort muss mindestens 8 Zeichen lang sein</div><br>
</div>
</fieldset>

Referenzen
https://www.nngroup.com/articles/web-form-design/
https://www.nngroup.com/articles/error-message-guidelines/
https://www.w3schools.com/html/html_forms.asp