Formulare ausfüllen ist nicht schwer, sie zu machen aber sehr...

| | Kommentare (5) | TrackBacks (1)
... oder wie soll ich dieses missglückte Ding hier verstehen?

frauelein.jpg

Das ist die Standardeinstellung im Neukundenformular von Serverloft, zu erreichen, wenn man im Shop ein Produkt auswählt und zur Kasse geht. Fräulein! Die Firma sitzt in Hürth, nicht etwa in einem Land, in dem man so eine Anrede möglicherweise noch höflich findet...

Über diesem Formular gibt es den Hinweis "Bitte füllen Sie untenstehende Angaben vollständig aus". Das würde ich so werten, dass alles Pflichtfelder sein sollen - nur warum sollte ich wohl meinen Geburtsort angeben und Telefon, Mobil- UND Faxnummer? Wegen einer möglichen Schufa-Überprüfung?

Interessanterweise sind es aber tatsächlich NICHT alles Pflichtfelder. Lässt man alle Felder leer, schlagen nur einige Fehlermeldungen auf. Die haben es aber in sich. So sehen sie aus:

fehlermeldung.jpg

Au! Das tut in den Augen weh. Mehr noch schmerzen jedoch die Formulierungen. Fehlermeldungen sollten dem Nutzer ein konstruktives Feedback liefern. Studien haben gezeigt, dass tadelnder Tonfall wie "Ort ungültig" den Anwender nervös und durcheinander machen. Das führt unter Umständen zu neuen Fehlern - häufig jedoch vor allem zu Frust. Die Wortwahl ist bei Fehlermeldungen wichtig, besonders bei wenig computererfahrenen Nutzern (dies nur allgemein, im vorliegenden Fall kann man wahrscheinlich von eher computeraffinen Nutzern ausgehen).

Die wichtigsten Regeln für die Gestaltung von Fehlermeldungen lauten:
- sie sollen ausführlich sein,
- sie sollen den Nutzer konstruktiv anleiten,
- sie sollen einen positiven Ton haben,
- die Ausdrucksweise soll sich am Nutzer orientieren und
- sie sollen angemessen aussehen.

Die Fehlermeldungen in diesem Beispiel erscheinen am oberen Bildschirmrand. Wenngleich es keine allgemeingültigen Regeln dafür gibt, wo Fehlermeldungen am besten erscheinen sollten, hat sich die Variante durchgesetzt, sie möglichst nah am enstprechenden Formularfeld zu platzieren. Das ist jedenfalls sinnvoller als den halben Bildschirm mit Fehlermeldungen zu füllen...

Fehlermeldungen und nutzerorientierte Bezeichnungen innerhalb von Menüs in Formularen sind natürlich nur zwei Punkte, die es beim Design von Formularen zu beachten gilt. Dies mal als ersten Einblick - und als Hinweis, dass Usability auch hier sehr wichtig ist, um die Benutzungsfreundlichkeit einer Webanwendung in allen Bereichen sicherzustellen.

1 TrackBacks

Folgende Einträge anderer Blogs beziehen sich auf den Eintrag Formulare ausfüllen ist nicht schwer, sie zu machen aber sehr...

TrackBack-URL dieses Eintrags: http://www.webdesign-und-usability.de/mt/mt-tb.cgi/324

Kurz und gut VII von miradlo bloggt   zu 4.04.09 1:09

…schon wieder eine Woche rum, die lesenswerten Hinweise dieser Woche: Passend zu dem, was ich schon öfter gefragt wurde von Menschen, die nicht so oft im Netz sind gibt es bei akademie.de einen Artikel zum Reputationsmanagement. Was kann ma... Mehr

5 Kommentare

Das „Fräulein“ bleibt übrigens auch stehen, wenn man sich als Firma registriert. Der obige Screenshot zeigt die Standard-Anzeige- Wenn man dann auf „Weiblich“ oder „Männlich“ umschaltet, wird auch korrekt „Frau“ oder „Herr“ draus.

Eine kleine Anmerkung zur Usability dieser Seite: ich wollte gerade den RSS-Feed abonnieren. Normalerweise suche ich danach in der URL-Zeile (gibts auch, aber nur auf der Homepage) oder rechts oben oder zumindest in der rechten Leiste. Nicht Links unten :-)

Hups :) Danke für den Hinweis... da werd ich mal an Ostern am CSS fummeln :)

Leider wird der RSS-Feed nur auf der Startseite im HTML-Head eingebunden, auf Unterseiten bin ich genötigt links "Feed dieses Blogs abonnieren" zu klicken. Eigentlich sollte das doch bereits behoben sein, oder irre ich?

Nein, das ist korrekt, das wollte ich schon längst machen. Ich musste ordentlich fummeln, um eine seltsame Bedingung in den MT-Templates zu finden und nun isses aber weg, jetzt gehts :)

Jetzt kommentieren