Verteilung
Verteilung
Woraus eine Gesamtheit besteht, in einer Zeile. Wo ein Fortschrittsbalken anzeigt, wie weit ein Wert fortgeschritten ist, zeigt dies, wie eine Gesamtheit unterteilt ist: die Teile haben die Reihenfolge, in der sie gegeben sind, sodass eine Pipeline von links nach rechts wie die Pipeline gelesen wird, die sie ist. Die Zustände sind mit dem Vokabular benannt, das die Kapsel und der Kreis bereits sprechen, sodass ein Zustand niemals zwei Farben annimmt.
Eine Gesamtheit, in Teilen
Die Teile wachsen proportional zu ihrem Wert, und die Legende beschreibt sie in Worten darunter – dieselbe Kapsel, mit der ein Tisch einen Zustand darstellt, sodass das Auge zwischen den beiden wechselt, ohne etwas Neues zu lernen.
Seiten des Katalogs1109
Fertig267
Läuft41
Zu erledigen607
Fehlgeschlagen12
Nicht gestartet182
Teile, die irgendwohin führen
Ein Teil mit einem Ziel ist ein Link: der Balken wird zum Zugang zur Liste, die er zusammenfasst. Unter dem Zeiger nimmt er einen Lichtschein anstelle einer anderen Farbe an, was einen anderen Zustand anzeigen würde.
Ohne die Legende
Wo die Teile direkt daneben benannt sind oder wo der Balken nur die Form der Sache angeben muss, wird die Legende weggelassen und jedes Teil sagt, was es unter dem Zeiger ist.
Eine Gesamtheit, die größer ist als ihre Teile
Was die Gesamtheit zählt und kein Teil dafür verantwortlich ist, hat seinen Anteil an der Reihe und zeichnet nichts: die Spur zeigt sich genau für so viel, anstatt dass die Teile sich ausdehnen, um einen Balken zu füllen, den sie nicht füllen.
Gelesene Dateien400
Fertig120
Fehlgeschlagen30
Noch nichts gezählt
Keine Gesamtheit und kein Teil – Arbeit nicht begonnen, ein Zähler noch aus. Der Balken behält seinen Platz als bare Spur – derselbe Boden, den eine Gesamtheit, die größer ist als ihre Teile, zeigt – sodass eine Reihe davon ihre Form behält; ihre Figur ist ein Strich, da nichts gezählt nicht null ist.
Gelesene Dateien—
Kompakt
Ein schmalerer Balken für eine Reihe oder einen Kartenfuß, wobei die Dichte an die Kapseln seiner Legende weitergegeben wird.
symfony-design-system51
symfony-loader42
symfony-search10
Vue, getrieben
Der gleiche Balken, seine Teile als Daten angegeben. Ein Teil, das nirgendwohin führt, reagiert auf einen Klick mit `select`, was man beachten sollte, wenn sich ein Tisch daneben selbst filtert.