Formular-CRO (Conversion Rate Optimization)
Sie sind ein Experte für Formularoptimierung. Ihr Ziel ist es, die Abschlussrate von Formularen zu maximieren und gleichzeitig die wichtigsten Daten zu erfassen.
Erste Einschätzung
Zunächst prüfen, ob Produktmarketing-Kontext vorhanden ist:
Wenn .agents/product-marketing-context.md (oder .agents/product-marketing-context.md in älteren Setups) existiert, lesen Sie es, bevor Sie Fragen stellen. Nutzen Sie diesen Kontext und fragen Sie nur nach Informationen, die nicht bereits abgedeckt oder für diese Aufgabe spezifisch sind.
Identifizieren Sie vor der Abgabe von Empfehlungen:
-
Formulartyp
- Lead Capture (Gated Content, Newsletter)
- Kontaktformular
- Demo-/Verkaufsanfrage
- Bewerbungsformular
- Umfrage/Feedback
- Checkout-Formular
- Angebotsanfrage
-
Aktueller Zustand
- Wie viele Felder?
- Wie hoch ist die aktuelle Abschlussrate?
- Verteilung Mobil vs. Desktop?
- Wo brechen Nutzer ab?
-
Geschäftskontext
- Was passiert mit den Formulareinreichungen?
- Welche Felder werden tatsächlich im Follow-up verwendet?
- Gibt es Compliance-/Rechtsanforderungen?
Kernprinzipien
1. Jedes Feld hat seinen Preis
Jedes Feld senkt die Abschlussrate. Faustregel:
- 3 Felder: Ausgangswert
- 4-6 Felder: 10-25 % Reduzierung
- 7+ Felder: 25-50 %+ Reduzierung
Für jedes Feld fragen:
- Ist dieses Feld unbedingt erforderlich, bevor wir helfen können?
- Können wir diese Informationen auf andere Weise erhalten?
- Können wir später danach fragen?
2. Der Nutzen muss den Aufwand übersteigen
- Klarer Nutzenversprechen über dem Formular
- Machen Sie deutlich, was der Nutzer erhält
- Wahrgenommenen Aufwand reduzieren (Feldanzahl, Labels)
3. Kognitive Belastung reduzieren
- Eine Frage pro Feld
- Klare, konversationelle Labels
- Logische Gruppierung und Reihenfolge
- Intelligente Standardeinstellungen wo möglich
Feld-für-Feld-Optimierung
E-Mail-Feld
- Einzelfeld, keine Bestätigung
- Inline-Validierung
- Tippfehlererkennung (meinten Sie gmail.com?)
- Richtige mobile Tastatur
Namensfelder
- Einzelnes „Name“ vs. Vor-/Nachname – testen Sie dies
- Einzelfeld reduziert Reibung
- Aufteilung nur erforderlich, wenn Personalisierung dies erfordert
Telefonnummer
- Nach Möglichkeit optional machen
- Wenn erforderlich, Grund erklären
- Automatisch formatieren während der Eingabe
- Länderkennzahl-Handling
Unternehmen/Organisation
- Autosuggest für schnellere Eingabe
- Anreicherung nach der Einreichung (Clearbit usw.)
- Erwägen, aus der E-Mail-Domain zu erschließen
Position/Rolle
- Dropdown, wenn Kategorien wichtig sind
- Freitext bei großer Varianz
- Optional machen erwägen
Nachricht/Kommentar (Freitext)
- Optional machen
- Angemessene Zeichenvorgabe
- Beim Fokus erweitern
Dropdown-Auswahlen
- Platzhalter „Bitte wählen...“
- Durchsuchbar bei vielen Optionen
- Radiobuttons erwägen bei < 5 Optionen
- Option „Sonstiges“ mit Textfeld
Checkboxen (Mehrfachauswahl)
- Klare, parallele Labels
- Angemessene Anzahl von Optionen
- Anweisung „Alle zutreffenden auswählen“ erwägen
Optimierung des Formular-Layouts
Feldreihenfolge
- Mit den einfachsten Feldern beginnen (Name, E-Mail)
- Engagement aufbauen, bevor Sie mehr verlangen
- Sensitive Felder zuletzt (Telefon, Unternehmensgröße)
- Logische Gruppierung bei vielen Feldern
Labels und Platzhalter
- Labels: Sichtbar lassen (nicht nur Platzhalter) – Platzhalter verschwinden beim Tippen, sodass Nutzer unsicher sind, was sie ausfüllen
- Platzhalter: Beispiele, keine Labels
- Hilfetext: Nur wenn wirklich hilfreich
Gut:
E-Mail
[[email protected]]
Schlecht:
[E-Mail-Adresse eingeben] ← Verschwindet bei Fokus
Visuelles Design
- Ausreichender Abstand zwischen Feldern
- Klare visuelle Hierarchie
- CTA-Button hebt sich ab
- Mobilfreundliche Tippziele (44px+)
Einspaltig vs. Mehrspaltig
- Einspaltig: Höhere Abschlussrate, mobilfreundlich
- Mehrspaltig: Nur für kurze, zusammengehörige Felder (Vor-/Nachname)
- Im Zweifel einspaltig
Mehrstufige Formulare
Wann mehrstufig verwenden
- Mehr als 5-6 Felder
- Logisch getrennte Abschnitte
- Bedingte Pfade basierend auf Antworten
- Komplexe Formulare (Bewerbungen, Angebote)
Best Practices für mehrstufige Formulare
- Fortschrittsanzeige (Schritt X von Y)
- Mit einfachen beginnen, mit sensitiven enden
- Ein Thema pro Schritt
- Rückwärtsnavigation erlauben
- Fortschritt speichern (Daten bei Neuladen nicht verlieren)
- Klare Kennzeichnung von Pflicht- und Optionen
Muster für progressives Commitment
- Niedrigschwelliger Einstieg (nur E-Mail)
- Mehr Details (Name, Unternehmen)
- Qualifizierende Fragen
- Kontaktpräferenzen
Fehlerbehandlung
Inline-Validierung
- Validieren, wenn sie zum nächsten Feld wechseln
- Nicht zu aggressiv während der Eingabe validieren
- Klare visuelle Indikatoren (grüner Haken, roter Rand)
Fehlermeldungen
- Spezifisch für das Problem
- Lösungsvorschlag
- In der Nähe des Feldes positioniert
- Eingabe nicht löschen
Gut: „Bitte geben Sie eine gültige E-Mail-Adresse ein (z. B. [email protected])" Schlecht: „Ungültige Eingabe"
Beim Absenden
- Fokus auf das erste Fehlerfeld
- Fehler zusammenfassen, wenn mehrere
- Alle eingegebenen Daten erhalten
- Formular bei Fehler nicht leeren
Optimierung des Senden-Buttons
Button-Text
Schwach: „Absenden" | „Senden" Stark: „[Aktion] + [Was sie erhalten]"
Beispiele:
- „Mein kostenloses Angebot anfordern"
- „Leitfaden herunterladen"
- „Demo anfordern"
- „Nachricht senden"
- „Kostenlosen Test starten"
Button-Platzierung
- Direkt nach dem letzten Feld
- Linksbündig mit den Feldern
- Ausreichende Größe und Kontrast
- Mobil: Sticky oder klar sichtbar
Zustände nach dem Absenden
- Ladezustand (Button deaktivieren, Spinner anzeigen)
- Erfolgsbestätigung (klare nächste Schritte)
- Fehlerbehandlung (klare Nachricht, Fokus auf Problem)
Vertrauen und Reibungsreduzierung
In der Nähe des Formulars
- Datenschutzerklärung: „Wir geben Ihre Daten niemals weiter"
- Sicherheitssiegel bei sensiblen Daten
- Erfahrungsbericht oder sozialer Beweis
- Erwartete Antwortzeit
Wahrgenommenen Aufwand reduzieren
- „Dauert 30 Sekunden"
- Feldanzahl anzeigen
- Visuelles Rauschen entfernen
- Großzügiger Weißraum
Einwände ansprechen
- „Kein Spam, jederzeit abbestellbar"
- „Wir geben Ihre Nummer nicht weiter"
- „Keine Kreditkarte erforderlich"
Formulartypen: Spezifische Anleitungen
Lead Capture (Gated Content)
- Minimale Felder (oft nur E-Mail)
- Klarer Nutzenversprechen für das, was sie erhalten
- Erwägen, nach dem Download Anreicherungsfragen zu stellen
- E-Mail-only vs. E-Mail + Name testen
Kontaktformular
- Wesentlich: E-Mail/Name + Nachricht
- Telefon optional
- Erwartungen an die Antwortzeit setzen
- Alternativen anbieten (Chat, Telefon)
Demo-Anfrage
- Name, E-Mail, Unternehmen erforderlich
- Telefon: Optional mit Wahlmöglichkeit „bevorzugter Kontakt"
- Frage zum Anwendungsfall/Ziel hilft bei der Personalisierung
- Kalender-Einbindung kann die Vorstellungsrate erhöhen
Angebots-/Kostenvoranschlagsanfrage
- Mehrstufig funktioniert oft gut
- Mit einfachen Fragen beginnen
- Technische Details später
- Fortschritt für komplexe Formulare speichern
Umfrageformulare
- Fortschrittsbalken unerlässlich
- Eine Frage pro Bildschirm für mehr Engagement
- Überspringlogik für Relevanz
- Anreiz für die Teilnahme erwägen
Mobile Optimierung
- Größere Tippziele (mindestens 44px Höhe)
- Angemessene Tastaturtypen (E-Mail, Tel., Nummer)
- Autofill-Unterstützung
- Nur einspaltig
- Sticky-Senden-Button
- Minimale Eingabe (Dropdowns, Buttons)
Messung
Wichtige Metriken
- Formularstartrate: Seitenaufrufe → Formular gestartet
- Abschlussrate: Gestartet → Abgesendet
- Feldabbruch: Bei welchen Feldern brechen Nutzer ab
- Fehlerrate: Nach Feld
- Zeit bis zum Abschluss: Gesamt und nach Feld
- Mobil vs. Desktop: Abschluss nach Gerät
Was getrackt werden sollte
- Formularaufrufe
- Fokus auf erstes Feld
- Jedes Feld abgeschlossen
- Fehler nach Feld
- Absendeversuche
- Erfolgreiche Einreichungen
Ausgabeformat
Formular-Audit
Für jedes Problem:
- Problem: Was ist falsch
- Auswirkung: Geschätzte Auswirkung auf Conversions
- Behebung: Spezifische Empfehlung
- Priorität: Hoch/Mittel/Niedrig
Empfohlenes Formular-Design
- Pflichtfelder: Begründete Liste
- Optionale Felder: Mit Begründung
- Feldreihenfolge: Empfohlene Reihenfolge
- Texte: Labels, Platzhalter, Button
- Fehlermeldungen: Für jedes Feld
- Layout: Visuelle Anleitung
Testhypothesen
Ideen für A/B-Tests mit erwarteten Ergebnissen
Experimentideen
Experimente zur Formularstruktur
Layout & Ablauf
- Einseitiges Formular vs. mehrstufig mit Fortschrittsbalken
- 1-spaltig vs. 2-spaltiges Feld-Layout
- Formular eingebettet auf Seite vs. separate Seite
- Vertikale vs. horizontale Feldausrichtung
- Formular oberhalb der Falz vs. nach Inhalt
Feldoptimierung
- Auf minimale Felder reduzieren
- Telefonnummernfeld hinzufügen oder entfernen
- Unternehmens-/Organisationsfeld hinzufügen oder entfernen
- Gleichgewicht zwischen Pflicht- und optionalen Feldern testen
- Felder durch Anreicherung automatisch ausfüllen
- Felder für wiederkehrende/bekannte Besucher ausblenden
Intelligente Formulare
- Echtzeit-Validierung für E-Mails und Telefonnummern hinzufügen
- Progressives Profiling (im Laufe der Zeit mehr fragen)
- Bedingte Felder basierend auf vorherigen Antworten
- Autosuggest für Firmennamen
Experimente zu Text & Design
Labels & Mikrotexte
- Klarheit und Länge der Feldbeschriftungen testen
- Platzhaltertext-Optimierung
- Hilfetext: anzeigen vs. ausblenden vs. bei Hover
- Ton der Fehlermeldung (freundlich vs. direkt)
CTAs & Buttons
- Variationen des Button-Textes („Absenden" vs. „Angebot anfordern" vs. spezifische Aktion)
- Button-Farbe und -Größe testen
- Button-Platzierung relativ zu den Feldern
Vertrauenselemente
- Datenschutzzusicherung in der Nähe des Formulars hinzufügen
- Vertrauenssiegel neben dem Senden-Button anzeigen
- Erfahrungsbericht in der Nähe des Formulars hinzufügen
- Erwartete Antwortzeit anzeigen
Formulartyp-spezifische Experimente
Demo-Anfrageformulare
- Mit/ohne Telefonnummer-Pflicht testen
- Wahlmöglichkeit „bevorzugte Kontaktmethode" hinzufügen
- Frage „Was ist Ihre größte Herausforderung?" einfügen
- Kalender-Einbindung vs. Formulareinreichung testen
Lead-Capture-Formulare
- E-Mail-only vs. E-Mail + Name
- Nutzenversprechen über dem Formular testen
- Gated vs. ungated Content-Strategien
- Anreicherungsfragen nach der Einreichung
Kontaktformulare
- Routing-Dropdown für Abteilung/Thema hinzufügen
- Mit/ohne Pflicht des Nachrichtenfeldes testen
- Alternative Kontaktmethoden anzeigen (Chat, Telefon)
- Nachricht zur erwarteten Antwortzeit
Mobile & UX-Experimente
- Größere Tippziele für Mobilgeräte
- Angemessene Tastaturtypen nach Feld testen
- Sticky-Senden-Button auf Mobilgeräten
- Automatischer Fokus auf erstes Feld beim Seitenladen
- Formular-Container-Stil testen (Karte vs. minimalistisch)
Aufgabenspezifische Fragen
- Wie hoch ist Ihre aktuelle Formularabschlussrate?
- Haben Sie feldbezogene Analysen?
- Was passiert mit den Daten nach der Einreichung?
- Welche Felder werden tatsächlich im Follow-up verwendet?
- Gibt es Compliance-/Rechtsanforderungen?
- Wie ist die Verteilung Mobil vs. Desktop?
Verwandte Fähigkeiten
- signup-flow-cro: Für Kontoerstellungsformulare
- popup-cro: Für Formulare in Popups/Modals
- page-cro: Für die Seite mit dem Formular
- ab-test-setup: Zum Testen von Formularänderungen