In einem ersten Schritt experimentiere ich mit der Darstellung von Informationen als simple Animation. In den Animationen werden hauptsächlich prozentuale Werte verwendet, um den Vergleich zwischen den verschiedenen Varianten zu erleichtern. Im Video werden fünf mögliche Darstellungen dargestellt, welche weiter unten etwas genauer analysiert werden.
Circular Bar
Dieses Beispiel ist eine simplifizierte Version des «Donut Charts» und eine runde Variante des Balkendiagrammes. Jeder Wert wird separat dargestellt und sowohl im Balken, wie auch mit der Nummer vermerkt. So können die einzelnen Werte einfacher unterschieden werden. Dieses Format nimmt jedoch mehr Platz in Anspruch als andere Formate.
Alternative Version
Der zweite Abschnitt ist eine Variante der oberen Darstellung und wird oft «Radial Bar Chart» genannt. Diese Darstellung ist platzsparender und stellt die Informationen kompakter dar. Durch die Nähe der Informationen können die Werte einfach verglichen werden. Die Darstellung kann aber schnell als unübersichtlicher empfunden werden. Die Produktion dieser Animation ist zudem aufwändiger als die erste Variante.
User Data
Die dritte Animation ermöglicht es, eine Anzahl (beispielsweise Personen) bildhaft darzustellen. Der Wert in der Animation kann sowohl eine fixe Zahl, als auch ein Prozentwert sein. Die Illustration darunter muss jedoch immer prozentual berechnet werden, damit das Verhältnis stimmt. Die Symbole können angepasst werden, damit sie zum Thema passen.
Datapoints
Die vierte Animation stellt Datenpunkte und deren Entwicklung über eine bestimmte Zeitspanne hinweg dar. Die Punkte starten bei 0% und bewegen sich während der Animation an den korrekten Platz. Die Animation könnte mit Wertbalken erweitert werden, damit die Zahlen besser ersichtlich sind. Dies schränkt den Platz und die Animation jedoch stark ein.
Datapoints V2
Die letzte Animation stellt dieselben Daten dar, wie die vorherige Animation. Der Startpunkt liegt nun jedoch bei 50%. Das Auge des Zuschauers wird mittels der bewegten Linie und der animierten Datenpunkte effizienter gesteuert.
(bae)