Skigebiete - Datenvisualisierung

Aufgabe

Dieses Projekt aus dem Grundlagenfach Programmiertes Entwerfen 2 aus dem 2. Semester, befasst sich mit der Visualisierung von großen Datensätzen rund um das das Thema Skigebiete. Die Aufgabe war es ohne alphanumerische Zeichen ein System zu entwickeln, dass die Informationen dem Nutzer nur durch Formen, Farben, Animationen und Interaktionen vermittelt. 

 

Skizzen

 

 

Auswahl einer Region 

In der Weltansicht, dem Startscreen, erhält man einen Überblick über alle Skiregionen der Welt. Jedes opake Dreieck steht für eine Region in der sich Skigebiete befinden, wohingegen die restlichen Dreiecke die restliche Landmasse bilden. Der Nutzer kann durch Klicken eine Region auswählen, die er vergleichen bzw. im Detail betrachten will. Die Vergleichsebene ist permanent unter der kartografischen Ansicht. Nach dem Klicken erhält das die ausgewählte Region eine gefüllte Highlightfläche, welche die Verbindung zwischen Vergleichsebene und Karte schafft.
 
Region auswählen


Vergleich zweier Regionen

Nun kann man eine weitere Region auswählen und mit der anderen Region vergleichen. Die visualisierten Werte fassen alle einzelnen Skigebiete in dieser Region zusammen und bilden somit einen Durchschnittswert.  
 
Vergleich zwischen zwei Regionen
 
 

Parameter

Die Grundform der Darstellung eines Skigebietes/einer Skiregion ist das Dreieck. Dies soll eine abstrakte Darstellung eine realen Berges sein. Die weiße Outline legt sich dabei wie eine Schneedecke über den Berg. Die Form des jeweiligen Dreieckes wird durch die Gesamtanzahl der Pistenkilometer und die Höhendifferenz zwischen Berg und Tal definiert. Die Füllung fächert sich in die einzelnen Pistenschwierigkeiten auf. Durch deren Farbabstufungen erhält das Dreieck eine abstrakt dreidimensionale Form.
 
Parameter
 
 

Navigation in die Regionsansicht

Durch eine Scroll-Interaktion über einer beliebigen Region gelangt der Nutzer von der Weltansicht in die Regionsansicht. Dabei wird in das ausgewählte Dreieck hinein-gezoomt. Nun repräsentiert jedes Dreieck ein einzelnes Skigebiet. 
 
Weltansicht zu Regionsansicht
 
 

Vergleich einer Region mit einem Gebiet

Durch die freie Navigation im System kann der Nutzer Regionen mit Regionen, Gebiete mit Gebieten und Gebiete mit Regionen vergleichen. Wird ein Gebiet ausgewählt wechselt die Fläche des Highlight-Dreiecks zu einer Kontur. 
 
Auswahl eines Gebietes
 
 

Navigation in die Weltansicht

Durch ein weiteres Scrollen kann der Nutzer sich wieder in die Weltansicht zurück navigieren. Dabei bekommt die Region, in der sich das ausgewählte Gebiet befindet, eine Outline um die gefüllte Fläche.
 
Regionsansicht zu Weltansicht
 

Umsetzung

Alle Animationen die hier zu sehen sind, sind Screencasts eines mit Framer.js erstellten Prototypen.