Wireframe und Nutzerfluss für das Onboarding einer mobilen App

Entwerfen Sie den Nutzerfluss und Text-Wireframes für das Onboarding einer mobilen App, mit Microcopy, Berechtigungsabfragen und Aktivierungskennzahlen. Entwickelt für ChatGPT, Claude und Gemini. Er enthält 8 anpassbare Variablen und lässt sich kostenlos mit einem Klick kopieren.

Fortgeschritten · Text · Redaktionelle Prüfung ausstehend

Entwickelt für:

Prompt

Handle als Produktdesigner, der auf Onboarding und Aktivierung mobiler Apps spezialisiert ist.

App: {{app}}.
Zielnutzer: {{user}}.
Aha-Moment (der erste Moment, in dem die Nutzenden echten Mehrwert erleben): {{aha_moment}}.
Unverzichtbare Daten, die wir von den Nutzenden brauchen: {{required_data}}.
Benötigte Systemberechtigungen: {{permissions}}.
Plattform: {{platform}}.

Liefere in dieser Reihenfolge:
1. Das Ziel des Onboardings und eine vorgeschlagene Aktivierungskennzahl (welche Aktion, innerhalb welchen Zeitraums).
2. Den Nutzerfluss als Text oder Mermaid-`flowchart`: Bildschirme, Entscheidungen, optionale Überspringen-Schritte, Fehler und Rücknavigation.
3. Für jeden Bildschirm ein Text-Wireframe mit: Elementhierarchie von oben nach unten, echter Microcopy (Titel, Begleittext, primäre und sekundäre Buttons), Zuständen für leer, Laden und Fehler sowie Hinweisen zur Interaktion.
4. Eine Strategie für Berechtigungen: wann welche abgefragt wird (im Kontext, nicht beim ersten Start), den Vorab-Bildschirm, der den Nutzen erklärt, und was passiert, wenn die Nutzenden ablehnen.
5. Was warten kann: Daten oder Schritte, die man später abfragen sollte (aufgeschobene Registrierung, schrittweises Profil).
6. Barrierefreiheit: Größe der Touch-Ziele, Reihenfolge für Screenreader und Alternativtexte.
7. Drei A/B-Test-Hypothesen zur Verbesserung der Aktivierung.

Vorgaben:
- Höchstens {{max_screens}} Bildschirme bis zum Aha-Moment.
- Kurze Microcopy in der zweiten Person, im Ton „{{tone}}“.
- Erfinde keine Funktionen, die es nicht gibt: Frage mich im Zweifel oder nutze [AUSFÜLLEN].

So verwenden Sie ihn

  1. Definieren Sie den Aha-Moment Ihrer App genau; der gesamte Ablauf wird darauf aufgebaut.
  2. Listen Sie nur die Daten auf, die für den Start wirklich unverzichtbar sind.
  3. Nutzen Sie die Text-Wireframes als Drehbuch, um die Bildschirme in Figma zu bauen.
  4. Messen Sie die Aktivierungskennzahl vor und nach der Änderung.

Anwendungsbeispiel

App: Tracker für Lesegewohnheiten · Aha-Moment: die erste 10-minütige Lesesitzung abschließen · Berechtigungen: Benachrichtigungen.

Beispielergebnis

1. Ziel und Kennzahl

  • Ziel: Die Person schließt ihre erste 10-minütige Lesesitzung ab.
  • Aktivierungskennzahl: Anteil neuer Konten, die innerhalb von 24 Stunden eine 10-Minuten-Sitzung abschließen.

2. Ablauf

flowchart LR
  A[Willkommen] --> B[Vorname]
  B --> C[Tagesziel]
  C --> D[Tageszeit]
  D --> E[Erste 10-Min.-Sitzung]
  E --> F{Erinnerungen aktivieren?}
  F -- Ja --> G[Systemberechtigung]
  F -- Später --> H[Start]

3. Screen 2 — Tagesziel

  1. Fortschrittsanzeige (2 von 4)
  2. Titel: „Wie viele Minuten möchtest du täglich lesen?“
  3. Text: „Fang klein an. Du kannst es jederzeit ändern.“
  4. Optionen: 10 Min. · 15 Min. · 20 Min. · 30 Min.
  5. Primärer Button: „Weiter“
  6. Sekundär: „Zurück“
  • Fehler: Ohne Auswahl bleibt der Button deaktiviert, mit dem Hinweis „Wähle ein Ziel, um fortzufahren“.
  • Interaktion: 10 Min. ist vorausgewählt.

4. Berechtigungen

Benachrichtigungen werden nach der ersten Sitzung angefragt, mit einem Vorab-Screen: „Sollen wir dich um 21 Uhr an deine Lesezeit erinnern?“ Bei Ablehnung bleibt die Option in den Einstellungen, ohne erneutes Pop-up …

Wichtige Fakten

Kategorie
UI/UX-Design · Wireframes
Ausgabetyp
Text
Niveau
Fortgeschritten
Entwickelt für
ChatGPT, Claude und Gemini
Verifiziert in
Redaktionelle Prüfung ausstehend
Variablen
App, Zielnutzer, Aha-Moment, Unverzichtbare Daten, Systemberechtigungen, Plattform, Maximale Bildschirme und Ton
Sprache
Deutsch
Preis
Kostenlos, ohne Anmeldung
Aktualisiert
07.11.2026

Häufig gestellte Fragen

Wie viele Bildschirme sollte das Onboarding haben?

So wenige wie nötig, um den ersten echten Nutzen zu erreichen. Viele Apps kommen mit drei oder vier aus; jeder zusätzliche Bildschirm sollte sich durch Daten oder eine rechtliche Vorgabe rechtfertigen.

Wann sollte ich die Berechtigung für Benachrichtigungen erfragen?

Genau dann, wenn die Nutzenden verstehen, wozu sie nützlich ist, etwa beim Einrichten der ersten Erinnerung. Die Abfrage beim ersten Start führt meist zu mehr Ablehnungen.

Wofür ist dieser Prompt gedacht?

Entwerfen Sie den Nutzerfluss und Text-Wireframes für das Onboarding einer mobilen App, mit Microcopy, Berechtigungsabfragen und Aktivierungskennzahlen.

Mit welchen KI-Tools funktioniert er?

Er ist für ChatGPT, Claude und Gemini entwickelt. Wir haben ihn in diesen Tools noch nicht überprüft, daher können die Ergebnisse variieren.

Wie passe ich den Prompt an?

Klicken Sie auf „Anpassen“ und füllen Sie die Variablen aus (App, Zielnutzer, Aha-Moment, Unverzichtbare Daten, Systemberechtigungen, Plattform, Maximale Bildschirme und Ton). Der Text wird sofort aktualisiert und lässt sich anschließend mit einem Klick kopieren. Die Werte werden nur in Ihrem Browser gespeichert.

Brauche ich Erfahrung, um ihn zu verwenden?

Er ist für Fortgeschrittene: Es hilft, das Thema zu kennen, um guten Kontext zu liefern und das Ergebnis kritisch zu prüfen.

Ist dieser Prompt kostenlos?

Ja. Jeder Prompt von HomeCasa Prompts ist kostenlos, ohne Anmeldung und ohne Abonnement. Sie können ihn auch in beruflichen Projekten verwenden.

Kann ich der KI-Ausgabe vertrauen?

Betrachten Sie sie als hochwertigen Entwurf: Prüfen Sie Daten, Zahlen und wichtige Aussagen immer, bevor Sie etwas veröffentlichen oder Entscheidungen treffen.

Ähnliche Prompts