Microcopy und Design für Leer-, Fehler- und Ladezustände
Erstelle ein Inventar aller Leer-, Fehler-, Lade- und Erfolgszustände eines Screens, jeweils mit Überschrift, Text, Hauptaktion und Hinweisen zur Barrierefreiheit für dein Produktteam. Entwickelt für ChatGPT, Claude, Gemini und Microsoft Copilot. Er enthält 5 anpassbare Variablen und lässt sich kostenlos mit einem Klick kopieren.
Einsteiger · Text · Redaktionelle Prüfung ausstehend
Prompt
Handle als UX Writer und Product Designer mit Erfahrung in SaaS-Oberflächen.
Kontext:
- Produkt: {{produkt}}
- Screen oder Funktion: {{screen}}
- Nutzertyp: {{nutzer}}
- Tonalität: {{tonalitaet}}
- Reale Fehler, die auftreten können: {{fehler}}
Liefergegenstände:
1. Inventar der Zustände des Screens: Erstnutzung (anfänglich leer), keine Such- oder Filterergebnisse, leer nach dem Löschen, Laden, langsames Laden, Verbindungsfehler, fehlende Berechtigung, Validierungsfehler, Serverfehler, Erfolg und unvollständige Daten. Ergänze weitere, wenn der Kontext es erfordert.
2. Für jeden Zustand: wann er erscheint, Überschrift (max. 40 Zeichen), Begleittext (max. 120), Hauptaktion, ggf. Nebenaktion und visueller Vorschlag (Illustration, Icon, Skeleton).
3. Microcopy-Regeln für dieses Produkt: sagen, was passiert ist, warum und was man tun kann; nie die Schuld beim Nutzer suchen; nie nur technische Codes zeigen.
4. Hinweise zur Barrierefreiheit je Zustand: Inhaltsänderungen per aria-live ansagen, Fokus nach einem Fehler steuern, nicht nur auf Farbe setzen, Alternativtexte für Illustrationen.
5. Drei Varianten des Leerzustands bei Erstnutzung zum Testen mit Nutzern.
Einschränkungen:
- Erfinde keine Funktionen oder Produktlimits; verwende [AUSFÜLLEN], wenn Angaben fehlen.
- Halte die Tonalität {{tonalitaet}} in allen Zuständen konsistent. Verwende eine einheitliche Anrede (du oder Sie).
- Wenn unklar ist, was der Nutzer nach einem Fehler tun kann, frage mich vor dem Formulieren.
Format: Tabelle mit den Spalten Zustand, Auslöser, Überschrift, Text, Hauptaktion, Nebenaktion, Visual, Barrierefreiheit; danach Regeln und Varianten.So verwenden Sie ihn
- Nenne den konkreten Screen und die Fehler, die dein System tatsächlich protokolliert. 2. Prüfe die Tabelle mit der Entwicklung, damit jeder Auslöser wirklich existiert. 3. Übernimm die Texte in deine Designdatei oder dein Übersetzungstool.
Anwendungsbeispiel
Produkt: Projektmanagement-App · Screen: Aufgabenliste · Nutzer: Teamleitung · Tonalität: freundlich · Fehler: offline, keine Bearbeitungsrechte.
Beispielergebnis
Zustände der Aufgabenliste
| Zustand | Auslöser | Überschrift | Text | Primäre Aktion | Sekundär | Visual | Barrierefreiheit |
|---|---|---|---|---|---|---|---|
| Erste Nutzung | Neues Projekt | Hier landen deine Aufgaben | Leg die erste an und verteil die Arbeit im Team. | Aufgabe anlegen | Liste importieren | Illustration leere Liste | Leeres Alt (dekorativ) |
| Keine Treffer | Filter ohne Ergebnis | Nichts zu diesen Filtern | Versuch einen anderen Status oder eine andere Person. | Filter zurücksetzen | — | Lupen-Icon | Per aria-live="polite" ansagen |
| Offline | Netz weg | Du bist offline | Deine Änderungen sind gespeichert und werden synchronisiert, sobald du wieder online bist. | Erneut versuchen | — | Durchgestrichene Wolke | Nicht nur Farbe nutzen |
| Sitzung abgelaufen | Token abgelaufen | Deine Sitzung ist abgelaufen | Melde dich neu an; deine Eingaben bleiben erhalten. | Anmelden | — | Schloss-Icon | Fokus auf den Button setzen |
| Keine Rechte | Nur-Lese-Zugriff | Du kannst dieses Projekt ansehen | Bitte die Projektverantwortliche um Bearbeitungsrechte. | Zugriff anfragen | — | Augen-Icon | Erklären statt nur deaktivieren |
| Datei zu groß | Anhang über dem Limit | Diese Datei ist zu groß | Das Limit liegt bei [AUSFÜLLEN: echtes Limit]. Versuch, sie zu komprimieren. | Andere Datei wählen | — | Dokument-Icon | Fehler per aria-describedby ans Feld binden |
Regeln für Microcopy
- Sagen, was passiert ist, warum und was die Person tun kann.
- Nie die Schuld zuschieben: „Wir konnten nicht …", nicht „Du hast …"…
Wichtige Fakten
- Kategorie
- UI/UX-Design · SaaS-Anwendungen
- Ausgabetyp
- Text
- Niveau
- Einsteiger
- Entwickelt für
- ChatGPT, Claude, Gemini und Microsoft Copilot
- Verifiziert in
- Redaktionelle Prüfung ausstehend
- Variablen
- Produkt, Screen oder Funktion, Nutzertyp, Tonalität und Reale Fehler
- Sprache
- Deutsch
- Preis
- Kostenlos, ohne Anmeldung
- Aktualisiert
- 07.11.2026
Häufig gestellte Fragen
Worin unterscheidet sich der Leerzustand bei Erstnutzung von einem Zustand ohne Ergebnisse?
Bei Erstnutzung soll der Nutzen der Funktion erklärt und zum Anlegen des ersten Elements eingeladen werden. Ohne Ergebnisse geht es darum, Suche oder Filter anzupassen oder zurückzusetzen.
Sollte der Fehlercode angezeigt werden?
Nur als Zusatzinformation für den Support. Die Hauptmeldung sollte in klarer Sprache sagen, was als Nächstes zu tun ist.
Wofür ist dieser Prompt gedacht?
Erstelle ein Inventar aller Leer-, Fehler-, Lade- und Erfolgszustände eines Screens, jeweils mit Überschrift, Text, Hauptaktion und Hinweisen zur Barrierefreiheit für dein Produktteam.
Mit welchen KI-Tools funktioniert er?
Er ist für ChatGPT, Claude, Gemini und Microsoft Copilot 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 (Produkt, Screen oder Funktion, Nutzertyp, Tonalität und Reale Fehler). 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?
Nein. Es ist ein Prompt für Einsteiger: Füllen Sie einfach die Angaben aus und fügen Sie ihn in Ihr KI-Tool ein.
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.