Ein Formular ist der haeufigste Konversionspunkt im Web. Und einer der haeufigsten Frustrationspunkte gleichzeitig.
Zu viele Felder, schlechte Fehlermeldungen ohne konkrete Hinweise, ein Formular, das nach dem Absenden ohne Feedback verschwindet, keine Mobile-Optimierung, fehlender Auto-Fill-Support. All das passiert, weil Formulare oft als technisches Element behandelt werden, nicht als UX-Element.
Wie viele Felder sind zu viele
Als Faustregel gilt: Jedes zusaetzliche Pflichtfeld senkt die Conversion. Ob ein Feld wirklich Pflicht ist, sollte aktiv hinterfragt werden. Fuer Lead-Formulare reichen oft Name, E-Mail, vielleicht Telefon, alles Weitere klaert sich im ersten Gespraech.
Inline Validation richtig einsetzen
Fehler erst beim Absenden zu zeigen ist zu spaet, Fehler schon beim Tippen zu zeigen ist zu frueh. Der goldene Mittelweg ist Validierung on Blur, also beim Verlassen des Feldes, kombiniert mit einer Erklaerung, was falsch ist und wie es richtig geht.
Fehlermeldungen, die wirklich helfen
Eine konkrete Angabe, was fehlt oder falsch formatiert ist, hilft mehr als eine allgemeine Fehlermeldung. Noch besser: ein hilfreicher, nicht bevormundender Hinweis, was genau zu korrigieren ist.
Barrierefreiheit bei Formularen
Labels muessen mit Feldern verknuepft sein, nicht nur visuell danebenstehen, Fehlermeldungen sollten ueber aria-describedby mit dem Feld verbunden sein, und eine Error Summary am Formularanfang nach dem Absenden hilft zusaetzlich.
Checkliste: Anzahl Pflichtfelder auf Minimum reduziert, Labels korrekt verknuepft, Inline Validation on Blur, Fehlermeldungen erklaerend und spezifisch, autocomplete-Attribute gesetzt, Erfolgs-Feedback nach Absenden deutlich, Mobile-Test durchgefuehrt.
Ein Beispiel aus der Praxis
Ein Kontaktformular mit urspruenglich zwoelf Feldern, darunter mehrere optionale, hatte eine Abbruchrate von ueber siebzig Prozent. Nach der Reduktion auf drei Pflichtfelder, Name, E-Mail und Nachricht, stieg die Abschlussrate deutlich, waehrend die Qualitaet der eingehenden Anfragen kaum litt, weil die zusaetzlichen Informationen ohnehin im ersten telefonischen Kontakt geklaert wurden. Das Beispiel zeigt, wie oft interne Wuensche nach moeglichst vielen Vorab-Informationen der eigentlichen Conversion im Weg stehen.
Formular-UX im Projekt verbessern? markom.digital ueberarbeitet Formulare unter UX-, Conversion- und Barrierefreiheits-Gesichtspunkten.
