Prompt für den Einstellungsscreen einer App in Codex

Gestalte einen Einstellungsscreen mit gruppierten Listen, aktuellen Werten in jeder Zeile, Schaltern, wo sie hingehören, und destruktiven Aktionen in Rot.

Gestalte den Einstellungsscreen mit den üblichen gruppierten Listen von [iOS]: [Account, Tagesziel, Erinnerungen, Darstellung, Daten und Datenschutz, Hilfe]. Zeig die aktuellen Werte rechts in jeder Zeile, verwende einen Schalter für [Erinnerungen] und setz destruktive Aktionen wie [Account löschen] in Rot ans Ende.

Funktioniert mit

Codex, ChatGPT

Aus der Sammlung

Mobile Apps

Über diesen Prompt

Codex gestaltet einen Einstellungsscreen im nativen Stil der Plattform: gruppierte Listen unter deinen Abschnittsnamen, den aktuellen Wert rechts in jeder Zeile, einen Schalter für Ein/Aus-Einstellungen und destruktive Aktionen wie das Löschen des Accounts ganz am Ende in Rot.

Ersetze die Plattform in der ersten Klammer und die sechs Gruppen durch die, die deine Screen-Liste vorgesehen hat. Benenne jede Einstellung, die ein Schalter sein soll; alles andere wird zu einer Zeile, die einen weiteren Screen öffnet. In Einstellungen erwarten Nutzer Konvention statt Originalität, deshalb ist die Vorgabe für übliche gruppierte Listen Absicht: Markenfarbe gehört auf Schalter und Links, nicht in die Struktur.

Setz realistische aktuelle Werte ein, etwa „20 Min.“ für das Tagesziel oder „20:30 Uhr“ für Erinnerungen, um zu sehen, ob lange Werte Bezeichnungen in zwei Zeilen drücken. Veröffentlichst du auch für Android, bitte um eine Material-3-Version dieses Screens; gruppierte Listen sehen dort anders aus und verhalten sich anders.

Weitere Prompts aus dieser Sammlung

• Prompt für Leere, Lade- und Fehlerzustände einer App in CodexGestalte den leeren, den ladenden und den Fehlerzustand eines App-Screens als getrennte Dateien, mit derselben Navigation und demselben Kopfbereich wie normal.
• Prompt für den Dark Mode einer App in CodexErstelle Dark-Mode-Versionen von App-Screens mit getöntem Hintergrund, gedämpften Akzenten, Textkontrast nach WCAG AA und einer Liste der geänderten Farben.
• Prompt für die Android-Anpassung mit Material 3 in CodexPasse einen iOS-Screen mit Material 3 an Android an: Top App Bar, Navigationsleiste und FAB, bei gleichen Markenfarben und Schriften.
• Prompt für App-Mockups zu SwiftUI-Code in CodexLass Codex die abgenommenen HTML-Screens in deiner SwiftUI-App umsetzen, mit passendem Layout und Abständen, deinen Theme-Farben und Dynamic Type.
• Prompt für App-Briefing und Screen-Liste in CodexBeschreibe Nutzer, Kernablauf und Plattform deiner App und lass Codex alle Screens der ersten Version gruppiert auflisten, mit dem Zweck jedes Screens.
• Prompt für den Onboarding-Flow einer App in CodexGestalte drei verbundene Onboarding-Screens in 390×844, Willkommen, Tagesziel und erster Startscreen, in einem gemeinsamen Stil mit CSS-Illustrationen.