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

  1. 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

ZustandAuslöserÜberschriftTextPrimäre AktionSekundärVisualBarrierefreiheit
Erste NutzungNeues ProjektHier landen deine AufgabenLeg die erste an und verteil die Arbeit im Team.Aufgabe anlegenListe importierenIllustration leere ListeLeeres Alt (dekorativ)
Keine TrefferFilter ohne ErgebnisNichts zu diesen FilternVersuch einen anderen Status oder eine andere Person.Filter zurücksetzen—Lupen-IconPer aria-live="polite" ansagen
OfflineNetz wegDu bist offlineDeine Änderungen sind gespeichert und werden synchronisiert, sobald du wieder online bist.Erneut versuchen—Durchgestrichene WolkeNicht nur Farbe nutzen
Sitzung abgelaufenToken abgelaufenDeine Sitzung ist abgelaufenMelde dich neu an; deine Eingaben bleiben erhalten.Anmelden—Schloss-IconFokus auf den Button setzen
Keine RechteNur-Lese-ZugriffDu kannst dieses Projekt ansehenBitte die Projektverantwortliche um Bearbeitungsrechte.Zugriff anfragen—Augen-IconErklären statt nur deaktivieren
Datei zu großAnhang über dem LimitDiese Datei ist zu großDas Limit liegt bei [AUSFÜLLEN: echtes Limit]. Versuch, sie zu komprimieren.Andere Datei wählen—Dokument-IconFehler 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.

Ähnliche Prompts