Archiv

Artikel Tagged ‘Drag n’ Drop’

Prototypen in Flash II

7. Juni 2009

Auch für die Drag n’ Drop Funktion unserer interaktiven Infografik gibt es inzwischen einen Flash-Prototyp. Dadurch lässt sich die Art der Interaktion gut simulieren. Bis zur “Serienreife” wird es allerdings noch etwas dauern …

Get Adobe Flash player

Umsetzung , ,

Interaktionskonzept Vergleichsebene

8. Mai 2009

Das Ziel für die Vergleichsebene ist relativ einfach: Der Nutzer soll die Möglichkeit erhalten verschiedene Produkte in Bezug auf ihren virtuellen Wassergehalt miteinander zu vergleichen (Vgl. Einträge ‘Storytelling’ und ‘Flowchart’).

Dabei haben wir uns entschieden (mehr oder weniger) klassische Säulendiagramme zu verwenden. Diese Art der Darstellung hat den Vorteil, dass sie sehr bekannt und äußerst funktional ist. Zahlenwerte lassen sich in Form von Säulendiagrammen sehr gut veranschaulichen und innerhalb von Sekunden vergleichen. Die traditionelle (langweilige) Darstellung von Säulendiagrammen wollen wir aber durch eine schön gestaltete, multimediale Komponente durchbrechen. So sollen die Betrachter auch emotional angesprochen und dazu motiviert werden, die interaktive Infografik weiter zu entdecken.

Kernstück der Vergleichsebene ist aber die „Bühne“ auf welcher der Vergleich stattfindet. Der Nutzer hat hier selber die Möglichkeit zu entscheiden, welche Produkte ihn interessieren und welche er miteinander vergleichen möchte (Vgl Eintrag ‘Produktwahl‘). Mittels Drag n’ Drop können zwei Produkte (bzw. Diagramme) aus einer Art „Bibliothek“ auf die Bühne gezogen werden. Daneben gibt es eine Säule, die den durchschnittlichen Wasserverbrauch einer Person pro Tag darstellt. So soll der Betrachter ein Gefühl dafür entwickeln, wie die Zahlen von virtuellem und direktem Wasserverbrauch miteinander in Beziehung stehen.

Das Konzept folgt den Ansichten des Konstruktivismus in der Lernpsychologie. Im Sinne der konstruktiven Seite ist Lernen dann am effektivsten, wenn die Lernenden ihren Lernprozess umfassend selbst steuern können.

Storyboard , , ,