- Formulare mit mehr als fünf Pflichtfeldern verlieren messbar Anfragen. Im Checkout dokumentiert das Baymard Institute: 18 von 100 Nutzern brechen wegen zu komplexer Eingaben ab.
- Platzhaltertext als Label ist ein nachgewiesener Usability-Fehler. Die Nielsen Norman Group belegt, dass Nutzer mit sichtbaren Labels fast doppelt so oft beim ersten Versuch fehlerfrei abschicken (78 % vs. 42 %).
- Fehlermeldungen direkt am Feld, ein konkreter Button-Text und ein kurzer Datenschutzhinweis am Formular senken die Hemmschwelle spürbar.
- Mobile-Tauglichkeit und ein LCP unter 2,5 Sekunden sind keine Kür, sondern die Voraussetzung dafuer, dass Besucher das Formular ueberhaupt zu sehen bekommen.
Ein Kontaktformular ist der letzte Schritt vor einer Anfrage. Wer diesen Schritt unnoetig schwer macht, verliert genau die Besucher, die kurz davor waren, Interesse zu zeigen. Dieser Ratgeber erklaert, worauf es ankommt: weniger Felder, bessere Texte, eine Seite, die schnell laedt. Fuer Selbstaendige, Handwerker und mittelstaendische Unternehmen, die per Website mehr Anfragen bekommen wollen.
Warum Formulare abschrecken
Wer auf einer Website ein Kontaktformular oeffnet, hat schon einen Schritt getan. Er hat gelesen, hat Interesse, ueberlegt anzufragen. An diesem Punkt entscheidet das Formular darueber, ob die Anfrage ankommt oder nicht.
Das Baymard Institute untersucht seit Jahren systematisch, wie Menschen mit Formularen umgehen. Im E-Commerce-Bereich, wo Formularabbruch direkt als entgangene Bestellung messbar ist, landen 18 von 100 Nutzern ab, weil der Checkout zu lang oder zu aufwaendig ist. Das ist kein Randproblem: die durchschnittliche Warenkorbabbruchrate liegt laut Baymard bei 70,22 Prozent, und „zu komplexe Eingaben“ gehoert zu den am haeufigsten genannten vermeidbaren Gruenden.
Fuer klassische Kontaktformulare gibt es keine vergleichbar sauberen Branchendaten, weil kaum jemand seine Abbruchquoten oeffentlich macht. Der Mechanismus ist aber identisch: Jedes zusaetzliche Pflichtfeld ist eine Entscheidung, die der Besucher treffen muss. Ist das noetig? Lohnt sich der Aufwand? Will ich meine Handynummer wirklich angeben? Diese Fragen entstehen unbewusst, aber sie summieren sich.
Was viele Betreiber unterschaetzen: Auch optionale Felder kosten Conversion. Wer ein Feld sieht, fragt sich, ob er etwas verpasst, wenn er es leer laesst. Ein Feld fuer die Position im Unternehmen oder die Frage, wie der Besucher auf die Firma aufmerksam wurde, mag intern nuetzlich erscheinen. Es zahlt aber aus Besuchersicht drauf.
Felder reduzieren: Was wirklich noetig ist
Die ehrliche Pruefffrage lautet: Kann ich ohne diese Angabe die Anfrage nicht bearbeiten? Wenn die Antwort Nein ist, gehoert das Feld raus oder wird optional.
Das Baymard Institute hat fuer den Checkout konkret ausgerechnet: Der Durchschnittswert liegt bei 11,3 Formularfeldern, obwohl technisch 8 ausreichen wuerden. Der Unterschied entsteht durch Felder, die intern gewuenscht, aber fuer den Abschluss nicht noetig sind. Dasselbe Muster zeigt sich bei Kontaktformularen: ein Firmenname-Feld, das keiner bearbeitet, bevor das Erstgespraech laeuft. Ein Betreff-Auswahlfeld, das die eigene Sortierung erleichtert, aber den Nutzer aufhaelt.
Fuer eine typische Unternehmenswebsite sind folgende Felder gut begruendet:
- Name (ein Feld, nicht Vor- und Nachname getrennt)
- E-Mail (das einzige Pflichtfeld, das wirklich unverzichtbar ist)
- Telefon (sinnvoll, aber optional, weil ein relevanter Teil der Nutzer keine Anrufe von Unbekannten moechte)
- Nachricht (als Freitextfeld)
Firmenname ist bei B2B-Formularen vertretbar, weil er geschaeftliche Anfragen von privaten unterscheidet. Alles darueber hinaus braucht einen echten Grund, nicht nur den Wunsch, schon beim Erstkontakt moeglichst viel zu wissen.
Ein praktischer Zwischenschritt: Schauen Sie durch Ihre bisherigen Anfragen und markieren Sie, welche Felder Sie tatsaechlich vor dem ersten Rueckruf gebraucht haben. Felder, die seit Monaten leer durchlaufen oder die Sie im Erstgespraech ohnehin noch einmal abfragen, koennen ohne Verlust wegfallen. Fehlende Angaben klaeren Sie nach, die Anfrage kommt trotzdem an.
Mehr zu konkreten Formulierungen auf Buttons und in Eingabefeldern erklaert der Ratgeber zu Microcopy: Kleine Texte mit grosser Wirkung.
Labels, Platzhalter und Microcopy
Die Nielsen Norman Group fasst es klar zusammen: Nutzer sind fast doppelt so haeufig beim ersten Versuch fehlerfrei (78 % vs. 42 %), wenn Formulare grundlegende Usability-Regeln einhalten. Eine der wichtigsten davon: Platzhaltertext ersetzt kein Label.
Platzhalter-Labels sehen ordentlich aus, wenn das Feld leer ist. Sie verschwinden aber genau dann, wenn der Nutzer tippt. Auf dem Smartphone wird das besonders problematisch: Die virtuelle Tastatur blendet sich ein und verdeckt Teile des Formulars. Wer dann nicht mehr sieht, was im Feld stehen soll, muss raten, machen einen Fehler, oder streicht den gesamten Eingabeinhalt, um das Feld erneut zu lesen. Das Baymard Institute beobachtete in Nutzertests, dass Nutzer auf mobilen Endgeraeten ihre gesamte Eingabe loeschten, nur um das Label noch einmal zu sehen.
Die Empfehlung ist eindeutig: Das Label steht sichtbar ueber dem Feld, auch nachdem der Nutzer mit der Eingabe begonnen hat. Platzhaltertext ist hoechstens fuer kurze Formatierungshinweise geeignet, etwa „(z. B. 0711 123456)“ fuer eine Telefonnummer.
Was der Absende-Button sagt
Der Text auf dem Button beeinflusst, wie viele Nutzer ihn druecken. „Absenden“ ist funktional. „Angebot anfordern“ oder „Erstberatung anfragen“ beschreibt, was der Nutzer bekommt, nicht was er tut. Das macht einen Unterschied, weil es die Hemmschwelle senkt: Der Besucher sieht, dass er etwas erhaelt, nicht nur etwas tut.
Kurze, konkrete Hilfstexte neben oder unter einem Feld (sogenannte Microcopy) koennen ebenfalls helfen. Ein Satz wie „Wir rufen innerhalb eines Werktags zurueck“ neben dem Telefon-Feld beantwortet eine ungestellte Frage, bevor sie zum Hemmnis wird. Mehr zu diesem Thema steht im Ratgeber zu Call-to-Action: Wie aus Besuchern echte Anfragen werden.
Fehlerbehandlung: Frustration vermeiden
Wer ein Formular abschickt und als Antwort eine unspezifische Fehlermeldung am Seitenanfang erhaelt, muss erst suchen, welches Feld betroffen ist. Dann korrigieren. Dann erneut abschicken. Jeder dieser Schritte ist ein Moment, in dem Frustration entsteht und Abbruch wahrscheinlicher wird.
Die Nielsen Norman Group empfiehlt in ihren Form-Design-Richtlinien: Fehlermeldungen stehen direkt neben oder unter dem Feld, das sie betreffen. Sie verwenden mehrere Hinweisformen, nicht nur Farbe allein (fuer Menschen mit eingeschraenkter Farbwahrnehmung). Und sie nennen konkret, was zu aendern ist.
Schlecht: „Bitte pruefen Sie Ihre Eingaben.“
Besser: „Bitte geben Sie eine gueltige E-Mail-Adresse ein (z.B. name@beispiel.de).“
Noch besser ist eine Echtzeit-Validierung, die schon waehrend der Eingabe zurueckmeldet, sobald ein Wert nicht stimmt. Das reduziert Abbrueche durch Frust deutlich, weil der Nutzer den Fehler sofort behebt und nicht erst nach dem Abschicken herausfindet, dass etwas nicht gepasst hat.
Ein Detail, das oft uebersehen wird: Kein „Zuruecksetzen“- oder „Loeschen“-Button. Die Nielsen Norman Group empfiehlt, diese Schaltflaechen wegzulassen, weil sie ein hohes Risiko des versehentlichen Loeschens aller Eingaben tragen, ohne dass der Nutzen das rechtfertigt.
Vertrauen und Datenschutz am Formular
Vertrauen laesst sich nicht erzwingen, aber gestalten. Ein Besucher, der ein Formular ausfuellt, gibt persoenliche Daten weiter. Die Frage, ob das sicher ist und wer die Daten verwendet, steht im Hintergrund, auch wenn sie selten laut gestellt wird.
Was in unmittelbarer Naehe des Formulars hilft:
- Ein kurzer Satz, dass die Angaben nur zur Bearbeitung der Anfrage genutzt werden
- Ein sichtbarer Link zur Datenschutzerklaerung
- Telefonnummer oder Adresse als Beleg, dass eine reale Person erreichbar ist
- Referenzen oder Kundenstimmen im selben Seitenbereich, wenn vorhanden
Rechtlich ist in Deutschland zusaetzlich Folgendes noetig: Die Datenschutzerklaerung muss vor dem Abschicken verlinkt sein. Eine Checkbox fuer die Einwilligung darf nicht vorausgefuellt sein. Wer beides missachtet, riskiert eine Abmahnung und verliert das Vertrauen aufmerksamer Nutzer. Mehr dazu erklaert der Ratgeber zu Vertrauenssignalen auf der Website.
Die Rueckmeldung nach dem Absenden schliesst die Interaktion ab. „Ihre Nachricht wurde gesendet“ reicht. Noch besser: „Ihre Anfrage ist angekommen. Wir melden uns in der Regel innerhalb eines Werktags.“ Das spart Nachfragen von Nutzern, die unsicher sind, ob ihre Nachricht angekommen ist.
Mobil und Performance
In den meisten Branchen kommt heute die Haelfte oder mehr des Website-Traffics von mobilen Geraeten. Auf kleinen Bildschirmen gelten andere Anforderungen als am Desktop.
Die wichtigsten technischen Grundlagen fuer mobiles Formular-UX:
- Touch-Flaechen von mindestens 44 x 44 Pixel (nach der Apple-Empfehlung fuer iOS)
- Der richtige Tastaturtyp je Feld:
type="email"oeffnet die E-Mail-Tastatur,type="tel"das Ziffernfeld - Kein horizontales Scrollen im Formular
- Labels bleiben sichtbar, auch wenn die virtuelle Tastatur eingeblendet ist
Ladezeit: LCP unter 2,5 Sekunden
Wer auf einer Seite wartet, die nicht laedt, ist weg, bevor er das Formular sieht. Google definiert in seinen Core Web Vitals den Largest Contentful Paint (LCP) von 2,5 Sekunden als obere Grenze fuer gute Ladeperformance. Seiten darueber verlieren messbar Besucher.
Grobe Ursachen fuer schlechte LCP-Werte: zu grosse Bilder, nicht gecachte Ressourcen, langsames Hosting, zu viele JavaScript-Dateien, die den Seitenaufbau verzoegern. Eine grundlegende Performance-Pruefung mit PageSpeed Insights liefert konkrete Hinweise ohne tiefe Technikkenntnisse.
Barrierefreiheit ist kein Randthema
Barrierefreie Formulare helfen nicht nur Menschen mit Behinderung, sondern allen: klare Labels, ausreichend Kontrast, eindeutige Fehlermeldungen. Die WCAG 2.1 schreibt unter Erfolgskriterium 3.3.2 vor, dass jedes Eingabefeld ein sichtbares Label oder klare Anweisung hat. Das Kontrastverhaltnis zwischen Textfarbe und Hintergrund muss mindestens 4,5:1 betragen (WCAG 2.1 AA). Fuer Websites im Geltungsbereich des BFSG gilt das seit dem 28. Juni 2025 verbindlich. Das betrifft insbesondere Onlineshops und Buchungsportale, die Verbrauchervertraege im elektronischen Geschaeftsverkehr abschliessen. Ein reines Kontaktformular ohne Transaktionsabschluss faellt formal nicht darunter, profitiert aber von denselben Standards. Mehr dazu im Ratgeber zu barrierefreien Formularen.
Massnahmen im Ueberblick
| Massnahme | Wirkung | Umsetzung |
|---|---|---|
| Felder auf das Notwendige reduzieren | Weniger Reibung, hoehere Ausfuellrate | Jedes Feld pruefen: Kann ich ohne diese Angabe die Anfrage nicht bearbeiten? |
| Labels sichtbar ueber dem Feld | Fehlerrate sinkt (78 % vs. 42 % fehlerfrei laut NNG) | Kein Platzhaltertext als Label, permanent sichtbares Label verwenden |
| Konkreter Button-Text | Senkt Hemmschwelle | „Angebot anfordern“ statt „Absenden“ |
| Fehlermeldung direkt am Feld | Weniger Frustrations-Abbrueche | Fehlermeldung unter dem betroffenen Feld platzieren, konkrete Korrektur benennen |
| Datenschutzhinweis und Link | Vertrauen erhoehen, DSGVO-konform | Kurzer Satz + Link zur Datenschutzerklaerung direkt am Formular |
| Telefon optional statt Pflicht | Weniger Abbrueche durch Anruf-Scheu | Feld als optional markieren, kein Sternchen |
| Mobile Labels und Touch-Flaechen | Keine Abbrueche durch schlechte Bedienbarkeit | input type=“email/tel“, Touch-Ziel mindestens 44 x 44 px |
| LCP unter 2,5 Sekunden | Besucher verlassen die Seite nicht vor dem Formular | PageSpeed Insights pruefen, Bilder optimieren, Hosting-Qualitaet sichern |
| Saubere Bestaetigung nach Absenden | Keine Unsicherheits-Nachfragen | Klare Rueckmeldung mit Reaktionszeit („innerhalb eines Werktags“) |
| Honeypot statt CAPTCHA | Spam abwehren ohne Nutzer zu belasten | Verstecktes Feld im Markup, das nur Bots sehen und ausfuellen |
Vorher-Nachher: Ein konkretes Beispiel
Ein Formular, wie es auf vielen Mittelstands-Websites zu finden ist:
Vorher: Name (Pflicht), Vorname (Pflicht), Firma (Pflicht), E-Mail (Pflicht), Telefon (Pflicht), Wie haben Sie uns gefunden? (Pflichtauswahl), Ihr Anliegen (Pflicht-Dropdown mit Kategorien), Nachricht (Pflicht), Datenschutz-Checkbox mit mehrzeiligem Text, CAPTCHA-Bilderraetsel, Absenden-Button.
Das sind neun bis zehn Pflichtschritte plus ein Raetsel, bevor die Anfrage abgeht. Wer auf dem Smartphone ist, hat obendrein vier bis fuenf Seiten mit eingeblendeter Tastatur vor sich.
Nachher: Name (Pflicht), E-Mail (Pflicht), Telefon (optional, mit Hinweis „Wir rufen innerhalb eines Werktags zurueck“), Nachricht (Pflicht), Datenschutz-Checkbox mit kurzem Text und Link, Absenden-Button mit Text „Anfrage senden“. Honeypot-Feld unsichtbar im Markup.
Das sind vier Pflichtfelder plus eine Checkbox. Der Button beschreibt, was passiert. Der Datenschutzhinweis ist knapp. Das Spam-Filter laeuft unsichtbar im Hintergrund.
Was aendert sich fuer Sie als Betreiber? Sie erhalten etwas weniger Kontextinformation beim Erstkontakt. Dafuer kommen mehr Anfragen an, weil weniger Besucher vorher abbrechen. Die fehlenden Details klaeren Sie im Erstgespraech, das Sie sowieso fuehren muessen.
Aus der Praxis
In einem Projekt uebernahmen wir die Website eines Dienstleisters, der trotz ordentlichem Traffic kaum Anfragen ueber das Formular bekam. Das Formular zaehlte acht Pflichtfelder, darunter die Frage nach dem Budget in einem fuenfteiligen Dropdown. Ausserdem lud die Seite auf dem Smartphone in etwa fuenf Sekunden, der LCP-Wert war entsprechend schlecht.
Wir reduzierten das Formular auf Name, E-Mail, optionale Telefonnummer und Nachricht. Der Dropdown fiel komplett weg, das Budget wurde Thema des Erstgespraechs. Die Seite wurde technisch optimiert, der LCP sank auf unter 2,5 Sekunden.
Das Ergebnis nach vier Wochen: die Anfragerate stieg deutlich. Die meisten Anfragen brachten weniger Vorab-Kontext, aber jede war eine echte Interaktion. Die Conversion-Blockade war nicht Desinteresse, sondern Reibung.
Wer seine gesamte Website auf Anfragen optimieren moechte, findet im Ratgeber zu Warenkorbabbruechen und Conversion-Killern weitere konkrete Hebel.
Sofort-Checkliste
Gehen Sie diese Punkte fuer Ihr aktuelles Kontaktformular durch:
- Haben alle Pflichtfelder einen echten Grund (ohne diese Angabe kann ich die Anfrage nicht bearbeiten)?
- Ist Telefon optional statt Pflicht?
- Steht das Label sichtbar ueber dem Feld, nicht als Platzhalter darin?
- Beschreibt der Button-Text, was der Nutzer bekommt („Angebot anfordern“ statt „Absenden“)?
- Erscheinen Fehlermeldungen direkt am betroffenen Feld mit konkretem Hinweis?
- Gibt es keinen „Zuruecksetzen“-Button?
- Ist ein kurzer Datenschutzhinweis mit Link zur Datenschutzerklaerung sichtbar?
- Laedt die Seite auf dem Smartphone unter 2,5 Sekunden (LCP)?
- Sind Touch-Flaechen gross genug (mindestens 44 x 44 px)?
- Gibt es eine klare Bestaetigung nach dem Absenden mit Angabe der Reaktionszeit?
- Laueft der Spam-Schutz unsichtbar (Honeypot oder reCAPTCHA v3) statt als Bilderraetsel?
- Hat das Formular ein sichtbares Label an jedem Feld (WCAG 3.3.2)?
Das Wichtigste zum Mitnehmen
- Weniger Felder bringen mehr Anfragen. Vier Pflichtfelder (Name, E-Mail, optionales Telefon, Nachricht) genuegen fuer die meisten Unternehmens-Websites.
- Labels stehen ueber dem Feld, nicht darin. Platzhaltertext als Label verdoppelt die Fehlerrate nachweislich und fuehrt besonders auf dem Smartphone zu Abbruechen.
- Fehlermeldungen direkt am Feld, konkret formuliert, senken Frustrations-Abbrueche ohne technischen Aufwand.
- Performance und Mobilfreundlichkeit sind die Voraussetzung fuer jede andere Optimierung: Wer die Seite nicht vollstaendig laedt, sieht das Formular nicht.
Haeufige Fragen
Wie viele Felder sollte ein Kontaktformular haben?
Vier Pflichtfelder decken den Erstkontakt fuer die meisten Websites ab: Name, E-Mail, Nachricht und, wenn fuer die Bearbeitung sinnvoll, ein optionales Telefon-Feld. Alles darueber hinaus braucht einen nachvollziehbaren Grund. Das Baymard Institute beziffert den Durchschnitt auf 11,3 Formularfelder im Checkout, während technisch 8 ausreichen.
Warum sollte das Telefon-Feld optional sein?
Ein Teil der Besucher moechte keine Anrufe von unbekannten Nummern und bricht ab, sobald Telefon als Pflichtfeld markiert ist. Wer bereit ist, seine Nummer anzugeben, tut das freiwillig. Eine freiwillig hinterlegte Nummer ist ohnehin ein staerkeres Signal als eine erzwungene. Die Abbruchquote sinkt, die Gespraechs-Qualitaet bleibt gleich.
Kann ich Spam verhindern, ohne ein CAPTCHA einzubauen?
Ja. Ein verstecktes Honeypot-Feld, das nur automatisierte Bots sehen und ausfuellen, haelt einen Grossteil automatischer Einsendungen zuverlaessig ab, ohne echte Nutzer zu bremsen. Alternativ arbeitet reCAPTCHA v3 vollstaendig im Hintergrund. Beide Methoden verzichten auf Bilderraetsel und kosten keine Anfragen.
Das Formular hat kaum Anfragen, obwohl viel Traffic auf der Seite ist. Woran kann das liegen?
Pruefen Sie vier Punkte: Laedt die Seite auf dem Smartphone unter 2,5 Sekunden? Sind alle Pflichtfelder wirklich notwendig? Gibt es Vertrauenselemente (Datenschutzhinweis, Erreichbarkeit) direkt am Formular? Und: Passt das Angebot auf der Seite zu dem, was die Besucher suchen? Traffic ohne passendes Angebot konvertiert nicht, egal wie gut das Formular technisch ist.
Welche Rolle spielt Barrierefreiheit bei Kontaktformularen?
Eine grosse. WCAG 2.1 Erfolgskriterium 3.3.2 verlangt, dass jedes Eingabefeld ein sichtbares Label oder eine klare Anweisung hat. Das gilt nicht nur fuer Menschen mit Behinderungen, sondern verbessert die Bedienbarkeit fuer alle. Seit Juni 2025 greift das Barrierefreiheitsstaerkungsgesetz (BFSG) fuer Anbieter von Dienstleistungen im elektronischen Geschaeftsverkehr, also vor allem Onlineshops und Buchungsportale, die Verbrauchervertraege abschliessen. Ein reines Kontaktformular ohne Vertragsabschluss faellt nicht darunter.
Was ist der beste Text fuer den Absende-Button?
Der Text, der beschreibt, was der Besucher bekommt, nicht was er tut. „Absenden“ ist funktional. „Angebot anfordern“, „Beratung anfragen“ oder „Nachricht senden“ ist konkret. Je mehr der Button-Text das Ergebnis aus Sicht des Nutzers benennt, desto geringer die Hemmschwelle. Testen lohnt sich, aber der Wechsel von „Absenden“ zu einer konkreten Formulierung ist fast immer ein Schritt in die richtige Richtung.