Bella berät

Kleine Dinge haben eine große Wirkung. Auch im Design. Im Design kleiner Dinge haben noch kleinere Dinge eine noch größere Wirkung. Auch wenn es um die Gestaltung von Sparklines geht. Sparklines kommen aus Pixelland. Hier zählt man jedes Pixel. Ein Pixel zu viel kann eine Sparkline ruinieren. Ein Pixel zu wenig auch.

Gute Sparklines muss man auch noch gut darstellen:

1. Sparklines ergänzen Werte, sie ersetzen sie nicht.

Besonders schön sind Sparklines in Tabellen. Normalerweise zeigen Tabellen Werte für einen Zeitpunkt. Manchmal will man wissen, wie es vorher war. Eigentlich immer. Analysieren heißt ja Vergleichen. Sparklines können die Vergangenheit jedes Wertes zeigen. Falsch ist, dann die Werte wegzulassen.

Falsch! Sparklines statt Werten

Richtig! Sparklines und Werte

2. Wortgrafiken können, müssen aber nicht bunt sein.

Zeitungsmacher reden sich gern raus, wenn sie farbige Sparklines sehen. Farbig zu drucken wäre zu teuer für eine Zeitung. Sparklines funktionieren auch ohne Farbe.

Einfarbig	Mehrfarbig

3. Eine Sparkline ohne numerischen Wert ist keine Sparkline.

Manche Leute fragen sich, wie man erkennen soll, welche Werte eine Sparkline repräsentiert. Das kommt daher, dass manche den letzten Wert der Reihe weglassen – und dann sind sie wirklich nicht mehr lesbar. Der letzte Wert gibt einen Anhaltspunkt, mit dessen Hilfe sich der ganze Verlauf ausreichend interpretieren lässt.

Falsch	Richtig

4. Der numerische Wert gehört nach rechts.

Die Sparkline zeigt die Vergangenheit des numerischen Wertes. Diesem Wert entspricht der letzte Punkt in der Zeitreihe. Dinge, die zusammen gehören, soll man nebeneinander stellen. Steht ein Wert links, meint man, dass das der erste Punkt in der Zeitreihe sei. Also gehört der numerische Wert einer Sparkline immer nach rechts.

Quelle: www.businessweek.com, Abruf 2006–12–12.

5. Die Y-Achsen-Skalierung einer Sparkline beeinflusst ihre Aussage.

Vorsicht! Skalierung ist wichtig. Manche Leute lügen gerne mit manipulierten Skalen. Sparklines sind klein. Daher ist Skalierung sehr, sehr wichtig. Oft hat man mehrere Sparklines, die man vergleichen will. Skaliert man alle einheitlich, vergleicht man Verlauf und Größe der Wertereihen gleichzeitig. Das funktioniert nur bei ähnlichen Werten. Bei individueller Skalierung vergleicht man nur den Verlauf der Wertereihen. Die Größe vergleicht man anhand der numerischen Werte.

Balkengrafiken, die man ebenfalls in die Tabelle integriert, erleichtern diesen Vergleich.

6. Balken oder Linien als Sparklines?

Balken sind besser ablesbar. Sie verbrauchen aber mehr Platz. Für kurze Zeitreihen nehme ich Balken, für lange Linien. Meistens.

Wenige Daten	Viele Daten

Beim Malen von Sparklines hilft SparkMaker.