flying sparks ein Weblog von Tobias Jordans zu den Themen software designstudium web2.0 webdesign informationsdesign oekologie werbung usability tj video interfacedesign marketing // alle Themen...

Alle Funken für das Thema density:

Scott McCloud stellt Google Browser „Chrome" vor

google chrome logo
(Quelle)

Der König der einfachen Vermittlung komplizierter Themen(*), Scott McCloud (Website, Wikipedia), hat für Google ein spezielles Comic gezeichnet. Auf 38 Seiten erzählt er ausgesuchten Journalisten von Googles neustem Hammer: Chrome, einem eigenen Browser.

Hier findet ihr eine sehr gute Zusammenfassung der Inhalte… und natürlich auch die Comic-Seiten selbst (gescannt; Mirror).

Google Chrome Scott McCloud

Es ist wirklich erstaunlich, wie gut man auch komplizierte Programmier-Zusammenhänge verstehen kann, wenn sie in solcher Form aufbereitet sind. Weitere Beispiele davon in meinem älteren Blog-Post „Informationsverdichtung in Infografiken".

*) Scotts Klassiker: In einem Comic erklären, wie man Comics versteht (Wiki) (und macht).

[thx@Gernot/Twitter 1, 2, 3] und ja, Gernot, super Arbeit von McCloud!

PS: Konnte nicht widerstehen Aza Raskin auf diese Startseiten-Idee hinzuweisen… :-)

[tags]browser, google, opensource, userexperience, sicherheit, informationsdesign, visualisierung, density, illustration, comic, mccloud[/tags]

Ein 2.0-Interface für den ÖPNV und die 1.0-Denke der KVB…

Seit ich mehr und mehr mit Bus, Zug, S-, U- und Straßenbahn durch Köln fahre, wünsche ich mir immer häufiger ein Tool wie Bret Victors BART Widget (Case Study).

Einfach die Start- und Zieladresse auf der Karte anklicken und schon könnte mir die Applikation die Kombinationen möglicher Verkehrsmittel samt Fahrzeit und Umsteigeorte anzeigen.

Zwei Klicks, einmal gucken — wie viel einfacher kann es einem ein Computer machen, die richtigen Entscheidungen zu treffen?

The BART Widget
(Das BART Widget mit seiner Karten- und Reise-Ansicht. Leider kann man hier keine Adressen eingeben, sondern nur Haltestellen anklicken.)

Technisch gesehen ist so eine Applikation ja auch gar nicht so kompliziert. Google Maps liefert die Karten, Haltestellen-Geodaten kann man usergenerated sammeln lassen, Flash oder HTML+JS erlauben agile Interfaces wie Bret sie vorgemacht hat… Einzig die offene Schnittstelle der Kölner Verkehrsbetriebe fehlt, um die nötigen Verbindungsdaten zu liefern.

Und auch wenn ich mir über die Antwort schon sicher war, wollte ich trotzdem hören, was die KVB wohl dazu sagt, schließlich zeigt sie sich mit Ihren Handytickets schon ziemlich modern, bietet ihre Fahrpläne in allen möglichen Formaten zum Download und fragen prominent in der Topnavigation nach Feedback.

Also fragte ich sie nach einer API um eigene Visualisierungen möglich zu machen. — Die Antwort kam auch schon nach wenigen Tagen vom „Bereich 1312, Verbesserungsmanagement" und ist einfach ein zu schönes Beispiel für die Offenheit, die Firmen bisher vom Web2.0 gelernt haben, als dass ich sie hier vorenthalten wollte:

Sehr geehrter Herr Jordans,
vielen Dank für Ihre Anfrage. Es liegt nicht in unserem Intereese, dass eine eigene Visualisierung in welcher Form auch immer stattfindet.
Wenn jemand die Fahrplanauskunft auf seiner Seite anbieten möchte, stellen wir ein kleines HTML-Tag zur Implementierung zur Verfügung.
Sollten Sie daran Interesse haben, senden Sie uns bitte Ihre URL, damit wir die Inhalte ansehen und bewerten können.
Freundliche Grüße
Kölner Verkehrs-Betriebe AG
i.A. (…)

Danke, KVB, ihr habt es verstanden! :-).

[tags]datensicht, density, api, koeln, reisen, karte, interfacedesign, webaplikation[/tags]

Visualisierungen und die neue API von Google

Eben noch habe ich das neue DabbleDB-Video angeschaut und gedacht, wie toll es ist, dass DabbleDB so hilfreiche Visualisierungen wie die Kartenansicht und die Gruppierungen so einfach macht.

Für mich ist das einer zentralen Vorteile (USP) von DabbleDB. Schließlich geht es darum, möglichst schnell, möglichst aussagekräftige Informationen aus den Daten herauszuziehen. Das macht Office 2007 mit seinen Heatmaps sehr schön und ist auch die Motivation von Mihai Parparita gewesen, als er seine Google Mail-IMAP-„API" gebaut hat um seinen E-Mail-Verkehr zu analysieren (via). Eine Funktion die ich zuletzt bei dem Outlook-Plugin XOBNI gesehen habe (Invitations gibts bei mir).

Da hätte es mich eigentlich nicht wundern dürfen, dass Google dieses wichtige Thema gleich aufgreift und eine dicke API d'raus baut (via). Erst Recht nicht, da sie vor ein paar Tagen erst YouTube-Videos mit Statistik-Visualisierungen von Analytics (Karte mit HeatMap) und Google Finance (Chart-Komponente) ausgestattet hatten.

In der Dokumentation der Google Visualization API findet man eine lange Liste mit allen möglichen Darstellungsformen — die meisten davon kann man übrigens in Google Docs/Spreadsheet nutzen (Videodemo) und als Gadget auf seiner iGoogle-Seite hinzufügen.

Under den vielen gewöhnlichen Diagrammen (Balken, Kuchen, …) sind zwei, die besonders wichtig sind:

1. Die Motion Chart-Ansicht, die ich bisher nirgends gesehen habe — außer bei dem inzw. von Google gekauften Gapminder-Projekt.

Motion Chart

2. Die Interactive Time Series-Ansicht, die es im Fokus+Context-Prinzip bei Google Finance seit längerem erlaubt, große Datenmengen sehr kompfortabel zu durchstöbern.

Interactive Time Series

Ich bin sehr gespannt, was uns in diesem Bereich noch alles erwartet und an welchen Stellen wir zukünftig bessere Sicht auf unsere Daten bekommen werden. Hans Rosling (mehr bei mir) wird sich jedenfalls freuen, dass seine beiden TED-Talk-Wunsche jetzt in refüllung sind: Zum einen sind die UN-Daten kürzlich öffentlich zugänglich gemacht worden, zum anderen hat mit der Google API jetzt jeder die Möglichkeit, seine tollen Visualisuerungen zu nutzen.

[tags]visualisierung, google, api, density, diagramm, datensicht, statistik[/tags]

Tufte über Interfacedesign und das iPhone

Edward Tufte, Meister der Informationsaufbereitung, hat sich mit dem iPhone beschäftigt und spricht über hohe Bildschirmauflösung als Lösung für die Interfaceprobleme kleiner Displays.

Und natürlich hat er auch ein paar Optimierungsvorschläge parat. „(…) here is the general theorie: To clarify add detail. Image that. To clarify add detail. And clutter and overload are not an attribut of information they are failiures of design. If the information is in chaos dont start throwing out information, fix the design. And that is exactly what the iphone-plattform has done."

Zwei tolle Zitate und Aussagen!

Ob sein Optimierungsvorschlag aus seinem Video (rechts) mit mehr Details wirklich so viel klarer ist…? Mir gefallen die Wetter-Visualisierungen aus dem Kommentar-Thread besser. Aber ich glaube, seine Nettobotschaft kommt trotzdem rüber.

iphone tufte

Notierte Links von Mobile über GoogleEarth zu Produktdesign und Desity

Eine Sammlung an Links, die ich mehr für mich selbst hier archivieren möchte:

[tags]densitiy, produktdesign, google, googleearth, web3d, mobile, mobile2.0, lustig, dinge des alltags[/tags]

Zukunftsmusik: Shift Happens

Der Rundumschlag über die Veränderungen des Webs, der Welt, der Informationsverbreitung und Computerentwicklung…

Update: Es gibt eine aktualisierte Version dieses Videos (Danke Tamim) an dessen Ende auch etwas zur Historie gesagt wird. Konzipiert wurde es übrigens von XPLANE über deren Arbeiten im Bereich der Informationsaufbereitung ich auch schonmal geschrieben habe.
Empfehlung: Tag „Density"


glumbert.com – Shift Happens

(via Oliver Wredes delicious-Links)

digg labs-Datenvisualisierungen

Wer sie — wie ich bisher :) — noch nicht kennt, sollte sich diese drei schönen Datenvisualisierungen aus den Digg Labs anschauen.

Auf ganz unterschiedliche Arten, werden die aktuell gediggten Stories dargestellt. Zusammen mit ein paar Metainformationen.

(Die Links auf den Bildern vergrößern das Thumbnail.)

digg labs swarm
http://labs.digg.com/swarm/
Digg Swarm draws a circle for stories as they're dugg. Diggers swarm around stories, and make them grow. Brightly colored stories have more diggs.

digg labs bigspy
http://labs.digg.com/bigspy/
Digg BigSpy places stories at the top of the screen as they are dugg. As new stories are dugg, older stories move down the list. Bigger stories have more diggs.

digg labs stack
http://labs.digg.com/stack/
Digg Stack shows diggs occurring in real time on up to 100 stories at once. Diggers fall from above and stack up on popular stories. Brightly colored stories have more diggs.

 

[tag]datensicht,density,flash,web2.0,bewertung,timeline[/tag]