Datenvisualisierung: Auseinandersetzung mit Form, Farbe und Ordnungsprinzipien, um Zusammenhänge in größeren Datenmengen sichtbar zu machen. Das Ergebnis ist ein programmierter, interaktiver Prototyp.
Die Daten werden ohne Zuhilfenahme von bildhaften Elementen (Piktogramme, Fotografien, …) interaktiv dargestellt. Alphanumerische Zeichen (Text, Zahlen) sollen so sparsam wie möglich verwendet werden. Umso wichtiger wird es, gezielt Farbe, Form und Position einzusetzen, um
Mengen sichtbar zu machen,
Kategorien zu kodieren,
Gruppen zu bilden,
Zeitabläufe nachverfolgbar zu machen,
…
Die Darstellung von Daten zwingt schon an sich zu einer parametrischen Denkweise. D.h. die grafischen Elemente müssen flexibel gedacht werden, so dass sie unterschiedliche Zahlenwerte und Bedeutungen annehmen können. Das Denken in Varianten ist also essenziell. Zudem erlauben unterschiedliche Gesamtdarstellungen neue Einblicke in die Zusammenhänge innerhalb der Daten. Durch Interaktion können weitere Zusammenhänge vom Nutzer entdeckt werden.
Unsere Aufgabe bestand darin eine Datenvisualisierung zu einem beliebigen Thema zu erstellen. Im folgenden stelle ich meine Arbeit und den Werdegang dieser vor. Meine Visualisierung beschäftigt sich mit Filmen auf Streamingplattformen, spezifischer welche Bedürfnisse eines potentiellen Kunden von welchem Streamingdienst am besten abgedeckt wird.
Thema
Das genaue Thema meiner Visualisierung war grundsätzlich durch die Wahl meines Datensatzes abhängig, dieser enthält unter anderem Daten zum Genre, Alter, Streamingdienst und Rankings.
Hierbei filterte sich meine Leitfrage raus; Welcher Streamingdienst passt am besten zu den Bedürfnissen eines individuellen Kunden?
Konzept
Einige Skizzen, die während der konzeptionellen Planung entstanden sind:
Es ist mir am Anfang schwer gefallen ist, nicht gleich an das große Ganze zu denken, sondern meine Visualisierung schrittweise aufzubauen. Um meinen Prozess abstrakter angehen zu können bin ich auf Figma umgestiegen und habe mich auf Formen beschränkt, welche ich einfach hin und her schieben konnte.
Umsetzung
Bei der Umsetzung haben sich nur noch kleinere Änderungen ergeben wie zum Beispiel die Anordnung und Größenverhältnisse. Insgesamt bin ich so vorgegangen, dass ich meine Daten erst so zusammengefasst habe, dass ich die Menge aller Inhalte meiner verschiedenen Kombinationsmöglichkeiten hatte (Alter, Genre, Streamingdienst), daraufhin hab ich diese gruppiert, in die Kreisform gebracht und eine Hoverfunktion ergänzt.
Farben
Meine Farben setzen sich aus zwei Komponenten zusammen; zum einen die Farben der Streamingdienste (Netflix:Rot, Hulu: Grün, Disney+: Lila, Prime Video: Blau) und zum anderen sollen sie an die Stimmung eines Filmabends und bunte LED Lichter erinnern.
Hinterlasse einen Kommentar