Hast du schon einmal auf dem Handy ein Formular ausgefüllt und gesehen, wie immer neue Felder kommen? Du beantwortest eine Frage, tippst auf Weiter, und da ist die nächste. Und die nächste. Nach dem fünften oder sechsten Bildschirm ohne Ende in Sicht gehst du einfach. Du füllst das Formular nicht zu Ende aus. Du suchst dir einen Anbieter, der es leichter macht. Das passiert ständig bei schlecht gestalteten mehrstufigen Formularen. Aber wenn ein mehrstufiges Formular richtig gebaut ist, passiert etwas anderes. Nutzer fliegen hindurch. Sie sind schneller fertig als bei einem langen einseitigen Formular. Die Conversion-Rate steigt um 86 Prozent gegenüber einer Seite, auf der alles auf einmal gefragt wird.
Dieses Kapitel zeigt, wie mehrstufige Formulare funktionieren, wann du sie nutzt (und wann nicht), wie du die Schritte ordnest, damit mehr Menschen abschließen, und was ein gut gestaltetes Wizard-Formular von einem unterscheidet, das Nutzer auf halbem Weg verliert. Wenn du ein Formular mit mehr als sieben Feldern hast oder einen komplexen Ablauf mit unterschiedlichem Datenbedarf in verschiedenen Phasen, ist das dein Leitfaden, um es richtig zu machen.
Was ist ein mehrstufiges Formular?
Ein mehrstufiges Formular ist ein Formular, das auf mehrere Bildschirme oder Seiten verteilt ist. Statt alle Felder auf einmal zu zeigen, zeigt es pro Schritt einen Teil der Felder. Ein Besucher füllt den ersten Bildschirm aus, klickt auf Weiter, sieht den zweiten und macht weiter, bis er fertig ist. Man nennt es auch schrittweises Formular, Wizard-Formular oder progressives Formular, wobei diese Begriffe je nach Aufbau etwas Unterschiedliches meinen.
Ein Wizard-Formular ist ein Formular, dessen Schritte aufeinanderfolgen und verpflichtend sind. Schritt 1 führt zu Schritt 2, Schritt 2 zu Schritt 3, und man kann nichts überspringen. Das passt gut zu Bewerbungsprozessen, Onboarding-Abläufen oder zur Qualifizierung von Leads, bei denen jeder Schritt auf dem vorigen aufbaut. Ein progressives Formular ist anders. Es zeigt Felder dynamisch je nach vorherigen Antworten auf demselben Bildschirm oder lädt Felder bedingt, ohne auf eine neue Seite zu wechseln. Manche progressiven Formulare verzweigen je nach Eingabe des Besuchers in verschiedene Wege, sodass zwei Besucher je nach Antworten ganz unterschiedliche Schritte sehen.
In diesem Kapitel behandeln wir mehrstufige Formulare und Wizard-Formulare der Klarheit halber als dasselbe. Das Grundprinzip: Das Formular ist auf mehrere Bildschirme aufgeteilt, jeder mit einem Teil der Felder. Der Besucher geht nacheinander durch die Schritte, entweder nur vorwärts oder mit der Möglichkeit, zurückzugehen und Antworten zu ändern.
Wann nutzt du ein mehrstufiges Formular und wann ein einseitiges?
Die gängige Meinung lautet, dass mehrstufige Formulare immer besser konvertieren. Das stimmt nicht ganz. Mehrstufige Formulare konvertieren besser, wenn du viele Daten sammelst oder einen komplexen Kundenweg hast. Aber wenn du ein einfaches Formular hast, das ohne Scrollen auf einen Bildschirm passt, killt die Aufteilung in Schritte die Conversion oft, statt sie zu verbessern.
Nutze ein mehrstufiges Formular, wenn dein Formular mehr als sieben Felder hat. Wenn du sieben oder weniger Felder hast und alle ohne Scrollen auf einen Bildschirm passen, lass es auf einer Seite. Der Mehraufwand mehrerer Schritte (Seitenladungen, Komplexität, Fragen zum Fortschritt) lohnt sich für den kleinen Gewinn nicht. Aber bei zehn, fünfzehn oder zwanzig Feldern ist ein mehrstufiges Formular fast immer besser. Ein Fallbeispiel aus der Finanzbranche zeigt das deutlich. Ein Formular zur Lead-Gewinnung, das von einer einzigen Seite mit vielen Fragen in vier fokussierte Schritte aufgeteilt wurde, steigerte die Conversion von elf auf sechsundvierzig Prozent. Das ist die Kraft mehrstufiger Formulare, aber sie wirkt nur, wenn das Formular lang genug ist, um die Schritte zu rechtfertigen.
Nutze ein mehrstufiges Formular, wenn dein Formular in verschiedenen Phasen verschiedene Arten von Informationen sammelt. Ein Bewerbungsformular kann zuerst Basisdaten abfragen (Name, E-Mail), dann Angaben zur Situation (worauf bewirbst du dich, warum) und dann sensible Details (Referenzen, bisheriges Gehalt). Die Aufteilung in Schritte gruppiert verwandte Fragen und wirkt natürlicher, als alles auf einer Seite zu mischen.
Vermeide mehrstufige Formulare, wenn dein Publikum entschlossen ist und handeln will. Ein Interessent, der sich schon für dein Produkt entschieden hat und schnell weitermachen will, ärgert sich über ein Bestellformular mit drei Schritten. Er will den Kauf auf dem schnellsten Weg abschließen. Deshalb nutzen hochwertige B2B-Abschlüsse oft einseitige Formulare. Der Kunde weiß, was er will, und braucht keine Führung durch Schritte.
Vermeide mehrstufige Formulare für einfache, transaktionale Aktionen. Eine Newsletter-Anmeldung braucht keine Schritte. Ein Zurücksetzen des Passworts braucht keine Schritte. Ein Kontaktformular mit vier Feldern braucht keine Schritte. Wenn das Formular einfach ist und alle Felder auf einen Bildschirm passen, ist ein Schritt besser. Füge keine Schritte hinzu, nur weil du es kannst.
Wie viele Schritte sollte ein mehrstufiges Formular haben?
Die Antwort ist keine magische Zahl. Die richtige Zahl der Schritte hängt von einem Prinzip ab: Jeder Schritt sollte eine klar abgegrenzte gedankliche Aufgabe sein und keine beliebige Feldgruppe. Teile ein Formular nicht in Schritte auf, nur um die Zahl der sichtbaren Felder zu senken. Teile es auf, wenn der Besucher gedanklich den Kontext wechseln muss.
Für die meisten Formulare sind drei bis fünf Schritte optimal. Bei zwei Schritten könntest du genauso gut eine Seite nutzen. Bei sieben oder mehr Schritten tritt Ermüdung ein. Nutzer fragen sich, wie viele Bildschirme noch kommen. Je länger der Weg, desto mehr brechen ab. Bleib bei drei bis fünf, außer dein Formular hat eine ganz besondere Struktur, die mehr verlangt.
Was zählt als ein Schritt? Ein Schritt ist eine gedankliche Aufgabe. Ein Schritt, in dem du Basisangaben zur Person sammelst (Grunddaten, Kontaktdaten, Rolle), ist eine Aufgabe. Ein Schritt, in dem du etwas über das Problem erfährst, ist eine Aufgabe. Ein Schritt, in dem jemand seine aktuelle Lösung beschreibt, ist eine Aufgabe. Ein Schritt, in dem Budget und Zeitplan genannt werden, ist eine Aufgabe. Jeder davon ist ein eigener gedanklicher Kontext. Deshalb wirkt die Aufteilung in eigene Schritte natürlich und nicht überwältigend.
Warum bedingte Logik in mehrstufigen Formularen wichtig ist
Nicht jeder Besucher muss jeden Schritt sehen. Wer einen Kredit beantragt, braucht nicht dieselben Fragen wie jemand, der eine Demo anfordert. Wer einen einfachen Tarif kauft, braucht nicht dieselben Schritte wie jemand, der einen Enterprise-Tarif kauft. Hier wird bedingte Logik entscheidend. Mit bedingter Logik zeigst du je nach Antwort unterschiedliche Schritte. Sie senkt die Gesamtzahl der Schritte, die ein Besucher sieht, und lässt das Formular persönlich wirken statt allgemein.
Ohne bedingte Logik schickst du alle auf denselben Weg. Ein Besucher, der eine Frage mit Nein beantwortet, braucht die Folgefragen nicht, muss die nächsten fünf Felder aber trotzdem sehen und überspringen. Diese Reibung summiert sich. Mit bedingter Logik springst du direkt zum passenden Schritt. Das Formular passt sich seinen Bedürfnissen an. Deshalb ist bedingte Logik nicht nur eine nette Funktion. Sie ist unverzichtbar für jedes mehrstufige Formular mit verzweigten Wegen oder verschiedenen Anwendungsfällen.
Das Schlüsselprinzip bei bedingter Logik ist Klarheit. Wenn du einen Besucher von Schritt zwei direkt zu Schritt fünf schickst, muss er verstehen, warum und was passiert ist. Ist die Logik fehlerhaft oder verwirrend, brechen Besucher ab, weil sie sich verloren fühlen. Sie wissen nicht, ob sie bei einer Frage einen Fehler gemacht haben oder ob das Formular kaputt ist. Teste bedingte Zweige vor dem Start gründlich. Stell sicher, dass jeder mögliche Antwortweg zum richtigen Schritt führt.
Wie baust du die Schritte eines mehrstufigen Formulars auf und ordnest sie?
Die Reihenfolge, in der du Informationen zeigst, ist weit wichtiger als die Zahl der Schritte. Hier wirkt ein psychologisches Prinzip. Wer Aufwand in dein Formular steckt, indem er einen Schritt ausfüllt, macht mit höherer Wahrscheinlichkeit beim nächsten Schritt weiter. Je länger er bei dir bleibt, desto wahrscheinlicher schließt er ab. Der erste Schritt ist also nicht nur ein Schritt. Er ist der Punkt der Verpflichtung, an dem Nutzer entscheiden, ob sie weitermachen oder das ganze Formular verlassen.
Erster Schritt: mit einfachen, nicht sensiblen Fragen beginnen
Der erste Schritt eines mehrstufigen Formulars sollte die niedrigste mögliche Einstiegshürde haben. Frag nach Name, E-Mail oder einer einfachen Präferenz. Beginne nicht mit Telefonnummer, Budget, Referenzen oder allem, was Vertrauen oder tiefes Nachdenken verlangt. Ein Besucher sieht den ersten Schritt und entscheidet spontan. Wirkt er leicht und schnell, füllt er ihn aus. Wirkt er aufdringlich oder komplex, geht er.
Die Psychologie dahinter heißt Endowed-Progress-Effekt. Wer dein Formular beginnt, hat schon investiert. Er hat sich entschieden, sich mit dir zu befassen. Der nächste Schritt wirkt weniger entmutigend, weil er schon in Schritt eins investiert hat. Deshalb muss dein erster Schritt der leichteste sein. Gib den Menschen sofort das Gefühl, voranzukommen. Nach Schritt eins gehen 90 Prozent derer, die angefangen haben, zu Schritt zwei weiter. Nach Schritt zwei machen 85 Prozent mit Schritt drei weiter. Aber wenn Schritt eins schwer und komplex ist, kommst du nie zu Schritt zwei.
Mittlere Schritte: Verwandtes gruppieren, sensible Fragen verschieben
In den mittleren Schritten sammelst du den Großteil deiner Daten. Hier fragst du nach dem Problem des Kunden, seiner Situation, seiner aktuellen Lösung und seinen Einschränkungen. Gruppiere verwandte Felder. Ein Schritt kann Situation und Schmerzpunkte abdecken. Ein anderer Zeitplan und Budget. Ein dritter Team und Entscheidungsprozess.
Hier das Schlüsselprinzip. Frag in den frühen Schritten nicht nach sensiblen Informationen, auch wenn sie relevant sind. Verschiebe Budgetfragen, Telefonnummern und alles, was persönliche Offenheit verlangt, auf Schritt drei oder vier. Warum? Weil der Besucher in Schritt drei schon investiert hat. Er hat zwei Schritte Informationen ausgefüllt. Die versunkenen Kosten schaffen eine psychologische Bindung. Er beantwortet sensible Fragen eher, weil ein Abbruch jetzt wie verschwendete Arbeit wirkt. Dieses Prinzip heißt Skin-in-the-Game-Effekt. Je mehr ein Besucher investiert hat, desto eher gibt er Informationen preis, bei denen er sonst zögern würde.
Letzter Schritt: Bestätigung, Zahlung und sensible Angaben
Der letzte Schritt sollte alles enthalten, was den Vorgang abschließt oder die Verpflichtung besiegelt. Wenn du Zahlungen einholst, gehört das Zahlungsfeld hierher. Wenn du eine Unterschrift oder Einwilligung brauchst, ist das der letzte Schritt. Wenn du sensible Fragen zu Budget oder persönlichen Angaben hast, die du in früheren Schritten vermieden hast, kommen sie hierher. Im letzten Schritt hat der Besucher den größten Teil des Formulars geschafft. Er ist gebunden. Er beantwortet Fragen und schließt den ganzen Ablauf mit viel höherer Wahrscheinlichkeit ab.
Der letzte Schritt kann auch einen Bestätigungsbildschirm enthalten, der dem Besucher zeigt, was er eingegeben hat. Lass ihn seine Antworten vor dem endgültigen Absenden prüfen. Das verbessert die Genauigkeit und schafft Sicherheit, dass die Angaben stimmen. Es ist auch ein Fortschrittssignal. Er sieht einen Bestätigungsbildschirm und weiß, dass das Formular fast fertig ist. Dieser psychologische Abschluss erhöht die Abschlussquote.
Fortschrittsanzeigen und Navigation
Ohne Fortschrittsanzeige wissen Besucher nicht, wie lange das Formular dauert. Sie fangen an, füllen einen Schritt aus, klicken auf Weiter und fragen sich, ob noch zehn weitere Schritte folgen. Die Unsicherheit führt zu Abbrüchen. Manche Besucher geben einfach auf, weil sie sich nicht auf eine unbekannte Zahl von Schritten einlassen wollen. Eine Fortschrittsanzeige löst das, indem sie zeigt, wo sie stehen und wie viele Schritte bleiben.
Es gibt drei gängige Stile. Nummerierte Schritte zeigen "Schritt zwei von vier" als Text oder als Schrittanzeige oben. Prozentbalken zeigen eine Füllung, die mit dem Fortschritt wächst. Punkt-Anzeigen zeigen mit einer Linie oder Verbindung dazwischen, welcher Schritt aktiv ist. Alle funktionieren, aber Untersuchungen zeigen, dass nummerierte Schritte und Prozentbalken etwas wirksamer sind als Punkte, weil sie die Gesamtzahl klar zeigen. Wer "Schritt eins von vier" sieht, weiß, dass drei folgen. Wer einen zu zwei Prozent gefüllten Balken sieht, bekommt diese Klarheit nicht.
Die Fortschrittsanzeige selbst hat einen psychologischen Effekt. Fortschritt in einem Formular zu zeigen, erhöht tatsächlich den Abschluss. Ein Formular, das zeigt, dass du zu vierzig Prozent fertig bist, bekommt mehr Abschlüsse als ein Formular ohne Anzeige, auch wenn der Gesamtaufwand identisch ist. Das ist wieder der Endowed-Progress-Effekt. Besucher haben das Gefühl, voranzukommen, und das motiviert sie weiterzumachen.
Biete immer einen Zurück-Button, mit dem Besucher ihre vorherigen Antworten bearbeiten können. Ein Besucher merkt vielleicht, dass er eine Frage falsch beantwortet hat, oder will eine frühere Antwort ändern. Wenn du ihn ohne Rückweg vorwärts zwingst, fühlt er sich gefangen. Gefangene Nutzer brechen ab. Nutzer, die frei navigieren können, schließen eher ab, weil sie sich in Kontrolle fühlen. Der Zurück-Button verbessert auch die Datenqualität. Wenn ein Besucher zurückgehen und Fehler korrigieren kann, sammelst du genauere Informationen.
Feldstrategie innerhalb jedes Schritts
Nachdem wir die Grobstruktur der Schritte behandelt haben, schauen wir auf die Felder in jedem Schritt. Wie viele Felder kommen auf jeden Bildschirm? Welches Layout funktioniert am besten? Wie gehst du mit Prüfungen und Fehlermeldungen um?
Begrenze jeden Schritt auf höchstens drei bis fünf Felder. Das ist keine harte Regel, aber ein praktischer Richtwert. Ein Schritt mit einem oder zwei Feldern wirkt, als käme man kaum voran. Ein Schritt mit acht Feldern wirkt überwältigend. Plane im Schnitt drei bis vier Felder pro Schritt. Das gibt dir genug Raum, um sinnvolle Informationen zu sammeln, ohne dass ein einzelner Schritt zur Last wird.
Nutze für jedes Feld ein einspaltiges Layout. Nutze innerhalb eines Schritts nie mehrspaltige Layouts. Das klingt selbstverständlich, aber viele Teams versuchen, mehr Felder auf den Bildschirm zu bekommen, indem sie zwei oder drei Spalten nutzen. Tatsächlich überspringen Nutzer dann Felder, weil der visuelle Fluss gestört ist. Ein Nutzer, der eine Seite liest, folgt dem natürlichen Muster von oben nach unten. Wenn Felder in Spalten stehen, übersehen Nutzer Felder. Ein bekanntes Forschungsinstitut für Nutzerfreundlichkeit hat das ausführlich getestet. Einspaltige Formulare haben bei exakt denselben Feldern deutlich höhere Abschlussquoten als mehrspaltige.
Setze Beschriftungen über die Felder, nie daneben. Wenn Beschriftungen links neben einem Feld stehen, nehmen sie horizontalen Platz weg und schieben die Felder nach unten. Stehen sie über dem Feld, sind sie da, wenn der Nutzer das Feld anklickt. Wichtiger noch: Beschriftungen, die als Platzhaltertext im Feld stehen, verschwinden, sobald der Nutzer ins Feld klickt. Beschriftungen über den Feldern bleiben sichtbar, sodass der Nutzer nie vergisst, was er ausfüllt.
Prüfe Felder, nachdem der Nutzer das Feld verlassen hat, nie während er tippt. Wer während des Tippens prüft, frustriert Nutzer. Sie sehen Fehlermeldungen, bevor sie die Eingabe beendet haben. Das wirkt, als würde das Formular sie beurteilen oder ihre Eingabe kritisieren. Prüfe, nachdem sie zum nächsten Feld gewechselt sind. So haben sie Zeit, fertig zu werden, und du kannst ihre Eingabe prüfen, ohne den Fluss zu stören. Wer eine Telefonnummer eingibt, muss keinen Fehler sehen, während er noch tippt. Lass ihn fertig werden und prüfe dann, ob sie gültig ist.
Halte offene Textfelder gering. Offene Textfelder verlangen, dass Menschen Absätze tippen. Sie senken den Abschluss deutlich, weil Tippen Zeit und Mühe kostet. Beschränke dein Formular auf höchstens zwei offene Textfelder insgesamt. Nutze für alles andere Dropdowns, Radio-Buttons, Checkboxen oder Bewertungsskalen. Ein Dropdown zur Branche ist schneller als die Bitte, die Branche zu tippen. Ein Radio-Button zur Firmengröße (klein, mittel, groß, Konzern) ist schneller, als die Firmengröße tippen zu lassen. Nutze strukturierte Eingaben, wo immer es geht.
Häufige Fehler, die den Abschluss mehrstufiger Formulare töten
Du kannst jedes Prinzip dieses Kapitels perfekt befolgen und trotzdem deine Abschlussquote ruinieren, wenn du einen dieser Fehler machst.
Frag nicht zu früh nach sensiblen Informationen. Wenn dein erster Schritt nach Telefonnummer oder Jahresumsatz fragt, verlierst du Besucher, bevor sie genug investiert haben, um dir sensible Angaben anzuvertrauen. Spar dir das für Schritt drei oder später auf.
Entferne nie den Zurück-Button. Manche Formulare erlauben nur Navigation nach vorn. Tu das nicht. Nutzer stecken fest, fühlen sich gefangen und brechen ab. Ein Formular mit Rücknavigation schneidet immer besser ab als eins ohne.
Prüfe nicht, während Nutzer tippen. Das erzeugt ständiges Feedback und Frust. Warte, bis sie zum nächsten Feld wechseln.
Nutze keine Fortschrittsanzeigen, die verschwinden oder sich unerwartet ändern. Wenn dein Fortschrittsbalken zeigt, dass du bei Schritt zwei von fünf bist, und dann plötzlich Schritt zwei von sechs zeigt, verlieren Besucher Vertrauen. Sie fühlen sich, als würde das Formular Informationen verbergen. Halte die Gesamtzahl der Schritte im ganzen Formular konstant.
Nutze keine mehrspaltigen Feldlayouts. Du verlierst Abschlüsse, weil Nutzer Felder überspringen, die sie im natürlichen Lesefluss nicht sehen.
Speichere den Fortschritt zwischen den Schritten. Wenn ein Besucher drei Schritte ausfüllt und dann wegnavigiert, sollte seine Arbeit gespeichert sein. Wenn er zum Formular zurückkommt, sollten seine bisherigen Eingaben noch da sein. Gehen Daten verloren, müssen Besucher alles neu eingeben oder brechen ab. Das killt Conversions. Manche Formular-Builder nutzen den lokalen Speicher, um den Fortschritt zu sichern, sodass die Daten noch da sind, wenn ein Besucher den Browser schließt und später zurückkommt. Das ist ein starker Treiber für Abschlüsse.
Nutze keine fehlerhafte bedingte Logik, die Menschen zu den falschen Schritten schickt. Wenn ein Besucher Frage drei mit Option A beantwortet und deine Logik ihn zu Schritt fünf springen lassen soll, ihm aber Schritt sechs zeigt, bricht er ab. Teste vor dem Start immer, ob deine bedingte Verzweigung richtig funktioniert.
So hilft dir WEMASY beim Bauen mehrstufiger Formulare
Mit dem Formular-Builder von WEMASY erstellst du mehrstufige Formulare mit bedingter Logik, automatischer Fortschrittsanzeige und integrierten Analysen. Baue ein Lead-Formular mit fünf Schritten und sieh, bei welchem Schritt die meisten abspringen. Leite verschiedene Besucher je nach Antworten zu verschiedenen Schritten. Speichere den Fortschritt der Besucher, damit ihre Daten erhalten bleiben, wenn sie den Browser schließen und später zurückkehren. Alle Formular-Einsendungen landen in deinem Dashboard, wo du Antworten ansiehst, Daten exportierst und Einsendungen mit deinem CRM verbindest. Du kannst auch Kennzahlen zur Formularleistung verfolgen, etwa Abschlussquoten pro Schritt, Zeit pro Seite und Abbruchpunkte. Mehr dazu, wie Formulare Geschäftsergebnisse beeinflussen und in deine Website-Strategie passen, findest du in unserem Leitfaden zu Website-Formularen und ihrer Bedeutung.