Skip to main content
LanguageDeutsch
Grundlagen4 Minuten gelesenOktober 2026

Was ist ein leerer Zustand in UX?

Kurze Antwort

Ein leerer Zustand ist das, was auf einem Bildschirm angezeigt wird, wenn noch nichts angezeigt werden kann: ein neuer Posteingang, ein leerer Warenkorb, eine Suche ohne Ergebnisse oder eine durch Filter gelöschte Liste. Ein guter leerer Zustand erklärt, warum er leer ist, und gibt einen klaren nächsten Schritt vor, z. B. das Erstellen des ersten Elements oder das Ändern der Suche.

Kernaussage

  • Typen: Erstverwendung, vom Benutzer gelöscht, keine Ergebnisse und Fehler oder kein Zugriff
  • Erklären Sie in einfachen Worten, warum der Bildschirm leer ist
  • Bieten Sie eine klare Aktion an, die es ausfüllt
  • Halten Sie Illustrationen und Animationen klein und freundlich und behindern Sie niemals das Geschehen
  • Schreiben Sie für jede Art von leerem Zustand eine andere Kopie

Leere Bildschirme vergisst man leicht, da Designer normalerweise mit Beispieldaten arbeiten. Im realen Produkt trifft jeder neue Nutzer sie zuerst, sie prägen also den ersten Eindruck mehr als kaum ein anderer Bildschirm.

Es gibt vier gängige Typen. Leere Zustände bei der ersten Verwendung treten auf, bevor die Person etwas erstellt hat. Vom Benutzer gelöschte Status werden angezeigt, nachdem sie alles erledigt oder gelöscht haben, z. B. eine leere Aufgabenliste. Nach einer Suche oder einem Filter wird der Status „Kein Ergebnis“ angezeigt. Und Fehler- oder Kein-Zugriffs-Zustände treten auf, wenn Daten überhaupt nicht angezeigt werden können.

Jeder Typ benötigt unterschiedliche Wörter. Ein Erstverwendungsstatus sollte erklären, wofür der Bildschirm gedacht ist, und zur ersten Aktion einladen: „Noch keine Projekte. Erstellen Sie Ihr erstes Projekt.“ Ein Zustand ohne Ergebnis sollte den Menschen helfen, sich zu erholen: Zeigen Sie, wonach sie gesucht haben, und bieten Sie an, die Filter zu löschen. Ein geklärter Zustand kann ein kleiner Moment der Belohnung sein.

Visuals sind optional. Eine kleine Illustration oder eine sanfte Animation können dafür sorgen, dass sich der Bildschirm freundlich anfühlt, und eine animierte Figur kann einen Erstbenutzer anleiten. Halten Sie es locker, stellen Sie sicher, dass die Aktion am deutlichsten sichtbar ist, und verlassen Sie sich nicht auf das Bild, um den Zustand zu erklären.

Wenn Sie einen freundlichen animierten Charakter für einen leeren Zustand wünschen, bietet ExodeUI, das wir erstellen, eine kostenlose Bibliothek interaktiver Maskottchen an, die als ExodeUI-Dateien ausgeführt werden und auf Eingaben reagieren.

Häufige Fragen

Was sollte ein leerer Zustand beinhalten?

Eine kurze Überschrift, ein Satz, der erklärt, warum der Bildschirm leer ist oder wozu er dient, und eine klare Aktion. Eine Illustration ist optional.

Was ist ein Nullzustand?

Ein anderer Name für einen leeren Zustand, normalerweise die Art der erstmaligen Verwendung, die angezeigt wird, bevor jemand Inhalte hinzugefügt hat.

Wie gestaltet man einen Zustand ohne Ergebnisse?

Wiederholen Sie den Suchbegriff, schlagen Sie Rechtschreibkorrekturen oder umfassendere Begriffe vor und bieten Sie an, Filter zu löschen. Lassen Sie der Person niemals einen leeren Bereich.

Sollten leere Zustände animiert werden?

Dies kann der Fall sein, wenn die Animation klein ist, keine ablenkende Schleife abläuft und die Einstellungen für reduzierte Bewegung berücksichtigt werden. Die Aktion ist wichtiger als die Animation.

Verwandte Guides und Beispiele

Fügen Sie leeren Bildschirmen einen freundlichen Charakter hinzu

Wählen Sie aus kostenlosen interaktiven Maskottchen, die auf den Cursor und auf Berührungen reagieren, und fügen Sie sie in Ihre App oder Website ein.

Durchsuchen Sie kostenlose Maskottchen
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →