Klassische Datengrafik in Anwendung
Ziel sind datengrafische Visualisierungen zu einem Thema mit tagesaktuellen Daten. Diese sollen in einem übersichtlichen und einfach lesbaren, interaktiven Dashboard kombiniert werden.
Es wurden zunächst die gestalterische Grundlagen untersucht. Die dabei beobachteten Prinzipien und Methoden sollten dann in einem exemplarischen Kontext angewendet werden.
Stripe ist Zahlungsdienstleister und bietet mit seiner Suite Unternehmen viele tolle Tools um Zahlungen zu managen. Dadurch dass Stripe selbst einst ein kleines Startup war und heute enorm bekannt ist, sind die Unternehmenszahlen natürlich umso spannender. Aus diesem Grund haben wir es uns zur Aufgabe gemacht, interessante Daten von Stripe zu visualisieren.
Prozess
Datenbereinigung
Zunächst haben wir uns viele verschiedene Datenquellen im Internet gesucht und diese anschließend mithilfe von Numbers bereinigt. So haben wir viele kleine Tabellen zu unterschiedlichen Kategorien gelistet, welche wir nun perfekt in visuelle Inhalte umformen konnten.
Von Low zu High Fidelity
Nachdem wir die Daten bereinigt hatten haben wir angefangen über einen längeren Zeitraum viele Low Fidelity Skizzen anzufertigen. Diese Skizzen haben wir anschließend gegenseitig bewertet und eingestuft, womit wir dann nach guten und schlechten Ideen filtern konnten. Anschließend haben wir Mid Fidelity Skizzen auf Basis der Low Fidelities gemacht um diese Ideen weiter auszuführen. Der gleiche Prozess wie beim Low Fidelity hat auch hier stattgefunden. Letztendlich haben wir uns unter den ganzen Ideen dann für eine interaktive Website entschieden, welche visuelle Elemente von Stripe selbst aufgreift und weiter ausführt. So ist unter Absprache mit Thomas Techert zum Beispiel keine normale Legende, sondern eine Lasche wie am iPad entstanden.
Details
Nachdem wir unser interaktives Dashboard gebaut hatten, haben wir uns weitere Features und Details überlegt. So kann man nicht nur auf eine Detail Seite in Form von Popups im ersten Diagramm zugreifen, sondern auch das Diagramm mit der Tastatur steuern um so eine bessere User Experience zu schaffen.
Kommentare
Lotte
Hinterlasse einen Kommentar