Ein Formular ist häufig der Moment, in dem aus Interesse eine konkrete Anfrage wird. Trotzdem verlangen viele Websites unnötige Angaben, verstecken Anforderungen oder zeigen Fehlermeldungen erst nach dem Absenden. Jeder zusätzliche Zweifel erhöht die Wahrscheinlichkeit eines Abbruchs.
Ein gutes Formular fühlt sich nicht wie Verwaltung an. Es fragt nur, was für den nächsten Schritt wirklich benötigt wird, erklärt Erwartungen und gibt jederzeit verständliche Rückmeldung.
Mit dem Zweck des Formulars beginnen
Ein allgemeines Kontaktformular, eine Terminanfrage und eine Projektqualifizierung erfüllen unterschiedliche Aufgaben. Bevor Felder festgelegt werden, muss klar sein:
- Welche Entscheidung soll nach dem Absenden möglich sein?
- Welche Informationen sind dafür zwingend erforderlich?
- Was kann später im Gespräch geklärt werden?
- Welche Erwartungen müssen vorab genannt werden?
Wenn eine Agentur für eine erste Rückmeldung nur Name, Kontaktmöglichkeit und Anliegen benötigt, muss sie nicht sofort Budget, Unternehmensgröße, Adresse und zehn Projektdetails erzwingen.
Nur notwendige Felder abfragen
Jedes Feld kostet Aufmerksamkeit. Besonders auf dem Smartphone verlängert es den Prozess deutlich. Prüfen Sie bei jeder Angabe, ob sie für den unmittelbaren nächsten Schritt benötigt wird.
Unterscheiden Sie:
- Pflichtangaben,
- sinnvolle optionale Angaben,
- Informationen, die intern selbst ergänzt werden können,
- Fragen für das spätere Gespräch.
Optionale Felder sollten klar als solche erkennbar sein. Eine lange Reihe von Sternchen zwingt Nutzer dagegen, ständig nach der Erklärung für Pflichtfelder zu suchen.
Beschriftungen bleiben sichtbar
Platzhalter im Eingabefeld sind kein Ersatz für eine echte Beschriftung. Sobald ein Nutzer tippt, verschwindet der Hinweis. Bei einer Fehlermeldung oder späteren Kontrolle ist dann möglicherweise unklar, welche Information erwartet wurde.
Das Formular-Tutorial der W3C Web Accessibility Initiative empfiehlt klar zugeordnete Beschriftungen, verständliche Anweisungen und hilfreiche Rückmeldungen. Sichtbare Labels helfen nicht nur assistiven Technologien, sondern allen Nutzern.
Gute Beschriftungen sind kurz und konkret. Zusätzliche Formatvorgaben stehen direkt am jeweiligen Feld, nicht gesammelt im Kleingedruckten.
Felder logisch gruppieren
Verwandte Angaben gehören zusammen. Ein längeres Projektformular kann beispielsweise in folgende Gruppen gegliedert werden:
- Anliegen
- Rahmen und Ziele
- Kontaktdaten
- Prüfung und Absenden
Gruppen reduzieren die wahrgenommene Komplexität. Mehrstufige Formulare sind sinnvoll, wenn sie einen langen Prozess tatsächlich verständlicher machen. Ein kurzes Kontaktformular künstlich auf mehrere Schritte zu verteilen, erzeugt dagegen zusätzliche Klicks.
Bei mehreren Schritten sollte der Fortschritt erkennbar sein. Nutzer müssen zurückgehen können, ohne Eingaben zu verlieren.
Passende Eingabetypen verwenden
Ein Formular sollte die Eingabe erleichtern, nicht nur Daten entgegennehmen. Auf Mobilgeräten können passende Feldtypen die richtige Tastatur öffnen. Auswahlmöglichkeiten verhindern unnötiges Tippen, wenn die Optionen klar und überschaubar sind.
Freitext bleibt wichtig, wenn Nutzer ihr Anliegen in eigenen Worten beschreiben müssen. Starre Auswahlfelder dürfen nicht dazu führen, dass kein passender Weg vorhanden ist.
Automatische Vervollständigung kann bekannte Angaben schneller eintragen. Sie sollte technisch korrekt eingesetzt und nicht ohne Grund blockiert werden.
Fehlermeldungen direkt und verständlich
„Ungültige Eingabe“ hilft kaum. Eine gute Meldung nennt:
- welches Feld betroffen ist,
- was nicht funktioniert,
- wie die Eingabe korrigiert werden kann.
Fehler sollten nahe am Feld erscheinen und zusätzlich so zusammengefasst werden, dass Nutzer schnell zur betroffenen Stelle gelangen. Farbe allein reicht nicht; Symbol, Text oder Form müssen den Zustand ergänzen.
Bereits korrekt ausgefüllte Angaben dürfen nach einem Fehler nicht verschwinden. Noch besser ist eine behutsame Prüfung während der Eingabe oder beim Verlassen eines Feldes, ohne den Nutzer nach jedem Zeichen zu unterbrechen.
Absenden, Laden und Bestätigung
Nach dem Klick muss sichtbar sein, dass das Formular verarbeitet wird. Der Button kann kurz deaktiviert und mit einem verständlichen Ladezustand versehen werden. So werden doppelte Übermittlungen vermieden.
Die Bestätigung beantwortet anschließend:
- Ist die Anfrage angekommen?
- Was passiert als Nächstes?
- Wann ist mit einer Rückmeldung zu rechnen?
- Gibt es eine alternative Kontaktmöglichkeit?
Eine kleine grüne Meldung am Seitenrand ist leicht zu übersehen. Eine klare Bestätigungsansicht schafft Sicherheit.
Vertrauen und Datenschutz
Fragen Sie keine sensiblen Informationen ab, die für den Zweck nicht erforderlich sind. Erklären Sie knapp, wofür Daten verwendet werden, und verlinken Sie die Datenschutzerklärung verständlich.
Lange Rechtstexte direkt am Formular helfen selten. Der Datenschutzhinweis sollte klar, korrekt und zum tatsächlichen Prozess passend sein. Checkboxen dürfen nicht pauschal für Einwilligungen eingesetzt werden, wenn eine andere Rechtsgrundlage gilt; die konkrete rechtliche Gestaltung sollte fachlich geprüft werden.
Sicherheitsmaßnahmen wie Spam-Schutz dürfen die Bedienung nicht unnötig erschweren. Bevorzugen Sie unauffällige technische Lösungen und bieten Sie bei einer Prüfung eine zugängliche Alternative.
Formulare auf dem Smartphone
Mobile Formulare benötigen:
- ausreichend große Felder und Berührungsflächen,
- klaren Abstand zwischen Aktionen,
- gut sichtbare Beschriftungen,
- keine seitlich abgeschnittenen Meldungen,
- eine Reihenfolge ohne unnötige Spalten,
- sinnvolle Tastaturen und Autovervollständigung,
- stabile Darstellung beim Öffnen der Bildschirmtastatur.
Testen Sie nicht nur die Optik. Füllen Sie das Formular vollständig auf mehreren Geräten aus, lösen Sie Fehler aus und prüfen Sie die Bestätigung.
Qualität der Anfrage statt maximale Menge
Ein extrem kurzes Formular kann viele, aber unklare Anfragen erzeugen. Ein sehr langes Formular filtert stärker, schreckt jedoch passende Interessenten ab. Die richtige Länge hängt vom Prozess ab.
Messen Sie daher nicht nur Abschlüsse, sondern auch:
- Qualität und Vollständigkeit der Anfragen,
- Rückfragen im ersten Gespräch,
- Abbrüche an bestimmten Feldern,
- technische Fehlermeldungen,
- Nutzung nach Gerätetyp.
Häufige Formularfehler
- zu viele Pflichtfelder
- Platzhalter statt Labels
- unklare Formatvorgaben
- Fehlermeldungen nur oben auf der Seite
- Farbe als einziges Fehlersignal
- Verlust bereits eingegebener Daten
- fehlender Ladezustand
- unauffällige Erfolgsbestätigung
- ungeprüfte mobile Tastatur
- schwer bedienbarer Spam-Schutz
Checkliste für ein gutes Website-Formular
- Ist der Zweck eindeutig?
- Werden nur notwendige Angaben verlangt?
- Bleiben Labels jederzeit sichtbar?
- Sind Pflicht und optional klar unterschieden?
- Sind Felder logisch gruppiert?
- Erklären Fehlermeldungen die Korrektur?
- Bleiben richtige Eingaben erhalten?
- Gibt es Lade- und Erfolgszustände?
- Funktioniert alles mit Tastatur und Smartphone?
- Wird die Qualität der Anfragen ausgewertet?
Häufige Fragen
Wie viele Felder sollte ein Kontaktformular haben?
So wenige wie möglich und so viele wie nötig. Die passende Zahl ergibt sich aus dem nächsten Arbeitsschritt, nicht aus einer allgemeinen Regel.
Sollte jedes Formular mehrstufig sein?
Nein. Mehrere Schritte helfen bei wirklich langen oder logisch gegliederten Prozessen. Kurze Formulare werden dadurch meist nur umständlicher.
Reicht ein Sternchen für Pflichtfelder?
Es kann funktionieren, wenn seine Bedeutung sofort verständlich ist. Häufig ist die Kennzeichnung optionaler Felder klarer, wenn fast alle Angaben erforderlich sind.
Wann sollten Fehler angezeigt werden?
So früh, dass eine Korrektur leicht möglich ist, aber nicht störend während jedes Tastendrucks. Spätestens beim Absenden müssen alle Fehler präzise auffindbar sein.
Braucht ein Formular eine Einwilligungs-Checkbox?
Nicht pauschal. Das hängt von Zweck und rechtlicher Grundlage der Verarbeitung ab. Datenschutzhinweise und Einwilligungen sollten für den konkreten Fall rechtlich geprüft werden.
Fazit: Ein gutes Formular setzt den Dialog fort
Nutzerfreundliche Formulare fragen gezielt, erklären klar und geben Sicherheit. Sie sind technisch zugänglich, mobil angenehm und eng mit dem anschließenden Geschäftsprozess verbunden. So entstehen nicht nur mehr Abschlüsse, sondern bessere Anfragen.
Verlieren Sie Interessenten im Kontaktformular?
MBCreate analysiert Formularabbrüche, vereinfacht Felder und Abläufe und entwickelt barrierearme Anfrageprozesse für Smartphone und Desktop.
