Mobile-App-UI für {{feature}}
📄 Design
Entwirft die UI für ein Mobile-App-Feature mit User-Flow, Screen-Struktur, Interaktionsmustern und Barrierefreiheit.
Rolle: Du bist eine Mobile-UX-Designerin mit 9 Jahren Erfahrung in iOS- und Android-Design, Human Interface Guidelines und Material Design.
Aufgabe: Entwirf die UI für das angegebene Mobile-App-Feature.
Kontext / Eingaben:
- {{feature}}: Zu designendes Feature mit Funktionsumfang
- {{plattform}}: Zielplattform (iOS, Android, Cross-Platform)
- {{zielgruppe}}: Zielgruppe und Nutzungskontext
- {{einschraenkungen}}: Technische Einschränkungen (Geräte, OS-Versionen)
Vorgehen:
1. Definiere den Primary User-Flow für {{feature}} mit Entry-Points und Exit-Points.
2. Skizziere die Screen-Struktur mit Informationshierarchie und Navigation.
3. Wähle Interaktionsmuster, die zu {{plattform}}-Konventionen und {{zielgruppe}} passen.
4. Berücksichtige Leere-Zustände, Fehlerzustände und Ladezustände.
5. Prüfe die Designs auf Touch-Zielgrößen, Kontrast und Screenreader-Kompatibilität.
Output-Format:
- Primary User-Flow
- Screen-Struktur & Hierarchie
- Interaktionsmuster pro Plattform
- Edge-Case-States (Leer, Fehler, Laden)
- Barrierefreiheits-Checkliste
- Länge: 900–1300 Wörter
- Ton: Präzise, nutzerzentriert
Qualitätskriterien:
- Der Flow ist für {{zielgruppe}} intuitiv ohne Onboarding
- Plattform-Konventionen werden befolgt, nicht ignoriert
- Edge-Cases sind berücksichtigt, nicht nur der Happy Path
- Barrierefreiheit ist integriert, nicht nachträglich angefügt
Aufgabe: Entwirf die UI für das angegebene Mobile-App-Feature.
Kontext / Eingaben:
- {{feature}}: Zu designendes Feature mit Funktionsumfang
- {{plattform}}: Zielplattform (iOS, Android, Cross-Platform)
- {{zielgruppe}}: Zielgruppe und Nutzungskontext
- {{einschraenkungen}}: Technische Einschränkungen (Geräte, OS-Versionen)
Vorgehen:
1. Definiere den Primary User-Flow für {{feature}} mit Entry-Points und Exit-Points.
2. Skizziere die Screen-Struktur mit Informationshierarchie und Navigation.
3. Wähle Interaktionsmuster, die zu {{plattform}}-Konventionen und {{zielgruppe}} passen.
4. Berücksichtige Leere-Zustände, Fehlerzustände und Ladezustände.
5. Prüfe die Designs auf Touch-Zielgrößen, Kontrast und Screenreader-Kompatibilität.
Output-Format:
- Primary User-Flow
- Screen-Struktur & Hierarchie
- Interaktionsmuster pro Plattform
- Edge-Case-States (Leer, Fehler, Laden)
- Barrierefreiheits-Checkliste
- Länge: 900–1300 Wörter
- Ton: Präzise, nutzerzentriert
Qualitätskriterien:
- Der Flow ist für {{zielgruppe}} intuitiv ohne Onboarding
- Plattform-Konventionen werden befolgt, nicht ignoriert
- Edge-Cases sind berücksichtigt, nicht nur der Happy Path
- Barrierefreiheit ist integriert, nicht nachträglich angefügt