Oberflächen beschreiben: Prompts für Layout, Zustände und Texte

"Mach mir eine schöne Übersichtsseite" führt selten zu dem, was man im Kopf hatte. Wer kein Designer ist, hat ein Bild vor Augen, aber nicht die Wörter dafür. Und die wichtigsten Fragen bleiben ungestellt: Was zeigt die Seite, wenn noch nichts da ist? Was, wenn das Laden dauert? Was, wenn ein Name 60 Zeichen lang ist?

Dieses Prompt-Paket gibt dir ein Beschreibungsschema mit sieben Bausteinen, mit dem du jeden Bildschirm vollständig beschreibst, und 22 Prompts für Layout, Zustände, Fehlermeldungen und die Ansicht auf dem Handy. Jeder Prompt hat ein kurzes Beispiel-Ergebnis und einen Hinweis, woran du eine schwache Antwort erkennst. Sechs Vorher-Nachher-Vergleiche zeigen, was ein ungenauer und was ein genauer Auftrag typischerweise liefert.

Eine Wortliste mit 50 Fachbegriffen für Bedienelemente gibt dir das passende Vokabular. In sechs Übungen fasst du Bildschirme selbst in Worte, mit Musterlösung. Eine Checkliste mit 12 oft vergessenen Zuständen und eine Fragenliste zur Barrierefreiheit runden das Paket ab.

Für wen? Für Einsteiger, die mit einem KI-Assistenten Bildschirme und Abläufe bauen wollen, ohne Designer zu sein. Vorkenntnisse in Gestaltung sind nicht nötig.

Wichtig: Das Paket ist werkzeugneutral und ersetzt keine Gestaltungs- oder Fachberatung. Zur Barrierefreiheit enthält es nur Selbstproben und Fragen an Fachleute, keine Aussagen dazu, welche Anforderungen für dich gelten. Gib keine echten Kundendaten in einen KI-Chat ein. Code für eine Oberfläche, die live geht, braucht Tests auf echten Geräten und menschliche Prüfung. Stand: Oktober 2026. Funktionen von KI-Werkzeugen ändern sich – prüfe die Dokumentation deines Werkzeugs. Mit KI-Unterstützung erstellt.