Formular-Design für Nicht-Designer: Warum Menschen auf halbem Weg abbrechen und wie man es behebt

Fast jede App hat irgendwo ein Formular. Hier registrieren. Neuen Kunden anlegen. Termin buchen. Sag uns, was schiefgelaufen ist. Und fast jede App verliert Menschen genau dort – auf dem einen Bildschirm, auf dem man sie bittet, etwas zurückzutippen. Sie waren neugierig genug, um vorbeizuschauen, und das Formular ist der Ort, an dem sie leise den Tab schließen.

Formular-Design ist schlicht die Summe der Entscheidungen hinter diesem Bildschirm: welche Felder man abfragt, in welcher Reihenfolge sie kommen und wie das Formular reagiert, wenn jemand einen Fehler macht oder fertig ist. Es ist eine der wirkungsvollsten Änderungen, die man an einer KI-gebauten App vornehmen kann, denn ein Formular ist der Moment, in dem man jemanden um Arbeit bittet – macht man das falsch, bekommt die ganze Mühe, die man in den Rest der App gesteckt hat, nie eine Chance, etwas zu bewirken. Hier ist, warum Menschen Formulare abbrechen, und die Handvoll Änderungen, die sie bis zum Ende bringen.

Warum brechen Menschen Formulare auf halbem Weg ab?

Menschen brechen ab, wenn das, worum ein Formular bittet, schwerer wiegt als das, was sie im Gegenzug bekommen – das ist der ganze Mechanismus. Die meisten schlechten Formulare sind nicht hässlich; sie verlangen einfach zu viel, zu früh, bevor die Person überzeugt ist, dass es sich lohnt.

Stell dir jedes Feld als eigene Bitte vor. „Wie heißt du?” ist eine winzige Bitte. „Lade deine Gewerbeerlaubnis hoch” ist eine große. „Erstelle ein Passwort” ist mittelgroß, aber auch eine Verpflichtung – sie sagt: du wirst wiederkommen müssen. Wenn jemand auf dein Formular stößt, zählt er im Stillen diese Bitten zusammen und wägt sie gegen ab, wie sehr er das Ergebnis will. Der erste Schritt beim Formular-Design ist also nicht visueller Natur. Es ist die Entscheidung, was man wirklich braucht.

Wie viele Felder sollte ein Formular haben?

So wenige wie irgend möglich. Der wirksamste Fix gegen Formularabbrüche ist, Felder zu löschen – nicht zu verkleinern, nicht umzuordnen. Löschen.

Eine Freundin hat ein Buchungstool für ihr Reinigungsunternehmen gebaut. Das Formular der ersten Version hatte elf Felder: Name, E-Mail, Telefon, Adresse, Quadratmeterzahl, Anzahl der Schlafzimmer, Anzahl der Badezimmer, Haustiere, Wunschdatum, Wunschzeit und „Sonstiges”. Fast niemand hat es zu Ende ausgefüllt. Wir haben es auf drei reduziert – Name, Telefon und „Wann passt es dir?” – und den Rest bei dem Bestätigungsanruf abgefragt, den sie ohnehin machte. Die Buchungen stiegen sofort. Die anderen acht Felder sammelten keine Informationen – sie schreckten Menschen ab, bevor sie überhaupt zum Lead wurden.

Stell für jedes Feld eine Frage: Brauche ich das genau jetzt, für den allernächsten Schritt? Lautet die Antwort „Nein, aber es wäre schön”, streiche es. Man kann immer später fragen, sobald die Person bereits Kundin ist statt einer Fremden, die noch überlegt, ob sie sich die Mühe macht. Ein Formular, das drei Dinge abfragt und funktioniert, schlägt ein gründliches, das niemand zu Ende ausfüllt.

In welcher Reihenfolge sollten Formularfelder stehen?

Beginne mit den einfachsten Feldern, die am wenigsten Verpflichtung erfordern – solchen, die keinerlei Nachdenken kosten, wie Name oder E-Mail – und heb dir alles, was echten Aufwand verlangt, für später auf, wenn die Person schon Schwung hat. Die Reihenfolge zählt mehr, als man denkt. Sobald jemand anfängt zu tippen, ist die Wahrscheinlichkeit viel höher, dass er weitermacht; der schwierige Teil war der Anfang. Wer mit „Passwort erstellen” oder „Dokument hochladen” beginnt, verlangt die große Verpflichtung, bevor überhaupt Schwung entstanden ist – und genau dort steigen Menschen aus.

Ist ein Formular wirklich lang – ein detaillierter Antrag, eine Aufnahme mit echtem Papierkram –, teile es in Schritte auf und zeig, wo die Person gerade steht. „Schritt 2 von 3” ist eine kleine Sache, die echte Arbeit leistet: Sie sagt jemandem, dass das Ende in Sicht ist, damit er nicht einen langen Scroll abbricht, weil er keine Ahnung hat, wie viel noch übrig ist. Eine sichtbare Ziellinie hält Menschen in Bewegung darauf zu.

Welche Formularfelder sollten Pflichtfelder sein?

So wenige wie möglich. Kennzeichne Pflichtfelder klar – und, noch wichtiger, mach fast nichts verpflichtend. Jedes Pflichtfeld ist eine Stelle, an der das Formular jemanden zurückweisen kann, und nichts killt ein Formular schneller, als wenn jemand es ausfüllt, auf Absenden klickt und mit drei roten Fehlern für Felder zurückgeworfen wird, von denen er nicht wusste, dass er sie ausfüllen musste.

Kann ein Feld optional sein, mach es optional. Die Telefonnummer, die man „gerne hätte”, ist es nicht wert, die Person zu verlieren, die sie nicht geben will und stattdessen abbricht.

Wie sollten Validierungsfehler in Formularen funktionieren?

Gute Validierung erkennt einen Fehler in dem Moment, in dem er passiert, und erklärt genau, was zu tun ist, statt auf das Absenden zu warten und dann eine Wand aus Rot zu werfen. Ein gutes Formular erkennt das Problem genau dort, wo es entstanden ist, in dem Moment, in dem die Person das Feld verlässt, und sagt etwas Konkretes und Freundliches: „Bei dieser E-Mail-Adresse fehlt das @.” Ein schlechtes Formular wartet, bis abgesendet wird, wirft eine Wand aus Rot und sagt „Ungültige Eingabe” – was überhaupt nicht verrät, was zu beheben ist.

Der Unterschied liegt darin, ob sich das Formular anfühlt, als stünde es auf der Seite der Person. „Dieses Datum liegt schon in der Vergangenheit – wähl einen Tag diese Woche” ist eine Hilfestellung. „Fehler” ist ein Tadel. Das eine wird zu Ende geführt, das andere abgebrochen. Das ist ein kleiner, aber realer Teil des Formular-Designs – und es lohnt sich, jede Fehlermeldung zu prüfen, die deine App ausgeben kann.

Wie mache ich ein Formular mobilfreundlich?

Zwei Dinge zählen auf dem Handy am meisten, und Handys bestrafen faul gebaute Formulare gnadenlos. Erstens: die richtige Tastatur anfordern – ein E-Mail-Feld sollte die Tastatur mit dem @-Zeichen aufrufen, ein Telefonfeld die Zifferntastatur. Dein Builder kann das einstellen, und es macht aus dem Tippen eine Kleinigkeit statt einer Plage. Zweitens: für Daten einen echten Datumsauswähler verwenden, statt jemanden „21.06.2026” mit den Daumen tippen zu lassen – ein Kalender zum Antippen ist schneller und liefert nie ein Datum im falschen Format.

Probier es selbst aus: Öffne das Formular deiner App auf deinem eigenen Handy und füll es aus, als wärst du eine fremde Person in Eile. Die Reibungspunkte zeigen sich innerhalb von etwa zehn Sekunden.

Was sollte passieren, nachdem jemand ein Formular abgeschickt hat?

Zeig sofort nach dem Absenden eine klare Bestätigung – eine Nachricht, ein Dankeschön, ein „Wir haben es erhalten, so geht es weiter.” Der am häufigsten übersehene Teil eines Formulars ist das Ende. Jemand klickt auf Absenden und … nichts Sichtbares passiert. Ist es durchgegangen? Sollte man es noch mal versuchen? Diese Stille bringt Menschen dazu, erneut abzusenden, oder schlimmer noch, anzunehmen, es sei kaputt, und zu gehen. Es ist nur ein Bildschirm – und er macht den Unterschied zwischen jemandem, der deiner App vertraut, und jemandem, der sich fragt, ob er gerade seine Zeit verschwendet hat.

Wie man es seinem Builder sagt

Das meiste davon kannst du deinem KI-Builder direkt übergeben, wenn du konkret bist:

• „Dieses Formular soll nur drei Felder haben: Name, Telefon und Wunschdatum. Verschieb alles andere in einen späteren Schritt.”
• „Mach jedes Feld optional außer Name und E-Mail.”
• „Zeig Inline-Fehlermeldungen direkt neben jedem Feld, während der Nutzer tippt, mit klar verständlichen Hinweisen – nicht eine Fehlerliste unten.”
• „Verwende auf dem Handy die E-Mail-Tastatur für das E-Mail-Feld und einen Datumsauswähler für das Datumsfeld.”
• „Zeig nach dem Absenden einen Bestätigungsbildschirm, der sagt, dass wir es erhalten haben und wie es weitergeht.”

Jede dieser Anweisungen ist klar genug, dass dein Builder danach handeln kann, und zusammen decken sie das meiste ab, was ein Formular, das Menschen fertig ausfüllen, von einem unterscheidet, vor dem sie fliehen.

Wie testet man ein Formular, bevor man es live schaltet?

Öffne es auf deinem Handy und versuch, es so schnell wie möglich auszufüllen, als hättest du es noch nie gesehen. Das ist der ganze Test. Achte auf jede Stelle, an der du zögerst, die Stirn runzelst oder nachdenken musst – genau dort brechen deine echten Nutzer ab, und jetzt weißt du genau, was zuerst zu beheben ist.