Die meisten Formulare sind gleich aufgebaut. Du erstellst ein Formular mit allen Fragen, die du beantwortet haben willst, und jeder Besucher sieht jede Frage, egal in welcher Situation er ist. Das ist ein Problem. Ein Besucher, der Hilfe zu Funktion X braucht, sieht trotzdem 10 Fragen zu Funktion Y, obwohl die Antworten zu Funktion Y für ihn keine Rolle spielen. Er bricht das Formular auf halbem Weg ab, weil er Fragen beantwortet, die nicht auf ihn zutreffen.
Ein Formular mit bedingter Logik ändert das. Bedingte Logik ist ein Regelwerk, das Fragen anzeigt oder verbirgt, je nachdem, wie jemand eine vorherige Frage beantwortet hat. Wählt ein Besucher „Ich brauche Hilfe zu Funktion X“, sieht er die Fragen zu Funktion X. Wählt er Funktion Y, überspringt er die Fragen zu Funktion X komplett und kommt direkt zu den Fragen zu Funktion Y. Nur die Fragen, die für genau diesen Besucher wichtig sind, erscheinen auf seinem Bildschirm. Bedingte Logik ist eine Form des dynamischen Verhaltens von Formularen.
Das Ergebnis ist ein Formular, das kurz und relevant wirkt. Ein Besucher füllt dein Formular schneller aus, weil er keine unpassenden Fragen liest. Deine Daten sind sauberer, weil Menschen Fragen zu ihrer Situation beantworten. Und deine Abschlussraten springen nach oben, denn ein Formular mit sechs Fragen schlägt immer eines mit zwanzig, selbst wenn der Besucher nur sechs der zwanzig Fragen sieht, die die bedingte Logik stellen könnte.
Was dynamische Formulare sind und wo bedingte Logik hineinpasst
Ein dynamisches Formular ist jedes Formular, das sich je nach Verhalten, Antworten oder Kontext des Nutzers verändert. Das Formular passt sich in Echtzeit an die Person an, die es ausfüllt. Bedingte Logik ist ein Weg, ein Formular dynamisch zu machen, aber nicht der einzige.
Dynamische Formulare können auf verschiedene Weise funktionieren. Ein Formular kann dynamisch sein, weil es Felder mit Informationen vorausfüllt, die du schon über den Besucher kennst. Ein Formular kann dynamisch sein, weil es eine E-Mail-Adresse beim Tippen prüft und sofort sagt, wenn sie ungültig ist. Ein Formular kann dynamisch sein, weil es je nach Auswahl andere Fragen zeigt. Das Letzte ist bedingte Logik.
Bedingte Logik ist die häufigste Form des dynamischen Verhaltens, weil du damit das gesamte Formular anhand der Antworten personalisieren kannst. Dynamisch ist aber die weitere Kategorie. Ändert ein Formular irgendetwas an sich, weil jemand damit interagiert, ist es dynamisch. Bedingte Logik ist der konkrete Mechanismus, Fragen anhand von WENN-DANN-Regeln anzuzeigen oder zu verbergen.
Dieses Kapitel konzentriert sich auf Formulare mit bedingter Logik, weil sie der mächtigste Weg sind, Formulare dynamisch zu machen. Siehst du den Begriff „dynamisches Formular“ in der Dokumentation eines Formular-Builders, weißt du: Bedingte Logik macht es für deine Besucher wirklich dynamisch.
So funktioniert bedingte Logik
Bedingte Logik basiert auf WENN-DANN-Regeln. Antwortet der Besucher bei Frage 1 mit X, dann zeige Frage 2A. Antwortet er bei Frage 1 mit Y, dann zeige stattdessen Frage 2B. Das Formular verzweigt sich je nach Antworten in verschiedene Richtungen.
Ein einfaches Beispiel: Ein Kontaktformular eines Softwareunternehmens fragt „Wobei können wir helfen?“. Der Besucher kann Vertriebs-Support, Technischen Support oder Abrechnungs-Support wählen. Je nach Auswahl verzweigt das Formular in andere Folgefragen. Wählt er Vertriebs-Support, fragt das Formular „Für welches Produkt interessierst du dich?“ und „Wie sieht dein Zeitplan aus?“. Wählt er Technischen Support, fragt es „Welchen Fehler siehst du?“ und „Welches Gerät nutzt du?“. Dasselbe Formular, drei völlig verschiedene Pfade je nach Antwort des Besuchers.
Bedingte Logik verkürzt das Formular, das der Besucher erlebt. Er sieht nur die Fragen, die für ihn relevant sind. Im Hintergrund blendet dein Formular-Builder Fragen anhand vordefinierter Regeln ein oder aus. Der Besucher muss die Logik nicht verstehen. Er beantwortet einfach Fragen und sieht die nächste passende Frage erscheinen.
Formulare mit bedingter Logik und mehrstufige Formulare
Formulare mit bedingter Logik und mehrstufige Formulare werden oft verwechselt, weil beide Formulare in kleinere, überschaubare Teile zerlegen. Sie dienen aber unterschiedlichen Zwecken und funktionieren anders.
Ein mehrstufiges Formular teilt Fragen in aufeinanderfolgende Seiten oder Schritte auf. Schritt 1 fragt vielleicht nach Name und E-Mail. Schritt 2 nach Budget und Zeitplan. Schritt 3 nach Zielen. Alle Besucher beantworten dieselben Fragen in derselben Reihenfolge. Das Formular hat drei Schritte, aber der Weg ist für alle gleich. Ein Besucher klickt auf „Weiter“, um von Schritt 1 zu Schritt 2 zu kommen. Mehrstufige Formulare senken die kognitive Überlastung, weil sie weniger Felder auf einmal zeigen, was die Abschlussrate verbessern kann. Aber jeder Besucher beantwortet trotzdem jede Frage.
Ein Formular mit bedingter Logik braucht überhaupt keine Schritte. Stattdessen ändern sich die Fragen selbst je nach Antworten. Besucher A sieht vielleicht die Fragen 1, 2, 3 und 5. Besucher B sieht die Fragen 1, 2, 4 und 6. Verschiedene Besucher sehen je nach ihrem Weg durch das Formular grundlegend verschiedene Fragen. Keine zwei Besucher müssen denselben Fragensatz beantworten.
Beide Ansätze können zusammenarbeiten. Ein Formular kann mehrstufig sein UND bedingte Logik haben. Schritt 1 fragt vielleicht „Wobei brauchst du Hilfe?“, und je nach Antwort zeigt Schritt 2 andere Fragen. Du bekommst die Klarheit der Schritte plus die Personalisierung der bedingten Logik. Es sind aber grundlegend verschiedene Werkzeuge, die verschiedene Probleme lösen. Mehrstufige Formulare helfen bei der gefühlten Länge. Bedingte Logik hilft bei der Relevanz.
Warum Formulare mit bedingter Logik Abbrüche senken
Formularabbrüche haben einen einfachen Grund: Das Formular ist zu lang oder stellt unpassende Fragen. Ein Besucher beginnt, sieht eine Liste mit 20 Fragen, wird müde und geht. Er schließt das Formular nie ab, und du verlierst den Lead.
Bedingte Logik behebt das. Stellt ein Formular nur die Fragen, die auf die Person zutreffen, schließt sie es schneller ab. Ein Formular, das beim Ausfüllen wie sechs Fragen wirkt, wird viel häufiger abgeschlossen als eines, das wie 20 Fragen wirkt, selbst wenn beide Formulare insgesamt bis zu 20 Fragen stellen könnten, würde man jeden bedingten Pfad nehmen.
Die Psychologie dahinter ist stark. Ein Besucher sieht ein kurzes Formular und denkt „Das schaffe ich in zwei Minuten.“ Er füllt es aus und sendet es ab. Ein Besucher sieht ein langes Formular und denkt „Das ist zu viel Arbeit“ und navigiert weg, ohne etwas auszufüllen. Die gefühlte Länge zählt mehr als die tatsächliche. Bedingte Logik steuert die gefühlte Länge, indem sie nur zeigt, was gerade relevant ist.
Wann du Formulare mit bedingter Logik einsetzt
Bedingte Logik passt nicht zu jedem Formular. Ein einfaches Kontaktformular mit vier Fragen braucht sie nicht. Eine Newsletter-Anmeldung braucht sie nicht. Bestimmte Formulararten werden mit bedingter Logik aber deutlich stärker.
Nutze bedingte Logik, wenn dein Formular mehrere Pfade hat. Gibt es verschiedene Fragen für verschiedene Nutzertypen oder Situationen, passt bedingte Logik gut. Ein Support-Formular, bei dem Technischer Support andere Fragen bekommt als Abrechnungs-Support, profitiert von Verzweigungslogik. Ein Formular für Produktanfragen, bei dem jemand, der nach Software fragt, andere Fragen bekommt als jemand, der nach Dienstleistungen fragt, profitiert davon.
Nutze bedingte Logik, wenn du optionale Abschnitte hast. Gibt es Fragen, die nur manche Besucher beantworten müssen, verstecke sie hinter bedingter Logik, statt sie in einem langen Formular als optionale Felder zu lassen. Ein B2B-Formular für Erstgespräche, bei dem „Wie viele Teammitglieder habt ihr?“ für manche Interessenten relevant ist und für andere nicht, kann bei bestimmten Besuchertypen zu Fragen zur Teamgröße verzweigen. Das Formular bleibt kürzer und wirkt für jede Person relevanter.
Nutze bedingte Logik, wenn du detaillierte Folgefragen stellen musst. Eine einfache Frage wie „Was ist deine größte Herausforderung?“ kann zu einer Reihe detaillierter Folgefragen verzweigen. Wählt jemand „Ich muss die Conversions steigern“, zeige fünf detaillierte Fragen zu aktueller Conversion-Rate, Traffic und Zielgruppe. Wählt er „Ich muss Kosten senken“, zeige Fragen zu seinen aktuellen Ausgaben und Prioritäten beim Sparen. Dasselbe Formular, andere Folgefragen je nach erster Antwort.
Nutze bedingte Logik, wenn du ein langes Formular hast, es aber nicht kürzen kannst. Manche Formulare brauchen wirklich 20 oder 30 Fragen, weil du diese Informationen brauchst. Statt allen Besuchern alle 30 Fragen zu stellen, zeige mit bedingter Logik verschiedene Teilmengen. Ein Formular für eine Krankenversicherung stellt einer 25-jährigen Einzelperson vielleicht andere Fragen als einem 55-Jährigen mit Angehörigen. Das Formular bleibt insgesamt lang, aber jede Person sieht nur die Fragen, die zu ihrer Situation passen.
Nutze bedingte Logik nicht, wenn dein Formular schon kurz ist. Hast du ein Formular mit fünf Fragen, macht bedingte Logik es nur komplizierter, ohne Nutzen. Ein Besucher, der ein Formular mit fünf Fragen ausfüllt, erlebt es als kurz, ob mit oder ohne Verzweigungslogik. Baue keine Komplexität um ihrer selbst willen ein.
Nutze bedingte Logik nicht, wenn sich die Folgefragen nicht wirklich unterscheiden. Ist Frage 2 ungefähr dieselbe, egal wie Frage 1 beantwortet wurde, brauchst du keine Verzweigung. Halte das Formular linear. Bedingte Logik soll das Erlebnis spürbar verändern, nicht den Anschein einer Veränderung erwecken. Ein Besucher soll das Gefühl haben, die richtigen Fragen für seine konkrete Situation gestellt zu bekommen, nicht dass du nur dieselben Fragen in anderer Reihenfolge ein- und ausblendest.
Die Struktur eines Formulars mit bedingter Logik aufbauen
Der Schlüssel zu einem Formular mit bedingter Logik, das funktioniert, ist eine klare Verzweigungsstruktur. Du musst vorher wissen, welche Fragen du stellst, welche Antworten welche Folgefragen auslösen und welche Pfade es in deinem Formular gibt.
Beginne damit, deine Verzweigungen zu skizzieren. Zeichne den Entscheidungsbaum, bevor du das Formular baust. Du kannst ein Dokument, ein Whiteboard oder ein Flussdiagramm-Tool nutzen, aber lege ihn irgendwo sichtbar ab. Deine erste Frage lautet „Welche Art von Hilfe brauchst du?“. Der Besucher kann A, B oder C wählen. Bei A sieht er die Fragen 2A-1 bis 2A-5. Bei B sieht er die Fragen 2B-1 bis 2B-3. Bei C sieht er die Fragen 2C-1 bis 2C-4. Hast du das aufgezeichnet, verstehst du die Komplexität. Du siehst, ob du drei kleine oder zehn riesige Verzweigungen hast. Du siehst, ob die Logik einfach oder zu komplex ist.
Stelle die Verzweigungsfrage zuerst. Deine erste Frage sollte die sein, die bestimmt, welchen Pfad der Besucher nimmt. Lautet deine Verzweigungsfrage „Was ist dein wichtigstes Ziel?“, stelle sie vor allem anderen. Stelle nicht vier Einstiegsfragen und verzweige dann. Verzweige sofort. Ein Besucher will so früh wie möglich wissen, dass er auf dem richtigen Pfad ist. Vier Fragen vor der Verzweigung lassen das Formular von Anfang an lang wirken und lösen Abbrüche aus, bevor er den Nutzen der Verzweigung sieht.
Halte jede Verzweigung kurz. Hat ein Besucher seinen Pfad gewählt, sollten die folgenden Fragen in diesem Pfad insgesamt nicht mehr als 8 bis 10 Fragen umfassen. Führt ein einzelner Pfad zu 15 Fragen, hast du den Zweck bedingter Logik verfehlt. Ziel ist, dass das Formular kurz und relevant wirkt, nicht, 15 Fragen hinter einer Verzweigung zu verstecken. Hast du 15 Fragen für einen Pfad, ist dieser Pfad zu lang. Kürze ihn oder teile ihn in ein zweistufiges Formular auf.
Nutze in allen Verzweigungen dieselben Feldtypen. Nutzt Pfad A für die erste Frage ein Dropdown, sollte Pfad B ebenfalls ein Dropdown nutzen, kein Textfeld. Einheitlichkeit bei der Art, wie Fragen gestellt werden, lässt das Formular stimmig wirken, obwohl Besucher verschiedene Pfade nehmen. Ein Formular, das mittendrin das Format zu wechseln scheint, wirkt kaputt.
Zeige den Fortschritt klar. Hat dein Formular innerhalb einer Verzweigung mehrere Schritte, zeige Schrittnummern. „Schritt 1 von 5: Erzähl uns von deiner Situation. Schritt 2 von 5: Erzähl uns von deinen Zielen.“ Das hilft dem Besucher zu verstehen, wie weit er auf seinem Pfad ist. Ohne Fortschrittsanzeige kann ein verzweigtes Formular unberechenbar wirken.
Bedingte Verzweigung gezielt nutzen, um bessere Daten zu erheben
Bedingte Logik soll Formulare nicht nur kürzer machen. Sie soll auch konkretere, nützlichere Daten liefern.
Stelle schrittweise detailliertere Fragen. Deine erste Frage ist breit: „In welcher Branche arbeitest du?“ Je nach Antwort folgen Fragen speziell zu dieser Branche. Wählt jemand „Gesundheitswesen“, stelle Fragen für das Gesundheitswesen wie „Wie viele Patientenstandorte verwaltest du?“. Wählt jemand „E-Commerce“, frage „Wie viele Artikel verkaufst du?“. So bekommst du Informationen, die ein Einheitsformular nicht liefert. Du bekommst konkrete Daten, die zur Situation des Besuchers passen.
Nutze bedingte Logik, um unpassende Folgefragen zu überspringen. Ein Formular fragt „Nutzt du aktuell eine Website?“. Lautet die Antwort Ja, zeige Folgefragen wie „Wie alt ist deine aktuelle Website?“ und „Auf welcher Plattform ist sie gebaut?“. Lautet die Antwort Nein, überspringe diese Fragen ganz. Du musst nicht wissen, auf welcher Plattform eine Website läuft, die jemand nicht hat. Bedingte Logik streicht sinnlose Fragen und hält deine Daten sauber.
Nutze bedingte Logik, um Besucher je nach Antwort anders zu leiten. Wählt der Besucher in einem Support-Formular „Ich brauche jetzt Hilfe, es ist dringend“, zeige eine gut sichtbare Telefonnummer oder eine Live-Chat-Option. Wählt er „Es ist nicht dringend“, zeige ein normales E-Mail-Formular. Du blendest nicht nur Fragen aus, du veränderst das Erlebnis anhand dessen, was er dir sagt.
Nutze bedingte Logik, um Fragen zu Budget oder Entscheidungsbefugnis nur zu stellen, wenn es Sinn ergibt. Ein Formular für Erstgespräche fragt „Bist du die Person, die entscheidet?“. Zeige die Budgetfrage nur, wenn sie mit Ja antworten. Antworten sie mit Nein, frage stattdessen „Wer genehmigt diese Entscheidung?“. Verschiedene Antworten bekommen verschiedene Folgefragen. Du bekommst die Informationen, die du brauchst, ohne unpassende Fragen zu stellen.
Typische Fehler bei Formularen mit bedingter Logik
Zu viele Verzweigungen anlegen. Ein Formular mit fünf verschiedenen Pfaden ist schwerer zu verwalten als eines mit zwei oder drei Pfaden. Jede Verzweigung muss getestet werden, damit die Logik korrekt funktioniert. Jede Verzweigung erhöht die Komplexität. Hat dein Formular mehr als vier oder fünf eigene Pfade, teile es lieber in mehrere einfachere Formulare auf. Besser drei Formulare, die jeweils einfach verzweigen, als ein Formular, das sich in zwölf Richtungen verzweigt.
Die Verzweigungslogik schwer verständlich machen. Ein Besucher sollte die Logik nicht verstehen müssen. Er sollte einfach Fragen beantworten und die nächste Frage erscheinen sehen. Ist die Logik aber verwirrend, fühlt er sich verloren. Antwortet jemand „Ich brauche Hilfe zum Vertrieb“ und das Formular fragt plötzlich „Wie viele Mitarbeiter hast du?“, denkt er vielleicht „Moment, ist das Formular aus Versehen zum Technischen Support gewechselt?“. Mache die Logik nachvollziehbar. Bedingte Logik soll das Formular stimmiger wirken lassen, nicht verwirrender.
Die Verzweigungsfrage verwirrend stellen. Die erste Frage bestimmt alles, was danach kommt. Mache absolut klar, was die Optionen bedeuten. Frage nicht „Was beschreibt deine Situation am besten?“ mit vagen Antworten wie „Option A“, „Option B“, „Option C“. Frage „Wobei brauchst du Hilfe?“ mit klaren Antworten wie „Technischer Support“, „Abrechnung“, „Vertriebsanfrage“. Ein Besucher sollte seinen Pfad sofort und ohne Verwirrung wählen können.
Verzweigungen einbauen, die zu denselben Fragen führen. Stellen Pfad A und Pfad B dieselben Folgefragen, müssen sie keine getrennten Verzweigungen sein. Fasse sie zusammen. Unnötige Verzweigungen machen das Formular schwerer zu verwalten und verwirren den Besucher. Lege getrennte Verzweigungen nur an, wenn sich die Folgefragen wirklich unterscheiden.
Vergessen, dass jede Verzweigung für sich funktionieren muss. Teste jeden einzelnen Pfad deines Formulars. Fülle es aus und wähle durchgehend Option A. Dann fülle es mit Option B aus. Dann mit Option C. Jeder Pfad sollte reibungslos funktionieren, ohne Fehler oder Verwirrung. Ein Fehler in Pfad C, den du nie testest, ärgert Besucher, die diesen Pfad nehmen. Jede Verzweigung muss vollständig und funktionsfähig sein.
So hilft dir WEMASY bei Formularen mit bedingter Logik
Der Formular-Builder von WEMASY bringt bedingte Logik als eingebaute Funktion mit. Du kannst verzweigte Formulare mit Wenn-dann-Regeln ohne Code erstellen. Lege eine Bedingung fest wie „Wenn die Antwort auf Frage 1 Technischer Support ist, zeige Frage 2A“, und das Formular erledigt den Rest. Alle Einsendungen aus jeder Verzweigung landen in deinem Dashboard, wo du siehst, welche Pfade Besucher nehmen und welche Antworten sie geben. Mehr dazu, wie du Formulare gestaltest, die häufiger abgeschlossen werden, findest du in unserem Leitfaden zu Arten von Formularen und ihrem Einsatz.