Formulare

Alle Zustände die auftreten können festlegen.

Formulare sind bei den meisten Webprojekten das Kernstück. Sie sind auch die komplexesten Komponenten eines Projektes. Bei Formularen geht es immer um Aktionen und Prozesse. Das reicht von Bestellungen in einem Online-Shop, über das Verwalten und Erstellen von Daten in einer Anwendung bis hin zum Beschwerde-Formular.

In diesem Abschnitt geht es um Formulare im Allgemeinen und darum, welche Formularelemente wie eingesetzt gehören. Im nächsten Abschnitt erkläre ich Dir auf was Du bei einzelnen Formularelementen achten musst.

Ein Formular sollte so kurz wie möglich sein. Je kürzer es ist, desto mehr Menschen werden es vollständig ausfüllen. Damit Du kein zu langes Formular bekommst, musst Du Dich auf die wirklich essentiellen Daten fokussieren, die Du benötigst. Wenn es nicht anders geht und Du ein riesiges sehr viele Formularelemente hast, empfiehlt es sich das Formular in einzelne Schritte zu unterteilen um dem Benutzer bzw. der Benutzerin beim Ausfüllen eine Art Fortschritt zu suggerieren. Lange Formulare sind unangenehm zum Ausfüllen. Es gibt aber sogar etwas noch unangenehmeres und zwar lange Formulare, die die ausgefüllten Daten nicht zwischenspeichern. Du hast sicher schon einmal ein Formular ausgefüllt und dabei ein Feld vergessen. Nach dem Abschicken zeigt Dir das Formular das fehlende Feld an und Du darfst wieder alles erneut ausfüllen – und das wünscht man niemanden.

Nicht nur die Länge eines Formulars beeinflusst die Benutzbarkeit, sondern auch die verwendeten Elemente. "Select-Elemente", auch bekannt als Dropdowns und Auswahlfelder, solltest Du nur dann verwenden, wenn es eine große Anzahl an Optionen gibt und es nicht anders zu lösen ist. Die Abfrage ob Du die Geschäftsbedingungen gelesen hast, ist zum Beispiel kein Select-Feld mit den Optionen Ja und Nein. Das hat auch einen guten Grund. Das Auswählen einer Checkbox oder eines Radiobuttons benötigt nur einen einzigen Klick. Um etwas aus einem Select-Element auszuwählen benötigst Du schon zwei Klicks. Das wird vor allem auf Mobilen Geräten umständlich.

Wenn Du Select-Elemente verwendest, solltest Du die am häufigsten gewählten Optionen an den Beginn der Auswahlliste setzen. Beispielsweise sollten in einem deutschsprachigen Projekt die Länder eines "Länder-Selects" nicht alphabetisch geordnet sein, sondern die deutschsprachigen Länder an erster Stelle stehen. Das ist am benutzerfreundlichsten.

Deinen mobilen Benutzern und Benutzerinnen kannst Du auch noch auf eine andere Weise das Leben leichter machen. Du kannst Eingabefeldern in einem Formular einen bestimmten Typ zuweisen. Standardmässig hat jedes Eingabefeld den Typ Text. Du kannst aber angeben, ob Du erwartest, dass jemand seine E-Mail Adresse oder eine Zahl in einem bestimmten Element eingibt. Wenn du das machst sind die mobilen Geräte so intelligent, dass sie darauf korrekt reagieren und dem Benutzer bzw. der Benutzerin sofort die korrekte Tastatur anzeigen.

Du kannst zu dem Thema Benutzerfreundliche Mobile Websites mehr in dem Beitrag Benutzerfreundlichere Mobile Websites in 5 Minuten lesen.