Formulare, die Leads nicht verschwinden lassen

Eine Nutzerin klickt auf «Jetzt anfragen», sieht ein Formular mit 15 Feldern, Pflichtfeldern die unklar sind, und einem CAPTCHA, das sie dreimal ausfüllen muss. Sie verlässt die Seite.

Das passiert ständig — und die meisten Websiteinhaber merken es nicht. Web-Analytik zeigt, dass jemand die Seite besucht hat, aber ob die Person am Formular gescheitert ist, bleibt im Dunkeln.

Formulare sind der letzte Schritt vor einer Anfrage. Hier entscheidet sich, ob ein potenzieller Kunde Kontakt aufnimmt oder aufgibt. Ein schlechtes Formular kann die beste Landing Page ruinieren.

Das Formular als Conversion-Endstation

Stell dir den Weg einer Nutzerin oder eines Nutzers vor: Suchanfrage → Google → deine Website → «Dienstleistungen» → «Jetzt anfragen». Jeder Schritt hatte eine Abbruchrate. Wer es bis zum Formular geschafft hat, ist motiviert.

Jetzt ist es deine Aufgabe, die Reibung auf dem letzten Meter so gering wie möglich zu machen. Reibung = Felder, die keine klare Funktion haben. Fehler ohne hilfreiche Meldungen. Unklare Datenschutztexte. CAPTCHAs, die scheitern.

Studien zeigen, dass jedes zusätzliche Formularfeld die Conversion-Rate senkt. Beim Wechsel von einem 4-Felder- auf ein 3-Felder-Formular steigt die Einreichungsrate um durchschnittlich 50 %. Das ist keine Kleinigkeit — das ist Umsatz.

Weniger Felder, mehr Leads

Die erste Frage bei jedem Formular: Welche Felder sind wirklich nötig?

Pflichtfelder, die fast immer nötig sind:

• Name (oder Vorname)
• E-Mail-Adresse
• Nachricht

Felder, die oft hinzugefügt werden, aber selten nötig sind:

• Telefonnummer (wenn niemand zurückruft, ist sie Reibung)
• Firma (nötig bei B2B, nicht bei B2C)
• Betreff (lass das System kategorisieren, nicht den Nutzer)
• Strasse, PLZ, Ort (für einen ersten Kontakt selten relevant)

Jede Eingabe kostet die Nutzerin oder den Nutzer Zeit und Energie. Wer mehr Information braucht, kann sie nach dem ersten Kontakt einholen — wenn schon eine Beziehung besteht.

Fehlermeldungen, die helfen statt zu frustrieren

Das frustrierendste Formularerlebnis: alles ausfüllen, auf «Absenden» klicken — und dann ein rotes Banner: «Es ist ein Fehler aufgetreten.»

Gute Fehlermeldungen sind:

• **Spezifisch:** «Bitte gib eine gültige E-Mail-Adresse an» statt «Ungültige Eingabe»
• **Feldbezogen:** Die Fehlermeldung steht direkt beim fehlerhaften Feld, nicht oben auf der Seite
• **Hilfreich:** «Das Passwort muss mindestens 8 Zeichen enthalten» statt «Passwort ungültig»
• **In Echtzeit:** Wenn möglich, wird beim Verlassen eines Feldes direkt validiert — nicht erst nach dem Absenden

Fehlermeldungen sind die wichtigste UX-Dokumentation eines Formulars. Sie entscheiden, ob jemand das Problem lösen kann oder aufgibt.

Bestätigung: Was nach dem Absenden passiert

Ein Formular ohne klare Bestätigung lässt Nutzerinnen und Nutzer im Ungewissen: Hat es funktioniert? Soll ich nochmal klicken?

Gute Bestätigungsmuster:

• Sofortige visuell klare Rückmeldung nach dem Absenden («Danke — wir melden uns innerhalb von 24 Stunden»)
• Wenn nötig: E-Mail-Bestätigung an die Nutzerin oder den Nutzer
• Weiterleitung auf eine Danke-Seite (ermöglicht auch Conversion-Tracking in Analytics)

Was wir vermeiden:

• Die Seite bleibt einfach gleich — kein Feedback
• Ein allgemeines «Formular erfolgreich» ohne Kontext
• Fehlende Information über den nächsten Schritt

Die Bestätigung ist auch eine Gelegenheit: «Schauen Sie sich in der Zwischenzeit unsere Case Studies an» ist ein kleiner Mehrwert, der Vertrauen aufbaut.

Spam-Schutz ohne Nutzer zu bestrafen

CAPTCHAs sind ein zweischneidiges Schwert: Sie schützen vor Spam, aber sie frustrieren auch echte Nutzerinnen und Nutzer. Besonders die alten Bild-CAPTCHAs sind berüchtigt dafür, schwer lösbar zu sein.

Moderne Spam-Schutz-Ansätze, die wir bevorzugen:

• **Honeypot-Felder:** Unsichtbare Felder im HTML, die nur Bots ausfüllen. Menschen sehen sie nicht, Bots schon. Kein Aufwand für echte Nutzer.
• **Google reCAPTCHA v3:** Im Hintergrund laufend, kein Nutzerinteraktion nötig — nur bei Verdacht erscheint eine Herausforderung
• **Zeit-basierte Validierung:** Formulare, die in unter 2 Sekunden abgesendet werden, sind wahrscheinlich Bots
• **Server-side-Validierung:** Alle Eingaben werden serverseitig validiert — unabhängig von JavaScript

Sicherheit ist wichtig — aber Sicherheit auf Kosten echter Leads ist keine gute Abwägung.

Mobile-Formulare: Besondere Anforderungen

Formulare auf dem Smartphone haben eigene Anforderungen:

• **Inputtypen:** `type="email"` öffnet auf iOS und Android die E-Mail-Tastatur mit @-Symbol. `type="tel"` öffnet die Zahlentastatur. Das sind Details, die den Unterschied machen.
• **Feldgrössen:** Formularfelder müssen fingertauglich sein — mindestens 48px hoch.
• **Autocomplete:** `autocomplete` Attribute erlauben Browsern und Passwortmanagern, Felder vorzufüllen. Das spart Nutzerinnen und Nutzern Zeit.
• **Kein Reset-Button:** Auf Mobile tippt man aus Versehen auf «Zurücksetzen» statt «Absenden». Reset-Buttons haben keinen Mehrwert — und das Risiko, alle Eingaben zu löschen.

Bei einem Projekt im Dienstleistungsbereich war über 65 % der Formular-Einreichungen mobil. Wir haben das Formular von Grund auf mobil gedacht — und die Einreichungsrate stieg um 40 % gegenüber dem Vorgänger.

Das bringt dir ein gut gemachtes Formular konkret

• **Mehr Anfragen:** Weniger Reibung = mehr Nutzer schliessen das Formular ab
• **Bessere Qualität:** Klare Felder und gute UX reduzieren Falscheingaben und Missverständnisse
• **Kein Spam-Problem:** Moderne Honeypot-Methoden schützen ohne CAPTCHAs
• **Mobil-optimiert:** Über die Hälfte der Formulare wird auf Smartphones ausgefüllt
• **Messbarkeit:** Danke-Seite ermöglicht Conversion-Tracking in Analytics
• **Vertrauen:** Klare Bestätigung und Datenschutzhinweise nehmen die Unsicherheit beim Absenden