Oft wird übertrieben und so müssen auch die einfachsten Elemente, z.B. bei Formularen, krampfhaft umgestaltet werden, nur damit sie schöner werden – und der ein oder andere sich besser fühlt. Und gerade in diesem konkreten Punkt verbirgt sich eine große Gefahr.

Das gute alte Usability-Gespenst. Ich weiß, Usability kann auch hässlich sein. Aber ganz oft macht sie den Besuch einer Website und die Erledigung von Aufgaben gerade schön(er).

Eine Checkbox ist eine Checkbox und die Nutzer erwarten eben, dass sich bestimmte Elemente nie verkleiden. Gerade dann, wenn es um Interaktionselemente geht. Deren Funktion und Aussehen sind über Generationen und Unmengen von Webseiten hinweg gelernt und wecken Erwartungen. Auch die Betriebssystem spezifische Darstellung im Browser spielt eine Rolle. Der Mensch ist ein Gewohnheitstier. Das gilt v.a. für Checkboxen, Radiobuttons oder Selectboxen.

Die übermäßige Um- und von mir aus auch Schönergestaltung liefert in vielen – wahrscheinlich den meisten – Fällen nur wenig bis gar keinen Mehrwert. Im Gegenteil riskiere ich Probleme bei der Nutzung. In der Folge erhöhte Abbruchquoten und andere (kostspielige) Konsequenzen.

Ein Gedicht

Ein Bleistift hat mich vergewaltigt,
Hat meine Züge vergestaltigt
Und hinterlistig auf ein Blatt
Papier gebracht.
Ich muß gesteh’n, der Bleistift hat
An sich die Sache gut gemacht.
Aus Der „Gezeichnete“

Gute Gestaltung von Webseiten und Formularen

Natürlich soll gestaltet werden und den Besuchern einer Webseite auch optisch etwas geboten werden. Gute Designer wissen das auch und verlieren sich nicht in gestalterischen Details, ohne den Fokus zu verlieren. Webseiten und deren Nutzer haben Ziele. Diese sollten auch im Designprozess schon bekannt und als Umgebungsvariablen berücksichtigt werden.

Besser und fokussierter gestalten

• Learn About Design, Not Making Things Pretty
• Utility vs. Beauty
• Eye Candy vs. Bare-Bones in UI Design
• The Myth of Beautiful Web Design
• Can Experience be Designed?
• Realism in UI Design
• Decoupling Usability and Visuals

Die Abbildung zeigt ein Suchformular, wie es nicht mehr zeitgemäß ist. Das was den Nutzern oft als “Expertensuche” verkauft wird (z.B. Operatoren wie die zum Verknüpfen von Suchergebnissen AND oder OR etc.), ist für mich unbrauchbar bzw. zumindest nur mit erhöhtem Aufwand benutzbar.

Wir erinnern uns an einen wesentlichen Aspekt von Usability: Effizienz – Die Möglichkeit, Aufgaben zuverlässig mit möglichst wenig Aufwand lösen zu können. In diesem Fall ist dieses Kriterium für mich nicht erfüllt.

Gerade im vorliegenden Beispiel, ist die Möglichkeit einer Anpassung der Suchanfrage über die bekannten SQL-Operatoren, eine Spur zu viel. Ich erwarte hier eine wirkliche erweiterte Suchfunktionalität. Ein ordentliches Formular, dass mir die wichtigsten Suchkriterien anbietet. Suchkriterien, die ich dann über ein gut gestaltetes Formular definieren und variieren kann.

Soll eine Möglichkeit angeboten werden, mehrere Suchbegriffe einzugeben, kann auch ein Texteingabefeld ausreichend sein. Mit einem entsprechenden Hinweis, dass mehrere Suchbegriffe durch Komma getrennt eingegeben werden können.

Wobei man es mit dem Angebot an möglichen Suchoptionen nicht übertreiben sollte. Denn auch das kann verwirren und bremsen.

Kürzlich erschienene Veröffentlichungen können einen Teil dazu beitragen, bessere Formulare und somit auch bessere Suchfunktionen zu realisieren:

• Formulare total 1 (Formulardesign) (Technikwürze Podcast)
• Formulare total 2 (Barrierefreie Formulare) (Technikwürze Podcast)
• Web Forms for People