Ist ein mehrstufiges Formular immer besser als eine einzige Seite?

Nein. Mehrere Schritte helfen, wenn das Formular lang, persönlich oder vor allem auf dem Handy genutzt wird. Eine einzige Seite ist oft besser bei kurzen Formularen, schnellen Aufgaben und allem, bei dem Menschen alle Antworten zusammen sehen wollen. Lass das Layout zur Aufgabe passen.

Wie zeige ich Fortschritt in einem mehrstufigen Formular?

Nutze eine klare Schrittzahl oder einen einfachen Fortschrittsbalken, und benenn Abschnitte, wenn sich die Art der Fragen ändert. Halt die Gesamtzahl ehrlich, wenn Verzweigungen Schritte hinzufügen können, und biete bei langen Formularen vor dem Senden einen Prüf-Screen an.

Soll jede Frage einen eigenen Schritt bekommen?

Meist nicht. Gruppier Fragen, die zusammengehören, etwa eine Adresse oder verwandte Optionen. Eine Frage pro Schritt funktioniert am besten bei sensiblen oder verzweigenden Fragen, nicht bei jedem kleinen Feld.

Bewahrt „Speichern und später weiter“ meine Antworten immer sicher?

Nur wenn du erklärst, wie es funktioniert, und das auch meinst. Nur-Browser-Entwürfe können verschwinden; ein E-Mail-Link mit echter Speicherung ist etwas anderes. Sag, welche Variante Menschen bekommen, und warn sie vor dem Verlassen, wenn Antworten noch nicht gespeichert sind.

Soll dein Formular eine Frage nach der anderen stellen?

Du hast entschieden, wie viele Fragen du stellst. Als Nächstes kommt die Wahl: Zeigst du sie alle auf einmal oder eine nach der anderen?

Beide Muster können freundlich wirken. Beide können nerven. Der Unterschied ist keine Mode, sondern ob das Layout dazu passt, wie Menschen dein Formular nutzen. Ein mehrstufiges Formular, das die Hälfte der Fragen verbirgt, kann auf dem Handy helfen. Dasselbe Muster bei einer kurzen Anmeldung fühlt sich an wie eine Parade von Screens für fast nichts. Eine lange Einzelseite kann ehrlich wirken – oder wie eine Wand.

Hier geht es um die Darstellung, nicht um die Anzahl der Fragen. Über die Länge haben wir in Wie lang darf ein Formular sein? geschrieben. Hier schauen wir, wie du diese Fragen zeigst.

Wann eine Frage nach der anderen hilft

Ein progressives, mehrstufiges Formular glänzt, wenn jeder Screen eine klare Aufgabe hat.

Lange Formulare wirken leichter. Eine lange Menge in kurze Schritte zu teilen kann den ersten „uff“-Moment senken. Menschen sehen eine Aufgabe, nicht einen Scroll von zwanzig Feldern.
Sensible Fragen bekommen Luft. Nach einem Grund, einem Budget oder etwas Persönlichem zu fragen funktioniert besser, wenn diese Frage den Screen für sich hat – mit einem kurzen Satz, der erklärt, warum du fragst.
Mobil ist freundlicher. Auf einem kleinen Screen ist eine Frage mit einem großen Weiter-Button leichter zu tippen und zu lesen als eine volle Seite, die springt, sobald die Tastatur aufgeht.
Verzweigungen bleiben ruhig. Hängt die nächste Frage von der letzten Antwort ab, kann ein schrittweiser Ablauf nur zeigen, was dazu gehört. Menschen müssen nicht an Feldern vorbeiscrollen, die plötzlich erscheinen oder verschwinden.
Der Fokus kann mit dem Schritt mitwandern. Wenn der Screen wechselt, verschiebe Tastatur- und Screenreader-Fokus zur neuen Frage. Dieses Detail zählt für Barrierefreiheit; das größere Bild steht in Ein barrierefreies Formular erstellen, das alle ausfüllen können.

Wann eine einzige Seite besser ist

Nicht jedes Formular will einen Assistenten.

Kurze Formulare. Name, E-Mail, Nachricht: drei Felder auf einem Screen sind meist klarer als drei getrennte Schritte.
Menschen brauchen den Überblick. Anträge, Angebote und alles, bei dem Antworten zusammenhängen, geht leichter, wenn Menschen kurz nach oben schauen und prüfen können, was sie schon eingetragen haben.
Schnelle Aufgaben. Hat jemand es eilig, ist jedes zusätzliche „Weiter“ Reibung. Eine kompakte Seite mit einem klaren Senden-Button gewinnt dann oft.
Drucken oder einen Entwurf teilen. Eine einzige Seite ist einfacher zu screenshotten, zu drucken oder in eine Mail zu kopieren, wenn jemand eine Kopie braucht.
Du hast nichts zu verstecken. Das ganze Formular von vornherein zu zeigen baut Vertrauen. Menschen sehen, worauf sie sich einlassen, bevor sie tippen.

Halt den Fortschritt ehrlich

Wenn du das Formular aufteilst, müssen Menschen wissen, wo sie sind und wie viel noch kommt.

Zeig Fortschritt in normalen Worten oder einem Balken. „Schritt 2 von 5“ oder ein einfacher Fortschrittsbalken reicht. Erfinde keinen fröhlichen Prozentsatz, der seltsam springt, wenn eine Verzweigung Schritte hinzufügt.
Benenn die Schritte, wenn es hilft. „Über dich“, „Deine Anfrage“, „Prüfen“ schlägt Schritt 1, Schritt 2, Schritt 3, wenn die Abschnitte unterschiedliche Arten von Arbeit sind.
Überrasch nicht mit Extra-Schritten. Öffnet eine Wahl mehr Fragen, sag das, bevor jemand sich festlegt – oder zeig, dass die Gesamtzahl wachsen kann.
Schließ bei langen Formularen mit einer Prüfung ab. Ein letzter Screen, der Antworten zusammenfasst und leichtes Bearbeiten erlaubt, fängt Fehler ab, ohne Menschen ganz zurückzuschicken.

Zurück, weiter und „Speichern und später weiter“

Die Bewegung durch das Formular sollte sich sicher anfühlen.

Lass Menschen zurückgehen. Ein Zurück-Button, der Antworten behält, ist grundlegende Freundlichkeit. Auch der Browser-Zurück-Button sollte das Formular nicht löschen, wenn du das verhindern kannst.
Bestraf keinen Fehlgriff. Ein versehentliches Weiter sollte nicht bedeuten, dass alles neu tippen muss. Behalte Antworten, wenn Menschen zwischen Schritten wechseln.
Sei ehrlich bei Speichern und später weiter. Speichert „Speichern und später weiter“ Antworten nur in diesem Browser, sag das. Braucht es einen E-Mail-Link und echte Speicherung, sag das auch. Ein Button, der dauerhaft klingt, aber verschwindet, wenn jemand den Cache leert, ist schlimmer als keiner.
Warn vor dem Verlassen. Schließt jemand den Tab mittendrin und Antworten gingen verloren, hilft eine einfache Warnung „Deine Antworten sind noch nicht gespeichert“.

Wann du nicht aufteilen solltest

Aufteilen um des Aufteilens willen macht Formulare schlechter.

Mach aus drei Feldern keine drei Seiten. Die Zeremonie kostet mehr, als sie spart.
Versteck nicht, was das Ausfüllen kostet. Ist das Formular lang, kann eine einzige Seite, die die Länge zeigt, ehrlicher sein als ein fröhlicher erster Schritt, der noch fünfzehn weitere verbirgt.
Reiß Fragen nicht auseinander, die zusammengehören. Adresszeilen, ein Start- und Enddatum oder eine Gruppe verwandter Optionen leben meist besser auf einem Screen.
Nutze Schritte nicht, um Marketing einzuschmuggeln. Extra-Screens für Upsells oder Newsletter-Pitches bringen Menschen dazu, Weiter zu misstrauen.

Eine praktische Entscheidungshilfe

Stell dir vier Fragen:

Wie lang ist das Formular wirklich? Zähl nur die Felder, die Menschen beantworten müssen. Ist es kurz, bleib auf einer Seite.
Wo füllen Menschen es aus? Vor allem auf dem Handy, mit einer Hand? Dann verdient eine-Frage-nach-der-anderen seinen Platz.
Hängen Antworten voneinander ab? Verzweigungen und persönliche Fragen passen zu Schritten; Vergleichen und Überblick passen zu einer Seite.
Kann jemand es in einem Rutsch schaffen? Wenn sie vielleicht über Nacht pausieren, brauchst du einen echten Weg weiterzumachen – nicht nur ein hübscheres Layout.

Du kannst auch beides testen. Bau die kurze Version als eine Seite und die lange als Schritte, und schau, wo Menschen stocken. Stocken nach jedem Weiter heißt oft: zu stark aufgeteilt. Stocken auf halber Höhe einer langen Seite heißt oft: zu wenig aufgeteilt – oder einfach zu viel gefragt.

Wie wir bei Cuppaform darüber nachdenken

Cuppaform wird noch gebaut. Wir entwerfen und testen, wie der Builder mehrstufige Formulare und Ein-Frage-nach-der-anderen-Flows handhaben wird: klarer Fortschritt, ein ruhiger Zurück-Button und kein Schein-„Speichern“, das nur hält, bis der Tab zu ist. Nichts hiervon ist schon ein Live-Produktversprechen; es ist die Richtung, die wir prüfen, während wir die ersten Versionen einschenken.

Du kannst die Demo ausprobieren und spüren, wie sich ein freundliches Formular von der anderen Seite anfühlt.