Ein Kontaktformular ist nie nur ein Formular – es zeigt, wie eine Organisation ihre Erreichbarkeit definiert. Das steht im Essay über Kontaktseiten. Was dort strategisch beschrieben wird, wird hier technisch: Was wissen wir darüber, wie Formulare funktionieren sollten? Die Antwort ist: viel, aber nicht eindeutig. UX-Studien liefern klare Ergebnisse, die sich manchmal widersprechen. Das liegt am Kontext, an der Zielgruppe, am Gerät. Hier steht, was die Forschung sagt – und wo Abwägungen nötig sind.
Feldanzahl: Weniger ist meist besser, aber nicht immer
Die klare Linie aus der Forschung lautet: Je weniger Felder, desto höher die Completion-Rate. Eine HubSpot-Studie zeigte, dass die Reduzierung von 11 auf 4 Felder die Conversion um 120 Prozent erhöhte. Weniger kognitive Belastung, weniger Abbrüche. QuickSprout-Untersuchungen bestätigen das: Unnötige Felder frustrieren Nutzer und führen zu höheren Abbruchraten. Das gilt besonders für Consumer-Formulare.
Gleichzeitig gibt es Gegenbeispiele: Bei B2B-Registrierungen oder komplexen Anmeldeprozessen können mehr Felder die Qualität der Leads erhöhen, weil nur ernsthaft Interessierte durchhalten. Salesforce-Untersuchungen belegen das. Der Kompromiss liegt oft darin, zusätzliche Felder optional zu machen oder das Formular in Schritte aufzuteilen.
Gruppierung und visuelle Struktur
Formulare, die in logische Abschnitte unterteilt sind, werden schneller verarbeitet. Die Nielsen Norman Group empfiehlt, zusammengehörige Felder zu gruppieren und klare Zwischenüberschriften zu setzen. Nutzer verstehen so besser, wie viele Schritte vor ihnen liegen, und verlieren weniger schnell die Geduld. Eine klare visuelle Hierarchie reduziert die kognitive Last.
Labels: Über dem Feld, nicht drin
Labels sollten direkt über den Eingabefeldern stehen, nicht als Platzhaltertext im Feld. Eine EyeQuant-Studie zeigte, dass Labels über den Feldern schneller gescannt werden. Platzhalter werden oft übersehen, besonders wenn Nutzer zurückkehren müssen, um einen Fehler zu korrigieren.
Allerdings gibt es auch hier Gegenstimmen: Baymard Institute und UXPin fanden, dass Labels innerhalb der Felder das Formular kürzer und übersichtlicher machen können. Das funktioniert gut für sehr kurze, einzeilige Formulare wie Newsletter-Anmeldungen. Für komplexere Formulare sind separate Labels verlässlicher.
Platzhalter als Ergänzung, nicht als Ersatz
Platzhaltertext ist nützlich für Beispiele oder Formathinweise – „TT/MM/JJJJ" bei einem Datumsfeld etwa – sollte aber nicht das Hauptlabel ersetzen. Nutzer tendieren dazu, Platzhalter zu ignorieren, sobald sie mit der Eingabe beginnen. Die Nielsen Norman Group empfiehlt, Platzhalter ergänzend zu verwenden, nicht als primäre Information.
Echtzeit-Validierung: Hilfreich, aber mit Vorsicht
Formulare mit Echtzeit-Validierung senken die Abbruchrate um etwa 22 Prozent, wie Baymard Institute zeigte. Nutzer schätzen sofortiges Feedback, wenn etwas falsch ist – sie können direkt korrigieren, statt alle Fehler am Ende zu sehen.
Aber auch hier gibt es Einschränkungen: UX Planet fand, dass zu häufige Validierungsmeldungen als störend empfunden werden können. Nutzer haben den Eindruck, überwacht zu werden. Die Wirksamkeit hängt stark von der Formulierung ab – gutes Feedback hilft, schlecht formulierte oder zu frühe Meldungen nerven.
Fehlermeldungen sollten klar und hilfreich sein. Rot hervorheben, deutlich erklären, was das Problem ist und wie es behoben wird. Econsultancy-Studien zeigen, dass Nutzer klare Anweisungen bevorzugen.
Call-to-Action: Sichtbar und konkret
Der CTA-Button sollte auffällig sein und eine spezifische Beschriftung haben. Statt „Absenden" besser „Kostenlos registrieren" oder „Anmeldung abschließen". Eye-Tracking-Studien von Google zeigen, dass auffällige Buttons mehr Aufmerksamkeit ziehen und die Klickrate erhöhen. Nutzer wissen dann genau, was passiert, wenn sie klicken.
Fortschrittsbalken bei mehrstufigen Formularen
Bei Formularen mit mehreren Schritten erhöhen Fortschrittsbalken das Vertrauen und senken die Abbruchrate um bis zu 50 Prozent, so CXL (ConversionXL). Nutzer haben das Gefühl, dass der Prozess überschaubar ist.
Aber die Nielsen Norman Group warnt auch: Fortschrittsbalken können abschreckend wirken, wenn Nutzer sehen, dass noch viele Schritte vor ihnen liegen. Das funktioniert besonders gut, wenn die Schritte kurz und gleichmäßig verteilt sind. Lange, komplexe Schritte können das Gegenteil bewirken.
Barrierefreiheit und Mobile
Formulare müssen mobil funktionieren. Mobile Nutzer machen einen großen Teil der Besucher aus, und ein schlecht gestaltetes mobiles Formular ist schnell frustrierend. Google-Studien zeigen, dass 61 Prozent der Nutzer Unternehmen mit gut optimierten mobilen Seiten bevorzugen.
Barrierefreiheit ist ebenfalls entscheidend. Formulare sollten mit Screenreadern kompatibel sein, alle Eingabeelemente korrekt beschriftet, Kontraste und Schriftgrößen angepasst. Das ist nicht nur ethisch geboten, sondern auch rechtlich vorgeschrieben – etwa gemäß WCAG-Richtlinien.
Autofill-Unterstützung
Formulare sollten Autofill-Funktionen unterstützen. Baymard Institute zeigte, dass Nutzer Felder wie Adressen oder Kreditkarteninformationen bis zu 30 Prozent schneller ausfüllen, wenn Autofill funktioniert. Das reduziert Abbrüche und verbessert die Erfahrung.
Was das bedeutet
Es gibt keine universellen Regeln für Formulare. Unterschiedliche Studien kommen zu unterschiedlichen Ergebnissen, weil Kontext, Zielgruppe und Geräte variieren. Was in einem Consumer-Checkout funktioniert, kann in einem B2B-Registrierungsprozess scheitern.
Die allgemeine Linie ist trotzdem klar: Formulare sollten so einfach und intuitiv wie möglich sein, mit klaren Anweisungen, logischer Gruppierung und relevanten Feldern. Widersprüchliche Ergebnisse zeigen, wie wichtig es ist, im konkreten Fall zu testen – A/B-Tests, Nutzerumfragen, Analysen. Was hier als Regel steht, ist Ausgangspunkt, nicht Endpunkt.