Einsodernull Lab: Die Irak-Logs auf dem iPhone

Carsten Lissmann — Mon, 01 Nov 2010 22:26:23 +0000

Aus den Daten der Irak-Logs hat der Guardian einen “interactive Guide” durch einen Tag im Krieg (den 17. Oktober 2006) erstellt. Schade daran ist unter anderem, dass die Visualisierung auf Flash basiert. Und überhaupt ist die gesamte Umsetzung viel zu fummelig.

Aber wie könnte man es anders machen? Wie könnten interaktive Datenvisualisierungen für die mobile Nutzung aussehen? Ich habe spaßeshalber mal versucht, “A day in the life of war” für das iPhone umzusetzen. Herausgekommen ist dieses Mockup:

http://lab.einsodernull.de/touchlogs [QR-Code]

Alles andere als perfekt, aber es ist ja auch nur ein Versuch. Drei Dinge waren mir wichtig:

Ein Design, das der besonderen Nutzungssituation unterwegs entspricht
Flexible Datenquellen, für den Anfang erst mal eine ziemlich unelegante CSV-Datei
Browserbasiert und JavaScript only: der Code sollte zumindest prinzipiell auch auf Desktops laufen (tut er: Timeline einmal klicken und Scrollrad oder Pfeiltasten benutzen).

To Do

Daten sind nur bis 12:38 eingepflegt
Verlinkung zu den Wikileaks-Logs fehlt
Karteneinbindung fehlt
Features: 1h vor / 1h zurück, Autoplay, Kartenzoom

Learnings

Das Interface in der jetzigen Form funktioniert auf dem iPhone ganz gut, auf dem Desktop macht es überhaupt keinen Spaß. Eine Verbesserungsidee wäre, die Timeline in letzterem Fall wieder in die Horizontale zu verlegen. Aber auch dann fehlt die Haptik des Touchscreens.

Ausprobiert?

Konnte bisher nur auf iPhone 4 und iPod (2.Gen) testen. Freue mich über Screenshots, Fehlerberichte, Funktionsbestätigungen von iPad, Android und so weiter.

Download

Den gesamten Quellcode gibt es hier unter CC-Lizenz (BY-SA) zum Download. Achtung: Alles komplett ungetestet und hastig zusammengekloppt. Ein Wunder, dass es überhaupt funktioniert.

Credits

iScroll von Matteo Spinelli
jQuery

einsodernull » Etc