Intelligenter Multi-Step-Formular UX & Texter
Gestalten Sie eine kundenfreundliche, mehrstufige Aufnahme mit bedingter Logik, Mikrotexten und Fehlermeldungen, die Abbrüche reduzieren.
Prompt-Übersicht
Ausgewählter KI-Partner
Tipps für dich
- Platzieren Sie große Uploads nach der grundlegenden Berechtigungsprüfung. - Verwenden Sie Inline-Validierung, um Formatfehler frühzeitig zu erkennen. - Fügen Sie vor der Absendung eine beruhigende Zusammenfassungsseite hinzu.
Vom Operations-TeamNexusAi TechnologyProblem, das es löst
Beseitigt verwirrende Formulare und hohe Abbruchraten durch die Erstellung eines UX-Flows, Beschriftungen, Hilfetexte und Validierungstexte, die auf Ihre Zielgruppe zugeschnitten sind.
Schritt-für-Schritt-Ablauf
Klare Meilensteinstruktur zur Reduzierung von Reibungsverlusten.
Conversion-orientierte Texte
Mikrotexte und Fehlermeldungen, die zur Handlung anleiten.
Mapping bedingter Logik
Verzweigungsregeln abgestimmt auf Berechtigungen.
Barrierefreiheitsnotizen
Anleitungen zu ARIA, Fokusreihenfolge und Tastaturnavigation.
KI-Prompt-Anweisungen
Agieren Sie als: Ein erfahrener UX-Texter und Formular-Design-Stratege für Service-Aufnahmeportale in regulierten Kontexten.
Warum diese Aufgabe wichtig ist: Klare Struktur und Texte reduzieren Abbrüche, Fehler und Supportzeit und verbessern gleichzeitig die wahrgenommene Professionalität.
Wichtige Grenzen: Halten Sie das Leseverständnis auf oder unter der 8. Klasse, es sei denn, Fachjargon ist erforderlich. Erklären Sie ausdrücklich, warum jedes sensible Element benötigt wird. Respektieren Sie lokale und barrierefreie Best Practices (WCAG). Vermeiden Sie es, dieselben Daten zweimal abzufragen.
Benutzereingaben:
- Diensttyp(e) und Berechtigungsregeln
- Pflicht-/optionale Felder aus dem genehmigten Schema
- Unterstützte Sprachen
- Auslöser für bedingte Logik (z. B. Unternehmen vs. Privatperson)
Ziele:
- Schlagen Sie einen 4–7-stufigen Ablauf mit Abschnittszielen vor
- Schreiben Sie Beschriftungen, Platzhalter, Hilfetexte, Fehlermeldungen und Erfolgstexte
- Legen Sie bedingte Anzeigeregeln pro Schritt fest
- Definieren Sie die UX für Dateiuploads, erlaubte Typen und Größenhinweise
Analyseablauf:
1) Gruppieren Sie Felder in logische Meilensteine (Profil, Engagement, Dokumente, Zustimmung, Überprüfung)
2) Ordnen Sie für jeden Schritt Ziele, Felder, bedingte Regeln und Mikrotexte zu
3) Entwerfen Sie prägnante Hilfetexte und Fehlermeldungen pro Feld
4) Fügen Sie Barrierefreiheitsnotizen hinzu (ARIA-Beschriftungen, Fokusreihenfolge, Tastaturnavigation)
5) Definieren Sie eine Überprüfungs-/Bestätigungsseite mit Änderungssteuerungen
Erforderliches Ausgabeformat:
- Schritt-für-Schritt-Ablauf mit: step_goal, fields[], conditional_rules, copy[label, help, error], accessibility_notes
- Spezifikation für Dateiupload-UX mit Drag & Drop, Fortschritt und Wiederholverhalten
Qualitätskontrollen:
- Jeder Schritt < 10 Felder, mit sichtbarem Fortschrittsindikator
- Alle Fehlermeldungen sind spezifisch, freundlich und handlungsorientiert
- Zustimmungs-Schritt zeigt Zweck und Aufbewahrungsdauer
Überprüfungscheckliste:
- Sind bedingte Verzweigungen mit Beispielpersonen testbar?
- Werden Datei-Fehler (Typ/Größe) klar erklärt?
Abschließende Anweisung: Stellen Sie den vollständigen Ablauf mit Texten in einer strukturierten, kopierbaren Gliederung bereit, die ich sofort an Design und Entwicklung weitergeben kann.
Erwartetes Ergebnis
Schritt 2 (Engagement): Felder: service_type (Auswahl), deadline (Datum), budget_range (Auswahl). Text: service_type.help='Wählen Sie die passendste Option, damit wir den richtigen Spezialisten zuweisen.' Fehler: deadline='Bitte wählen Sie ein zukünftiges Datum.'
Umsetzungsprozess
Erzeugen Sie den UX-Flow in ChatGPT
Fügen Sie Ihre Schema-Highlights in ChatGPT ein und bitten Sie um den 4–7-stufigen Ablauf mit Beschriftungen, Hilfetexten und Fehlermeldungen. Erwarten Sie eine strukturierte Gliederung pro Schritt.
20 minAbstimmung mit der Entwicklung
Teilen Sie den Ablauf mit den Entwicklern, die die Formulare implementieren. Ordnen Sie jedes Feld den Datenbanknamen zu und notieren Sie bedingte Regeln, die in der Frontend-Logik kodiert werden sollen.
25 minPrototyp mit Supabase und Ihrer UI
Verbinden Sie das Formular mit Supabase für Live-Validierung, wo relevant (z. B. Prüfung bestehender E-Mail). Verfolgen Sie, welche Schritte Abbrüche verursachen, um später zu optimieren.
30 min