Reduzieren Sie ein Anfrageformular auf drei bis fünf Felder, machen Sie nur das zur Pflicht, was Sie für die Antwort wirklich brauchen, und validieren Sie direkt am Feld statt auf einer Fehlerseite. Korrekte autocomplete-Attribute, verständliche Fehlermeldungen und eine eigene Bestätigungsseite als Messpunkt heben die Abschlussquote meist deutlicher als jede Gestaltungsänderung.
Wie viele Felder verträgt ein Anfrageformular?
Jedes zusätzliche Feld ist eine zusätzliche Gelegenheit zum Abbruch. Für eine Erstanfrage brauchen Sie Name, E-Mail-Adresse und eine Nachricht. Häufig kommt das Unternehmen dazu, manchmal die Telefonnummer. Alles darüber hinaus sollte begründet sein, nicht gewohnheitsmäßig vorhanden.
Der Widerstand gegen Kürzung kommt fast immer aus dem Vertrieb: Mitarbeiterzahl, Branche, Budgetrahmen, Projektzeitpunkt — alles nützlich zur Qualifizierung. Nur entsteht daraus ein Formular, das Interessenten in einer frühen Phase abschreckt. Eine Steuerberatungskanzlei, die vor dem ersten Kontakt nach der Rechtsform, dem Jahresumsatz und der Buchhaltungssoftware fragt, verliert genau die Anfragen, die sie sucht.
Der tragfähige Kompromiss: Pflichtangaben aufs Nötigste, ein bis zwei optionale Qualifizierungsfelder klar als freiwillig gekennzeichnet, und der Rest im ersten Gespräch. Wer diese Reihenfolge umdreht, tauscht Anfragemenge gegen Bequemlichkeit im Backoffice.
Ein nützlicher Test vor jeder Kürzungsdiskussion: Gehen Sie die letzten zwanzig eingegangenen Anfragen durch und prüfen Sie, welche der abgefragten Angaben tatsächlich in die Bearbeitung eingeflossen sind. Felder, die in zwanzig Fällen keine Rolle gespielt haben, brauchen keine Verteidigung, sondern eine Löschung.
Pflichtfelder sparsam kennzeichnen
Pflicht ist, was ohne Rückfrage keine Antwort erlaubt. Bei einer E-Mail-Anfrage sind das meist zwei Angaben: eine Kontaktmöglichkeit und ein Anliegen. Alles andere kann optional bleiben, ohne dass Ihnen etwas fehlt.
Wenn in einem Formular fast alle Felder Pflicht sind, kennzeichnen Sie besser die wenigen optionalen mit dem Zusatz freiwillig, statt überall ein Sternchen zu setzen. Sternchenwälder erzeugen den Eindruck eines Behördenantrags. Und die Legende zum Sternchen steht sinnvollerweise über dem Formular, nicht darunter — dort wird sie erst nach dem Ausfüllen gelesen.
- Jedes Feld hat ein sichtbares Label über dem Eingabefeld, das beim Tippen stehen bleibt.
- Platzhaltertext ersetzt niemals das Label, weil er beim ersten Zeichen verschwindet.
- Hinweise zum erwarteten Format stehen vor der Eingabe, nicht erst in der Fehlermeldung.
- Die Feldbreite deutet die erwartete Länge an: Postleitzahl kurz, Nachricht großzügig.
Sichtbare Labels sind zugleich eine Frage der Bedienbarkeit mit Hilfsmitteln. Ein Label gehört über das Attribut for mit der Feldkennung verknüpft, damit ein Klick auf die Beschriftung den Fokus setzt und Screenreader das Feld korrekt ansagen. Ein danebenstehender Text ohne diese Verknüpfung sieht aus wie ein Label, ist aber keines.
In welcher Reihenfolge sollte man abfragen?
Beginnen Sie mit dem, was leichtfällt und dem Nutzer gehört, und fragen Sie Heikles später. Name und Firma sind unproblematisch. Die Telefonnummer ist es weniger, weil sie einen Anruf ankündigt. Sie steht deshalb hinter der E-Mail-Adresse, nicht davor.
Ordnen Sie Felder außerdem so, wie Menschen sie denken: Anrede und Name zusammen, Firma und Position zusammen, Kontaktwege zusammen. Ein Formular, das zwischen persönlichen und geschäftlichen Angaben hin- und herspringt, wirkt zusammengewürfelt, auch wenn die Feldanzahl stimmt.
Ein einspaltiges Layout hat sich dabei bewährt. Zweispaltige Formulare wirken kompakter, führen aber zu Zickzack-Blickführung und übersehenen Feldern. Die einzige sinnvolle Ausnahme sind eng zusammengehörige Paare wie Postleitzahl und Ort.
Auch Auswahlfelder verdienen eine Entscheidung. Ein Klappmenü mit vier Optionen ist umständlicher als vier sichtbare Auswahlschalter, weil es zwei Interaktionen statt einer verlangt. Ab etwa sieben Optionen dreht sich das Verhältnis um. Ein Klappmenü mit über dreißig Einträgen — etwa einer Länderliste — braucht ein Eingabefeld mit Vorschlägen, sonst wird das Scrollen zur Geduldsprobe.
Warum ist Inline-Validierung besser als eine Fehlerseite?
Wer ein ausgefülltes Formular abschickt und eine Seite mit dem Hinweis Bitte prüfen Sie Ihre Eingaben zurückbekommt, muss erneut suchen, was falsch war — und findet im schlechtesten Fall ein geleertes Nachrichtenfeld vor. An dieser Stelle brechen Menschen ab und schreiben stattdessen keine E-Mail.
Inline-Validierung prüft ein Feld, sobald es verlassen wird, und meldet direkt darunter, was fehlt. Wichtig ist der Zeitpunkt: nicht bei jedem Tastenanschlag, sonst blinkt beim Tippen einer E-Mail-Adresse dauerhaft eine Fehlermeldung. Nach dem Verlassen des Feldes ist der richtige Moment, danach gern bei jeder Korrektur.
Technisch gehört die Meldung über das Attribut aria-describedby mit dem Feld verknüpft und das Feld selbst mit aria-invalid markiert, damit auch Screenreader-Nutzer erfahren, welches Feld gemeint ist. Rot allein ist keine Information.
Nutzen Sie außerdem, was der Browser ohnehin mitbringt. Die Eingabetypen email, tel und url sowie die Attribute required und pattern liefern eine Grundprüfung ohne eine Zeile Skript. Die eigene Prüfung ergänzt diese Basis, ersetzt sie aber nicht — und die serverseitige Prüfung bleibt in jedem Fall Pflicht, weil clientseitige Regeln umgangen werden können.
Fehlermeldungen, die weiterhelfen
Eine gute Fehlermeldung nennt das Problem und den nächsten Schritt, in normaler Sprache und ohne Schuldzuweisung. Ungültige Eingabe erklärt nichts. Bitte geben Sie eine E-Mail-Adresse mit at-Zeichen an, zum Beispiel name@firma.de erklärt alles.
Vermeiden Sie außerdem unnötige Strenge. Telefonnummern mit Leerzeichen, Schrägstrichen oder Ländervorwahl sollten angenommen und im Hintergrund normalisiert werden. Ein Speditionsunternehmen verliert keine Anfrage, weil eine Nummer als 0 40 / 123 45 eingetippt wurde — es verliert sie, weil das Formular diese Schreibweise ablehnt.
Ein Formular, das Eingaben zurückweist, statt sie aufzuräumen, verlagert seine Arbeit auf den Kunden.
Was bringen Autofill und autocomplete-Attribute?
Browser und Passwortverwaltungen können Formulare ausfüllen, wenn die Felder korrekt ausgezeichnet sind. Das Attribut autocomplete mit Werten wie name, email, organization, tel oder street-address verkürzt das Ausfüllen auf wenige Sekunden — besonders auf dem Smartphone, wo Tippen mühsam ist.
Ergänzend steuert das Attribut inputmode die eingeblendete Bildschirmtastatur: numerisch bei Postleitzahlen, E-Mail-Tastatur mit at-Zeichen bei Adressen. Beides ist in wenigen Minuten ergänzt und wird trotzdem in vielen Formularen übersehen, weil es unsichtbar ist, solange man am Schreibtisch mit Tastatur testet.
Wann lohnt sich ein Mehrschritt-Formular?
Aufteilen lohnt sich ab etwa acht Feldern oder wenn die Angaben aus klar unterscheidbaren Blöcken bestehen — etwa Anliegen, Details, Kontaktdaten. Der psychologische Effekt liegt darin, dass jeder Schritt überschaubar wirkt und ein sichtbarer Fortschrittsbalken zeigt, dass es ein Ende gibt.
Zwei Dinge entscheiden über Erfolg oder Misserfolg. Erstens muss der Zurück-Schritt Eingaben erhalten. Zweitens gehören die Kontaktdaten in den letzten Schritt: Wer bereits zwei Schritte investiert hat, gibt die E-Mail-Adresse eher heraus als jemand, der gleich zu Beginn danach gefragt wird.
Bei drei Feldern ist die Aufteilung dagegen reine Zeremonie. Sie erzeugt Klicks ohne Nutzen und verlängert den Weg. Bleiben Sie in diesem Fall bei einer Seite.
Sichern Sie Zwischenstände lokal im Browser, sobald das Formular mehr als zwei Schritte hat. Ein versehentlich geschlossener Tab oder ein Anruf zwischendurch darf keine zehn Minuten Arbeit vernichten. Nach dem erfolgreichen Absenden werden die gespeicherten Angaben wieder verworfen.
Wie hält man Spam fern, ohne Menschen auszusperren?
Bilderrätsel und Klickpuzzles sind die teuerste Form der Spam-Abwehr, weil sie jeden echten Interessenten Zeit kosten und für Menschen mit Seh- oder Motorikeinschränkung zur Barriere werden. Es gibt leisere Mittel, die in den meisten Fällen ausreichen.
- Ein verstecktes Zusatzfeld, das nur Bots ausfüllen, filtert einen großen Teil des automatisierten Verkehrs.
- Eine Mindestverweildauer zwischen Seitenaufruf und Absenden erkennt Skripte, die in Millisekunden ausfüllen.
- Serverseitige Prüfungen auf Linkhäufung und typische Spam-Muster fangen den Rest ab.
- Erst wenn diese Mittel versagen, ist ein datenschutzfreundliches, unsichtbares Prüfverfahren die nächste Stufe.
Was passiert nach dem Absenden?
Der Datei-Upload gehört noch davor bedacht: Wenn Sie Lastenhefte oder Zeichnungen entgegennehmen, nennen Sie erlaubte Formate und die maximale Größe vor der Auswahl, zeigen Sie einen Fortschritt beim Hochladen und erlauben Sie das Entfernen einer versehentlich gewählten Datei. Ein stiller Upload ohne Rückmeldung führt zu doppelt abgeschickten Formularen.
Die Datenschutz-Checkbox sollte tatsächlich das abbilden, was passiert: eine knappe Aussage zur Verarbeitung der Angaben für die Bearbeitung der Anfrage, verlinkt auf die Datenschutzerklärung. Vorangekreuzt darf sie nicht sein. Und je weniger Sie erheben, desto kürzer wird dieser Satz — Datenminimierung ist hier auch Gestaltungsvorteil.
Leiten Sie schließlich auf eine eigene Bestätigungsseite mit eigener Adresse weiter, statt nur eine Meldung einzublenden. Diese Seite ist Ihr sauberer Messpunkt: Aufrufe der Bestätigungsseite im Verhältnis zu Aufrufen der Formularseite ergeben die Abschlussquote. Sie kann außerdem sagen, wann eine Antwort kommt, und auf passende Inhalte verweisen.
Ergänzen Sie zuletzt die automatische Eingangsbestätigung per E-Mail um den Inhalt der Anfrage. Der Absender hat damit einen Beleg, kann seine Angaben nachprüfen und findet den Vorgang später über die Postfachsuche wieder. Eine reine Empfangsbestätigung ohne Inhalt leistet das nicht.