Initial GUI Prototyping

Low-Fid Prototype

In Anlehnung an die darstellung von Aktienkursen habe ich mir folgendes Design ausgedacht. Zunächst gibt es eine Übersicht mit 4 Cardviews in denen die Diagramme in klein zu sehen sind. Hier kann die Zeitspanne von welcher die Daten eingesehen werden für jedes Diagramm einzeln geändert werden. Desweiteren lässt sich mit einem kurzen drücken auf das Diagramm ein Zeitpunkt auswählen für den dann die genauen Daten angezeigt werden. Beim längeren Drücken auf eine der Karten wird in die Großansicht der ausgewählten Karte gewechselt. In der Großansicht lässt sich in das Diagramm hereinzoomen ebenfalls stehen alle Optionen der Übersicht zur Verfüggung.

Übersicht
Großansicht

High-Fid/Mid-Fid Prototype

Nach Rücksprache in der Gruppe habe ich einige Verbesserungen vorgenommen. In jedem Diagramm sind jetzt die Werte der drei Werke gegenüber gestellt. Im Titel der Karten befindet sich entweder die Summe oder der Durchschnitt über die drei Werke.
Link zum Prototyp
Im Prototyp steht die Option zur Auswahl der Zeitspanne und zum Anzeigen der Daten an einem beliebigen Zeitpunkt in der Übersicht nicht zu Verfügung. Eine Größansicht gibt es nur von der Ansicht der Produced Units. In der Großansicht ist es nicht möglich zu zoomen. In der Großansicht lässt sich zwischen der Zeitspanne 3 days und 1 week wechseln. In der Großansicht mit 1 week ausgewählt lässt sich auf zwei verschiedenen Daten drücken.