onTV: Interaktionskonzept (Teil2)
Posted on | Februar 12, 2010 | No Comments
Die Interaktionsabläufe werden anhand eines Videos visuell demonstriert, sodass dem Betrachter die Funktionsweise der Applikation aufgezeigt wird. Dabei soll das Konzept und das systemische Design der Applikation mit Texterläuterungen untermauert werden. Die Beschreibung der gesamten Oberfläche des Interfaces wird im Artikel „Interface für den Alltag“ erläutert.
Szenario: 20:15 Uhr” geändert in „18:00 Uhr“
Auch in diesem Szenario startet der Nutzer in der Programmübersicht. Diesmal navigiert der Nutzer mit der Maus auf die Zeitleiste. Dort befindet sich ein „Zeit-Slider“, der dem Nutzer die Navigation über den Tag hinweg ermöglicht.
Der Nutzer klickt auf den Zeit-Slider, hält dabei die linke Maustaste gedrückt, und zieht den Slider nach unten.
Während der Nutzer den Slider nach unten gezogen hält, ändern sich einige Parameter in der Applikation.
Einerseits wird bei der Zeitleiste der Zeitbereich, welcher im 5-Minuten-Raster angezeigt wird, durchlaufen und gleichzeitig der jeweilige Bereich des 5-Minuten-Rasters angepasst. Das Raster zeigt, ausgehend von der Mittelposition, 30 min vor der Mitte in 5-Minuten Zeitabständen und 30 Minuten nach der Mitte ebenfalls in 5-Minuten Zeitabständen. Andererseits ändert sich die Ansicht der Sendungen im Inhaltsbereich.
Die Sendungen jedes Senders, sind aneinander gekettet in einem festen Raster, unabhängig von der Lauflänge der Sendungen. Jeder Sender hat seine eigene zeitliche Abfolge. Der Clou hierbei ist, dass die Zeitauswahl des Nutzers mit dem Zeit-Slider jede Spalte unabhängig voneinander bewegt. In diesem Szenario zieht der Nutzer den Slider nach unten und die Spalten der Sender richten sich aus, je nach gewählter Zeit.
Dies ist vergleichbar mit dem Spielautomaten dem „Einarmigen Banditen“. Dort bewegen sich die Anzeigebereiche ebenfalls unabhängig voneinander. Dennoch bilden sie eine Einheit und liefern eine in einem einheitlichen Raster gegliederte Ausgabe. Dieses Prinzip haben wir uns zu Nutze gemacht und in die Funktionsweise der Applikation eingebaut. Der Nutzer zieht den Sleider solange nach unten bis er auf der Zeitleiste auf der gewünschtne Uhrzeit angelangt ist. Je stärker er den Slider nach unten (oder oben) zieht, desto schneller Scrollt der Inhalt nach oben (oder unten) weg.
Der Nutzer ist auf 18:10 Uhr angekommen und lässt den Slider los (linke Maustaste). Die Sendungen richten sich im Raster so aus, dass alle Sendungen die um 18:10 Uhr beginnen oder um die Uhrzeit noch laufen, in einer Zeile ausgerichtet werden.
Der Nutzer möchte sich über die Serie „Simpsons“ auf Pro7 informieren und navigiert mit der Maus auf die Sendung „Simpsons“, zunächst auf 18:40.
Bleibt der Nutzer mit der Maus eine gewisse Zeit über einer Sendung stehen so wird ein Mouse-Over Status angezeigt. In diesem Status hat der Nutzer die Möglichkeit zwei Funktionen zur Sendung direkt auszuwählen. Er kann die Aufnahme der Sendung direkt starten oder die Sendung markieren und damit diese in den „MyTV“ (persönlichen) Bereich aufnehmen.
Die Sendung um 18:40 Uhr folgt direkt auf die Sendung um 18:10 Uhr (ebenfalls „The Simpsons“). Er entscheidet sich für die Sendung um 18:10 Uhr, navigiert auf diese und klickt anschließend auf diese.
Die gesamte Box der Sendung ist klicksensitiv, wodurch der Nutzer eine ausreichend große Fläche für die Interaktion hat.
Es öffnet sich eine Detailansicht über die gewählte Sendung. Hier hat der Nutzer mehrere Möglichkeiten. Die zwei Funktionen, die in der Mouse-Over Ansicht auswählbar sind, werden dem Nutzer in der Detailansicht ebenfalls angeboten. Zusätzlich werden dem Nutzer zusätzliche Informationen zur gewählten Sendung angezeigt, wie Trailer, Bilder, Weblinks, Sendungsbeschreibung und weitere Inhalte. Der Nutzer klickt auf den Button „markieren“ um die Sendung in den persönlichen Bereich aufzunehmen („MyTV“).
Als Farbkodierung für markierte Sendugen verwenden wir die Farbe Blau (siehe Farbschema). Die Sendung bekommt diese Farbe als Umrandung zugewiesen. In der oberen rechten Ecke der Detailansicht klickt der Nutzer auf ein „X“ (ähnlich dem des „Filter“ Buttons) um die Detailansicht zu schließen. Anschließend navigiert er mit der Maus auf den Menüpunkt „MyTV“ um seine markierten Sendungen anzuzeigen.
Die Farbzuweisung für den Button „MyTV“ ist ebenfalls in der Farbe Blau erstellt. So wird die zuvor markierte Sendung mit diesem Bereich verknüpft. Im „MyTV“-Bereich werden die markierten Sendungen in den verschiedenen Genres und den tagesaktuellen Sendungen gruppiert. Hierbei hat der Nutzer eine übersichtliche Variante aller im „MyTV“-Bereich abgelegten (markierten) Sendungen. Sie sind durch ihre Eigenschaften miteinander „verkettet“. Der Nutzer kann die Sendungen auf der gebotenen Fläche nun beliebig platzieren und anordnen. Er hat hier ein kleines Dropdownmenü zur Auswahl. Sollten es mehrere Sendungstypen sgeben, kann er durch dieses Dropdownmenü die „MyTV“-Einträge eingrenzen.
Comments
Leave a Reply