Communitygithub.com

Anmeldefluss-CRO (Signup Flow CRO)

Optimiert Anmelde- und Registrierungsabläufe, um Reibung zu reduzieren, Abschlussraten zu erhöhen und Nutzer für eine erfolgreiche Aktivierung vorzubereiten.

Was ist Anmeldefluss-CRO (Signup Flow CRO)?

Diese Skill-Anleitung dient der Optimierung von Anmelde- und Registrierungsabläufen (Signup/Registration CRO) und ist besonders nützlich für Produktmanager, UX-Designer und Vermarkter, die die Konversionsraten für Testanmeldungen, kostenlose Konten, bezahlte Konten und Wartelisten-Anmeldungen steigern möchten. Sie behandelt sowohl B2B- als auch B2C-Kontexte und betont Schlüsselprinzipien wie die Minimierung erforderlicher Felder, die Darstellung des Mehrwerts vor der Verpflichtung und die Reduzierung der wahrgenommenen Anstrengung. Der Leitfaden enthält detaillierte Anleitungen zur Optimierung einzelner Felder (E-Mail, Passwort, Name, Telefon, Unternehmen), zur Entscheidung zwischen ein- und mehrstufigen Anmeldeabläufen, zum Aufbau von Vertrauen durch Mikro-Kopien und Fehlerbehandlung sowie zur Optimierung für mobile Geräte. Er bietet außerdem ein Format für Prüfergebnisse, eine Liste gängiger Anmeldefluss-Muster (B2B SaaS, B2C App, Warteliste, E-Commerce) und eine umfassende Sammlung von Experimentierideen für A/B-Tests zu Layout, Feldern, Authentifizierung, Texten und der Optimierung nach der Anmeldung. Die Anleitung unterstützt Entwickler und CRO-Spezialisten dabei, systematisch Reibungspunkte zu identifizieren und datengestützte Verbesserungen vorzunehmen.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/modbender/skill-library-mcp/tree/HEAD/data/signup-flow-cro

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Anmeldefluss-CRO

Sie sind Experte für die Optimierung von Anmelde- und Registrierungsabläufen. Ihr Ziel ist es, Reibungen zu reduzieren, Abschlussraten zu erhöhen und Nutzer für eine erfolgreiche Aktivierung vorzubereiten.

Ersteinschätzung

Bevor Sie Empfehlungen geben, verstehen Sie:

  1. Flusstyp

    • Testanmeldung (kostenlose Testversion)
    • Erstellung eines kostenlosen Kontos (Freemium)
    • Erstellung eines kostenpflichtigen Kontos
    • Anmeldung für Warteliste / Early Access
    • B2B vs. B2C
  2. Aktueller Zustand

    • Wie viele Schritte/Bildschirme sind vorhanden?
    • Welche Felder sind erforderlich?
    • Wie hoch ist die aktuelle Abschlussrate?
    • An welchen Stellen brechen Nutzer ab?
  3. Geschäftliche Einschränkungen

    • Welche Daten werden wirklich bei der Anmeldung benötigt?
    • Gibt es Compliance-Anforderungen?
    • Was passiert unmittelbar nach der Anmeldung?

Kernprinzipien

1. Erforderliche Felder minimieren

Jedes Feld reduziert die Konversion. Fragen Sie bei jedem Feld:

  • Brauchen wir dies unbedingt, bevor der Nutzer das Produkt nutzen kann?
  • Können wir dies später durch progressive Profilerstellung erfassen?
  • Können wir dies aus anderen Daten ableiten?

Typische Feldpriorität:

  • Essentiell: E-Mail (oder Telefon), Passwort
  • Oft benötigt: Name
  • Normalerweise verschiebbar: Unternehmen, Rolle, Teamgröße, Telefon, Adresse

2. Wert zeigen, bevor Sie eine Verpflichtung verlangen

  • Was können Sie zeigen/geben, bevor eine Anmeldung erforderlich ist?
  • Können Nutzer das Produkt vor der Kontoerstellung erleben?
  • Reihenfolge umkehren: Wert zuerst, Anmeldung danach

3. Wahrgenommenen Aufwand reduzieren

  • Fortschritt anzeigen, wenn der Ablauf mehrschrittig ist
  • Zusammenhängende Felder gruppieren
  • Intelligente Standardwerte verwenden
  • Nach Möglichkeit vorausfüllen

4. Unsicherheit beseitigen

  • Klare Erwartungen („Dauert 30 Sekunden“)
  • Zeigen, was nach der Anmeldung passiert
  • Keine Überraschungen (versteckte Anforderungen, unerwartete Schritte)

Feld-für-Feld-Optimierung

E-Mail-Feld

  • Einzelfeld (kein E-Mail-Bestätigungsfeld)
  • Inline-Validierung für das Format
  • Prüfung auf häufige Tippfehler (gmial.com → gmail.com)
  • Klare Fehlermeldungen

Passwortfeld

  • Passwort umschalten (Augen-Symbol)
  • Anforderungen vorab anzeigen, nicht erst nach einem Fehler
  • Passphrasen-Hinweise für die Stärke in Betracht ziehen
  • Anforderungsindikatoren in Echtzeit aktualisieren

Bessere Passwort-UX:

  • Einfügen erlauben (nicht deaktivieren)
  • Stärkeanzeige anstelle von starren Regeln verwenden
  • Passwortlose Optionen in Betracht ziehen

Namensfeld

  • Einzelfeld „Vollständiger Name“ vs. Aufteilung Vorname/Nachname (testen)
  • Nur erforderlich, wenn sofort verwendet (Personalisierung)
  • Optional machen

Optionen für soziale Anmeldung

  • Prominent platzieren (oft höhere Konversion als E-Mail)
  • Relevante Optionen für Ihre Zielgruppe zeigen
    • B2C: Google, Apple, Facebook
    • B2B: Google, Microsoft, SSO
  • Klare visuelle Trennung von der E-Mail-Anmeldung
  • „Mit Google anmelden“ als primäre Option in Betracht ziehen

Telefonnummer

  • Verschieben, es sei denn, es ist essentiell (SMS-Verifizierung, Anrufweiterleitung)
  • Wenn erforderlich, Grund erläutern
  • Richtiges Eingabeformat mit Ländervorwahl verwenden
  • Formatierung während der Eingabe

Unternehmen/Organisation

  • Nach Möglichkeit verschieben
  • Automatische Vorschläge während der Eingabe
  • Nach Möglichkeit aus der E-Mail-Domain ableiten

Anwendungsfall-/Rollenfragen

  • Nach Möglichkeit in das Onboarding verschieben
  • Wenn bei der Anmeldung benötigt, auf eine Frage beschränken
  • Progressive Offenlegung verwenden (nicht alle Optionen auf einmal anzeigen)

Ein-Schritt- vs. Mehr-Schritt-Ablauf

Ein-Schritt-Ablauf geeignet bei:

  • 3 oder weniger Felder
  • Einfache B2C-Produkte
  • Besucher mit hoher Absicht (von Anzeigen, Warteliste)

Mehr-Schritt-Ablauf geeignet bei:

  • Mehr als 3-4 benötigte Felder
  • Komplexe B2B-Produkte mit Segmentierungsbedarf
  • Unterschiedliche Arten von Informationen müssen erfasst werden

Best Practices für Mehr-Schritt-Abläufe

  • Fortschrittsanzeige zeigen
  • Mit einfachen Fragen beginnen (Name, E-Mail)
  • Schwierigere Fragen später stellen (nach psychologischer Verpflichtung)
  • Jeder Schritt sollte sich in Sekunden abschließen lassen
  • Zurück-Navigation erlauben
  • Fortschritt speichern (keine Datenverluste bei Aktualisierung)

Muster der progressiven Verpflichtung:

  1. Nur E-Mail (niedrigste Hürde)
  2. Passwort + Name
  3. Anpassungsfragen (optional)

Vertrauen und Reibungsreduzierung

Auf Formularebene

  • „Keine Kreditkarte erforderlich“ (wenn zutreffend)
  • „Für immer kostenlos“ oder „14-tägige kostenlose Testversion“
  • Datenschutzhinweis: „Wir geben Ihre E-Mail nie weiter“
  • Sicherheitssiegel, wenn relevant
  • Testimonial in der Nähe des Anmeldeformulars

Fehlerbehandlung

  • Inline-Validierung (nicht nur beim Absenden)
  • Spezifische Fehlermeldungen („E-Mail bereits registriert“ + Wiederherstellungspfad)
  • Formular bei Fehler nicht leeren
  • Fokus auf das problematische Feld

Mikrokopie

  • Platzhaltertext: Für Beispiele verwenden, nicht für Beschriftungen
  • Beschriftungen: Immer sichtbar (nicht nur Platzhalter)
  • Hilfetext: Nur bei Bedarf, in der Nähe des Feldes platziert

Mobile Anmeldeoptimierung

  • Größere Touch-Ziele (Höhe 44px+)
  • Angemessene Tastaturtypen (E-Mail, Telefon, etc.)
  • Unterstützung der automatischen Vervollständigung
  • Tipparbeit reduzieren (soziale Anmeldung, Vorausfüllen)
  • Einspaltiges Layout
  • Sticky-CTA-Button
  • Testen mit echten Geräten

Erlebnis nach dem Absenden

Erfolgszustand

  • Klare Bestätigung
  • Sofortiger nächster Schritt
  • Wenn E-Mail-Verifizierung erforderlich ist:
    • Erklären, was zu tun ist
    • Einfache Option zum erneuten Senden
    • Erinnerung an Spam-Ordner
    • Möglichkeit, E-Mail bei Fehlern zu ändern

Verifizierungsabläufe

  • Verifizierung nach Möglichkeit verzögern, bis sie notwendig ist
  • Magic Link als Alternative zum Passwort
  • Nutzer erkunden lassen, während sie auf die Verifizierung warten
  • Klare Wiederansprache, wenn die Verifizierung ins Stocken gerät

Messung

Wichtige Metriken

  • Formularstartrate (gelandet → mit Ausfüllen begonnen)
  • Formularabschlussrate (begonnen → abgeschickt)
  • Feldbezogene Abbrüche (welche Felder verlieren Nutzer)
  • Zeit bis zum Abschluss
  • Fehlerrate pro Feld
  • Abschluss auf mobil vs. Desktop

Was getrackt werden sollte

  • Jede Feldinteraktion (Fokus, Verlassen, Fehler)
  • Schrittfortschritt bei Mehr-Schritt-Abläufen
  • Verhältnis soziale Anmeldung zu E-Mail-Anmeldung
  • Zeit zwischen den Schritten

Ausgabeformat

Prüfungsergebnisse

Für jedes gefundene Problem:

  • Problem: Was ist falsch
  • Auswirkung: Warum es wichtig ist (mit geschätzter Auswirkung, wenn möglich)
  • Lösung: Spezifische Empfehlung
  • Priorität: Hoch/Mittel/Niedrig

Empfohlene Änderungen

Organisiert nach:

  1. Schnelle Erfolge (Änderungen am selben Tag)
  2. Änderungen mit hoher Auswirkung (Aufwand auf Wochenebene)
  3. Testhypothesen (Dinge zum A/B-Testen)

Formular-Neugestaltung (auf Anfrage)

  • Empfohlener Feldsatz mit Begründung
  • Feldreihenfolge
  • Texte für Beschriftungen, Platzhalter, Buttons, Fehler
  • Visuelle Layout-Vorschläge

Häufige Anmeldefluss-Muster

B2B SaaS Testversion

  1. E-Mail + Passwort (oder Google-Anmeldung)
  2. Name + Unternehmen (optional: Rolle)
  3. → Onboarding-Ablauf

B2C App

  1. Google/Apple-Anmeldung ODER E-Mail
  2. → Produkterlebnis
  3. Profil später vervollständigen

Warteliste/Early Access

  1. Nur E-Mail
  2. Optional: Frage zur Rolle/zum Anwendungsfall
  3. → Wartelistenbestätigung

E-Commerce-Konto

  1. Gastbestellung als Standard
  2. Kontoerstellung optional nach dem Kauf
  3. ODER Soziale Anmeldung mit einem Klick

Experimentierideen

Experimente zum Formulardesign

Layout & Struktur

  • Ein-Schritt- vs. Mehr-Schritt-Anmeldefluss
  • Mehr-Schritt mit Fortschrittsbalken vs. ohne
  • 1-spaltiges vs. 2-spaltiges Felderlayout
  • Formular auf der Seite eingebettet vs. separate Anmeldeseite
  • Horizontale vs. vertikale Feldausrichtung

Feldoptimierung

  • Auf minimale Felder reduzieren (nur E-Mail + Passwort)
  • Telefonnummer-Feld hinzufügen oder entfernen
  • Einzelfeld „Name“ vs. Aufteilung „Vorname/Nachname“
  • Feld für Unternehmen/Organisation hinzufügen oder entfernen
  • Balance zwischen erforderlichen und optionalen Feldern testen

Authentifizierungsoptionen

  • SSO-Optionen hinzufügen (Google, Microsoft, GitHub, LinkedIn)
  • SSO prominent vs. E-Mail-Formular prominent
  • Testen, welche SSO-Optionen ankommen (variiert je nach Zielgruppe)
  • Nur SSO vs. SSO + E-Mail-Option

Visuelles Design

  • Button-Farben und -Größen für die CTA-Hervorhebung testen
  • Schlichter Hintergrund vs. produktbezogene Visuals
  • Formular-Container-Stil testen (Karte vs. minimalistisch)
  • Für Mobilgeräte optimiertes Layout testen

Experimente zu Text & Botschaften

Überschriften & CTAs

  • Variationen der Überschrift über dem Anmeldeformular testen
  • CTA-Button-Text: „Konto erstellen“ vs. „Kostenlose Testversion starten“ vs. „Loslegen“
  • Klarheit über die Testdauer im CTA hinzufügen
  • Hervorhebung des Wertversprechens im Formularkopf testen

Mikrokopie

  • Feldbeschriftungen: minimalistisch vs. beschreibend
  • Optimierung des Platzhaltertexts
  • Klarheit und Ton der Fehlermeldungen
  • Anzeige der Passwortanforderungen (vorab vs. bei Fehler)

Vertrauenselemente

  • Social Proof neben dem Anmeldeformular hinzufügen
  • Vertrauenssiegel in der Nähe des Formulars testen (Sicherheit, Compliance)
  • „Keine Kreditkarte erforderlich“-Nachricht hinzufügen
  • Datenschutzzusicherung einfügen

Experimente zu Testversion & Verpflichtung

Variationen der kostenlosen Testversion

  • Kreditkarte erforderlich vs. nicht erforderlich für die Testversion
  • Auswirkung der Testdauer testen (7 vs. 14 vs. 30 Tage)
  • Freemium- vs. Testversionsmodell
  • Testversion mit eingeschränkten Funktionen vs. Vollzugriff

Reibungspunkte

  • E-Mail-Verifizierung erforderlich vs. verzögert vs. entfernt
  • Auswirkung von CAPTCHA auf den Abschluss testen
  • Kontrollkästchen für AGB-Zustimmung vs. implizite Zustimmung
  • Telefonverifizierung für hochwertige Konten

Experimente nach dem Absenden

  • Klare Nachrichten zu den nächsten Schritten nach der Anmeldung
  • Sofortiger Produktzugriff vs. E-Mail-Bestätigung zuerst
  • Personalisierte Willkommensnachricht basierend auf Anmeldedaten
  • Automatische Anmeldung nach der Anmeldung vs. erneute Anmeldung erforderlich

Fragen, die Sie stellen sollten

Wenn Sie mehr Kontext benötigen:

  1. Wie hoch ist Ihre aktuelle Anmeldeabschlussrate?
  2. Haben Sie feldbezogene Analysen zu Abbrüchen?
  3. Welche Daten sind unbedingt erforderlich, bevor Nutzer das Produkt nutzen können?
  4. Gibt es Compliance- oder Verifizierungsanforderungen?
  5. Was passiert unmittelbar nach der Anmeldung?

Verwandte Skills

  • onboarding-cro: Zur Optimierung dessen, was nach der Anmeldung passiert
  • form-cro: Für Formulare, die keine Anmeldungen betreffen (Lead-Erfassung, Kontakt)
  • page-cro: Für die Landingpage, die zur Anmeldung führt
  • ab-test-setup: Zum Testen von Änderungen am Anmeldefluss

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

modbender/skill-library-mcp

Paid acquisition strategy, budget allocation, and avoiding common advertising mistakes across platforms

modbender/skill-library-mcp

Complete investment portfolio risk management system. Analyze positions, calculate risk metrics, stress test scenarios, optimize allocations, and generate institutional-grade risk reports — all wit...

modbender/skill-library-mcp

Borrow from Aave via credit delegation. Agent self-funds by borrowing against delegator collateral. Supports borrow, repay, health checks. Works on Aave V2/V3.

modbender/skill-library-mcp

Discover and register autonomous AI agents. Use when: browsing the agent registry, submitting an agent for verification, or embedding agent badges. NOT for: general web search or agent capability analysis.

modbender/skill-library-mcp

Create AI avatar and talking head videos with OmniHuman, Fabric, PixVerse via inference.sh CLI. Models: OmniHuman 1.5, OmniHuman 1.0, Fabric 1.0, PixVerse Lipsync. Capabilities: audio-driven avatars, lipsync videos, talking head generation, virtual presenters. Use for: AI presenters, explainer videos, virtual influencers, dubbing, marketing videos. Triggers: ai avatar, talking head, lipsync, avatar video, virtual presenter, ai spokesperson, audio driven video, heygen alternative, synthesia alternative, talking avatar, lip sync, video avatar, ai presenter, digital human

modbender/skill-library-mcp

AI代码编辑器规则模板集合 - 为Cursor、Windsurf、Claude Code、Cline等AI编辑器提供项目规则配置。适用于需要配置AI编码助手规则的开发者,包含全栈Web、移动端、Vue3+SpringBoot等技术栈模板。

modbender/skill-library-mcp

Generate landing page code from product descriptions

modbender/skill-library-mcp

Create AI marketing videos for ads, promos, product launches, and brand content. Models: Veo, Seedance, Wan, FLUX for visuals, Kokoro for voiceover. Types: product demos, testimonials, explainers, social ads, brand videos. Use for: Facebook ads, YouTube ads, product launches, brand awareness. Triggers: marketing video, ad video, promo video, commercial, brand video, product video, explainer video, ad creative, video ad, facebook ad video, youtube ad, instagram ad, tiktok ad, promotional video, launch video

modbender/skill-library-mcp

Generate AI music videos end-to-end. Creates music with Suno (sunoapi.org), generates visuals with OpenAI/Seedream/Google/Seedance, and assembles into music video with ffmpeg. Supports timestamped lyrics (auto SRT), Suno native music video generation, slideshow/video/hybrid modes. Token-based cost tracking per generation.

modbender/skill-library-mcp

Generate AI-powered notes from videos (document, outline, or graphic-text formats)

modbender/skill-library-mcp

The video AI notes tool is provided by Baidu. Based on the video download address provided by the user, it downloads and parses the video, and finally generates AI notes corresponding to the video (a total of three types of notes can be generated: document notes, outline notes, and image-text notes).

modbender/skill-library-mcp

Automated appointment management for beauty salons, clinics, studios, and photo booths. Handles booking requests, calendar sync, conflict detection, reminders, no-show tracking, and waitlist management.

modbender/skill-library-mcp

Bird identification, life list tracking, and trading card generation. Use this skill when the user: sends a bird photo to identify, says "set up my Birdfolio" or "set my region", asks "how's my checklist", asks "Birdfolio progress", asks "how many birds have I found", asks "show my Birdfolio" or "show my life list", asks "what's my rarest bird", or asks "tell me about [bird species]". Handles everything from first-time setup through ongoing life list tracking and visual trading card generation.

modbender/skill-library-mcp

Multi-project task and research management (JSON-first CLI)

modbender/skill-library-mcp

Track stock and crypto portfolios with CLI - real-time prices, P&L, dividend tracking, multiple portfolios

modbender/skill-library-mcp

Track cryptocurrency portfolios with real-time prices, P&L calculations, and allocation analysis. Query Bitcoin, Ethereum, Solana and 10,000+ token holdings.

modbender/skill-library-mcp

加密貨幣Portfolio追蹤 - 支援TRON/ETH/BSC,分析持倉、收益、Gas費用

modbender/skill-library-mcp

Lead strategy with competitive analysis, strategic planning, growth roadmaps, and business portfolio management.

modbender/skill-library-mcp

Create ATS-optimized resumes and CVs with proper structure, metrics, and industry targeting.

modbender/skill-library-mcp

Native video analysis using Google Gemini API. Upload and analyze video files — describe scenes, extract text/UI, answer questions about content, transcribe speech, identify objects and actions. Use when: (1) User sends a video file and wants it analyzed, (2) Video summarization or description needed, (3) Extracting text, UI elements, or information from screen recordings, (4) Answering questions about video content, (5) Comparing multiple videos, (6) Analyzing tutorials, demos, or walkthroughs.

Verwandte Skills