Sunday March 05, 2006

Usability: Richtige Gestaltung von Formularen und Eingabefeldern

Zumindest mit den derzeitigen Eingabetechniken ist das Ausfüllen von Online-Formularen immer noch sehr aufwändig. Nicht jeder Internet-Nutzer beherrschat das 10-Finger-Schreibsystem und damit werden Eingaben zu einem potenziellen Abbruchspunkt der jeweiligen Aktion, sei es die Anforderung von Informationen oder sogar die Adresseingabe im Rahmen einer Onlinebestellung. In weiter Zukunft wird sicherlich die Spracheingabe und auch die Hanschrifterkennung wesentlich an Bedeutung als neues "Human-Computer-Interface" sich auch im Alltag durchzusetzten, das ist aber derzeit noch Zukunftsmusik. Umso mehr sollten Webseiten und Online-Shop-Betreiber sich mit dem Thema Usability von Online-Formularen und Eingabefeldern beschäftigen. ersult.de hat hierzu eine empirische Untersuchung durchgeführt und erläutert die Ergebnisse unter: http://www.eresult.de/formulargestaltung.htm

Zusammenfassend sind die folgenden zwei Regeln elementar:

Regel 1: Pflichtfelder deutlich kennzeichnen!
Pflichtfelder sollten direkt nach dem Feldname durch ein hochgestelltes Symbol, beispielsweise einem Stern als "Muss-Feld" gekennzeichnet werden und das Symbol in unmittelbarer Nähe erläutert werden:
* Bitte füllen Sie diese Felder aus. Vielen Dank.

Regel 2: Fehlermeldungen aufmerksamkeitsstark und verständlich anzeigen!
 Die Fehlermeldung selbst sollte verständlich und auffällig mit entsprechenden Hinweisen zum Fehler kommuniziert werden. Ideal ist dabei vor/über den Eingabefeldern ein kurzer Hinweistexte, dass Fehler aufgetreten sind und dann direkt beim fehlerhaften Feld nochmals eine Detail-Fehlermeldung zum entsprechenden Feld wie dieses korrekt auszufüllen ist. Diese Meldungen sollten in einer Signalfarbe wie rot dargestellt werden.

Eigenlich Basics, aber die Erfahrung zeigt, dass dies in der Praxis doch immer noch sehr häufig missachtet wird.

Quelle: http://www.eresult.de/formulargestaltung.htm