← Design Rules

Fluss

Leer ist ein Zustand, keine Lücke

Geltung
universal · web, react-native

Warum

Vor einer leeren Fläche kann der Nutzer drei Dinge vermuten: es lädt noch, es ist etwas kaputt, oder es gibt wirklich nichts. Er hat keine Möglichkeit zu unterscheiden, und alle drei führen zu verschiedenem Verhalten — warten, neu laden, weitermachen. Ohne Antwort wählt er falsch.

Dazu kommt: der leere Zustand ist bei jedem neuen Nutzer der erste Zustand. Er sieht ihn, bevor er irgendetwas anderes sieht. Eine Anwendung, deren erster Eindruck eine unbeschriebene Fläche ist, wirkt nicht aufgeräumt, sondern unfertig.

Drei Sorten leer, drei Antworten

Der häufigste Fehler ist nicht der fehlende leere Zustand, sondern derselbe Text für alle drei Fälle.

Fall Was der Nutzer wissen muss Ton
Noch nichts angelegt Was hier stehen wird, und wie er den ersten Eintrag anlegt einladend, mit Aktion
Nichts gefunden Wonach gesucht wurde, und wie er die Suche lockert sachlich, mit Weg zurück
Nichts mehr offen Dass er fertig ist bestätigend, ohne Aktion

„Keine Daten vorhanden" beantwortet keinen der drei Fälle. Beim dritten ist es sogar falsch: dort ist leer das gute Ergebnis, und der Text sollte das sagen statt einen Mangel zu melden.

Was ein leerer Zustand tut

Woran Du den Verstoß erkennst

Grenzen

Nicht jede leere Fläche braucht Text. Eine Spalte in einer Tabelle, ein einzelnes Feld, ein Diagrammabschnitt ohne Wert — dort reicht ein Strich oder ein Zeichen für „kein Wert", siehe Dieselbe Zahl bedeutet überall dasselbe. Die Regel gilt für Bereiche, die als Ganzes leer sind.

Verwandt