form-cro
Formular-Konversionsraten optimieren
Formulare verlieren oft Benutzer aufgrund von Reibung, zu vielen Feldern oder schlechtem Design. Diese Fähigkeit bietet systematische Anleitungen zur Überprüfung von Formularen, zur Identifizierung von Abbruchpunkten und zur Implementierung von Änderungen, die die Abschlussraten erhöhen und gleichzeitig wichtige Daten erfassen.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "form-cro". Audit this contact form: 8 fields (name, email, phone, company, role, budget, timeline, message), 15% completion rate on desktop, 8% on mobile.
Erwartetes Ergebnis:
- ## Formular-Prüfungsergebnisse
- **Prioritätsprobleme:**
- 1. **Hohe Auswirkung** - Zu viele Pflichtfelder (8 Felder verursachen 25-50%+ Abbruch)
- Lösung: Auf wesentliche 3-4 Felder reduzieren. Telefon, Firma, Budget und Zeitplan optional machen.
- 2. **Hohe Auswirkung** - Mobile Abschluss 8% vs 15% Desktop
- Lösung: Touch-Ziele auf 44px erhöhen, passende Tastaturen verwenden, sticky Submit-Button.
- 3. **Mittlere Auswirkung** - Sensitive Felder früh im Formular
- Lösung: Telefon, Budget und Zeitplan nach E-Mail und Namen verschieben.
- **Empfohlene Feldreihenfolge:**
- 1. Name (ein Feld)
- 2. E-Mail (mit Tippfehlerkennung)
- 3. Nachricht (optional)
- 4. Firma (optional, auto-ergänzt aus E-Mail)
- 5. Telefon, Budget, Zeitplan (alle optional)
- **Mobile-spezifische Änderungen:**
- - 44px minimale Touch-Ziele
- - tel: Tastatur für Telefon
- - Sticky Submit-Button
- - Nur einspaltiges Layout
Verwendung von "form-cro". Create a multi-step quote request form for a B2B SaaS company.
Erwartetes Ergebnis:
- ## Mehrstufiges Angebot-Formulardesign
- **Schritt 1: Grundinfos (Niedrige Reibung)**
- - Name (erforderlich)
- - E-Mail (erforderlich)
- - Firma (optional)
- **Schritt 2: Bedarfsanalyse**
- - Unternehmensgröße (Dropdown)
- - Aktuelle Werkzeuge (Multi-Select)
- - Primäre Herausforderung (Dropdown)
- **Schritt 3: Projektdetails**
- - Budgetbereich (Dropdown)
- - Zeitplan (Dropdown)
- - Teamgröße (Dropdown)
- **Schritt 4: Kontaktpräferenzen**
- - Bevorzugte Kontaktmethode (Radio)
- - Telefon (falls bevorzugter Kontakt)
- **Fortschrittsanzeige:** Schritt 1 von 4 - Grundinfos
- **Schlüsselfunktionen:**
- - Fortschrittsbalken zeigt Abschluss
- - Zurück-Button auf jedem Schritt
- - Daten werden beim Aktualisieren gespeichert
- - CTA: 'Erhalten Sie Ihr individuelles Angebot'
Sicherheitsaudit
SicherThis is a documentation-only skill containing instructional content for form optimization. The static scanner produced false positives by misidentifying markdown formatting (backticks) as shell commands and common business terminology as security issues. No executable code or security risks present.
Qualitätsbewertung
Was du bauen kannst
E-Commerce-Checkout-Optimierung
Checkout-Formulare analysieren und verbessern, um Warenkorbabbrüche zu reduzieren und abgeschlossene Käufe zu erhöhen.
Lead-Generation-Kampagne einrichten
Konversionsstarke Lead-Erfassungsformulare für gated Content, Newsletter und Demo-Anfragen entwerfen.
Antragsformular-Vereinfachung
Reibung in Bewerbungsformularen, Umfragen und mehrstufigen Antragsprozessen reduzieren.
Probiere diese Prompts
Ich habe ein [type] Formular mit [number] Feldern. Die aktuelle Abschlussrate beträgt [rate]%. Kannst du es überprüfen und die Top 5 Probleme identifizieren, die zum Abbruch führen?
Ich muss ein [type] Formular erstellen, um [data points] zu erfassen. Welche Felder sollte ich einbeziehen, in welcher Reihenfolge und was sind die Best Practices für jeden Feldtyp?
Mein [type] Formular hat eine [X]% niedrigere Abschlussrate auf Mobile im Vergleich zu Desktop. Welche mobil-spezifischen Änderungen sollte ich vornehmen, um die Mobile-Erfahrung zu verbessern?
Ich habe ein komplexes [type] Formular mit [number] Feldern. Entwerfe eine mehrstufige Formularstruktur mit [number] Schritten, die dem progressiven Engagement-Muster folgt.
Bewährte Verfahren
- Formulare auf maximal 3-6 Felder beschränken, wenn möglich. Jedes zusätzliche Feld reduziert die Abschlussraten erheblich.
- Mit den einfachsten Feldern beginnen (Name, E-Mail), um Engagement aufzubauen, bevor nach sensiblen Informationen gefragt wird.
- Einspaltiges Layout auf Mobile mit 44px+ Touch-Zielen und passenden Tastaturtypen verwenden.
- Inline-Validierung implementieren, die beim Verlassen des Felds auslöst, nicht während des Tippens, um Benutzer nicht zu frustrieren.
Vermeiden
- Mehr Felder abfragen, als notwendig ist, bevor Wert für den Benutzer demonstriert wird.
- Platzhaltertext als Beschriftungen verwenden, der verschwindet, wenn Benutzer zu tippen beginnen.
- Bestätigungsfelder wie 'E-Mail bestätigen' erfordern, die Reibung hinzufügen, ohne Wert zu bieten.
- Formulardaten bei Validierungsfehlern löschen, was Benutzer zwingt, Informationen erneut einzugeben.