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 informationsdesign:

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]

typografische Musikvideos

Eine große Liste an guten Musikvideos die fast ausschließlich mit Typografie arbeiten. Eine gute Ergänzung der Beispiele für Density-Videos in denen Informationen verdichtet werden.

yuxt.com/artist/typography_in_music_videos

Leider gibt es abgesehen von dieser Sammlung noch keine wirklich interessanten Daten (siehe Top10-Listen) — yuxt muss sich im neuen Trendmarkt der Listen-Applikationen für das Genre der Musikvideos noch beweisen.

[thx@marian]

[tags]video, density, musik, visualisierung[/tags]

Piktogramme und Geschlechterrollen

Eigentlich ein Beitrag für das Visperanto-Weblog:

Sonja Wehsely, Frauenstadträtin in Wien hat verstanden, dass „Bilder (…) unsere Vorstellung von der Welt" prägen" und „deshalb (…) die öffentliche Bildsprache auch die alltägliche Realität abbilden" sollte sowie gleichzeitig zum Umdenken anregen.

Darum werden in Wien im Rahmen der Kampagne ‚Gender Mainstreaming' (komischer Name) jetzt immer mehr Piktogramme mit vertauschten Geschlechterrollen ausgetauscht.

gender mainstream

Gender Mainstreaming Gender Mainstreaming

Und vielleicht werden die nächsten Ideen ja auch umgesetzt: Weibliche Ampelfrauen, Bauarbeiterinnen auf den Achtung Baustelle-Schildern, …

Ich denke: Die Herleitung ist selbstverständlich richtig. Bei der Umsetzung kann man aber leicht zu viel des Guten tun.

Ein Wickelvater am Wickeltisch (Bild konnte ich online nicht finden) ist sicher ein gut ausgetauschtes Piktogramm. Vorausgesetzt das stilisierte Bild es wird als „Mann" und nicht als „Neutrum" interpretiert und der Tisch ist nicht gerade an die Damentoilette angegliedert… :)

An anderen Stellen besteht jedoch die Gefahr, neue Geschlechterklischees zu schaffen: Frau = lange Haare mit Frisur X, Kleid oder Rock oder Stöckelschuhen.
In diesem Fall doch lieber das Geschlechtsneutrale Strichmännchen-und-frauchen-Icon ;).

[via Frankfurter Rundschau, 6.1.]

[tag]piktogramm,icon,visperanto,kampagne,design,informationsdesign,leitsystem,gesellschaft,schilder[/tag]

Wie funktioniert Geld / 10-Punkte-Video

Aliens haben das Geld erfunden um die Erde und ihre Bewohner auszubeuten.

Max von Bock hat seine Diplomarbeit, die er Mitte 2005 an der FH Aachen, FB Design erstellt hat, online gestellt. In drei YouTube-Videos geteilt zeigt er seinen 10-Punkte-Plan zur erfolgreichen Ausbeutung eines Planeten mit halbintelligenten Lebewesen" <– das sind wir ;-)

So sah das bei Max Diplomausstellung aus:

[mygal=wie-funktioniert-geld]

Und hier die Videos:

PS: Im dritten Video kann man ein paar interessante Kommentare lesen.

[Danke, Tim]

Elephants Memory – Links zu einer visuellen Sprache

Elephants Memory ist eine visuelle Zeichensprache, die von Timothee Ingen-Housz entwickelt wurde.

Leider ist es recht schwer, Informationen über Elephants Memory im Internet zu finden. Das ist auch in den letzten 2 Jahren seit dem Visperanto-Seminar an der FH Aachen nicht besser geworden. Damals hat uns Timothee selbst alles erklärt, was man über diese nichtlineare visuelle Sprache wissen wollte.

Jetzt bleibt nur noch der Weg des Lesens und Schauens. Hier einige Links die euch das erleichtern sollen:

  1. „The Elephant’s Memory – In search of a pictorial language (PDF)" ist ein PDF das früher auf apple.com veröffentlicht war. Es ist meiner Meinung nach die beste Beschreibung der Sprache durch Timothee selbst. Da die Datei schon lange unauffindbar ist und weder Google-Cache noch die Waybackmaschine weiterhelfen, habe ich sie hier gespiegelt.
    Um einen Eindruck zu bekommen, sind die vielen erklärenden Grafiken und Satzbeispiele sehr hilfreich. Die im PDF formulierten Anwendungsfälle und die Conclusion dagegen haben sich — wie ich aus den Gesprächen im Seminar weiß — weiterentwickelt und sind nicht mehr ganz aktuell.
  2. Auf Phosphen.org liegt Timothees offizielle „Research project"-Seite. Bitte den ‚more'-Link nicht verpassen, sonst findet ihr nicht zu den logogram processing-Screenshots. Leider hat sich an dieser Seite sehr lange nichts getan…
  3. Das Seminarweblog Visperanto sammelt ebenfalls ein paar (zum Teil veraltete) Links und ist auch zu anderen Themen aus dem Kontext visueller Sprachen interessant.
  4. Paul Honeywil hat eine Review zu Elephants Memory geschrieben. Ich bevorzuge jedoch das obige PDF.
  5. Auch das „Institut für Informationssysteme und Computer Medien" hat ein Kapitel zu Elephant's Memory.

Alle weiteren Links die man beispielsweise über Google findet, sind meist tod oder uninteressanter.

Elephants Memory

Update: Bei onefootprint.com gibt es doch noch eine Version des oben verlinkten PDFs.

Tellerrand 06-06-13

„Tellerrand"-Posts sammeln Links zu meinen Beiträgen in anderen Blogs (siehe auch Blog Post Formats von LukeW).

Das wollte ich schon vor Wochen machen, entsprechend länger ist die Liste heute…

[tag]tellerrand, pfadiblog, scoutpress, sammlung, informationsdesign, diplom, podcast, interview, schreiben, pfadfinder[/tag]

Nähe, Distanz und wie man sie liniert verbindet

WRT ist ein Blog, das ich glaube ich zu selten lese.
In Flowchart Art and Comics stellt Jeremy Douglass fünf verschiedene Möglichkeiten vor, (Ablauf)Diagramme zu illustrieren.

Dabei wird einige Male auf Scott McCloud’s Carl aus dem sehr guten Buch „Understanding Comics" verwiesen.
Die große Stärke von Understanding Comics ist, gezeichnet anschaulich zu machen, wofür man sonst lange Texte bräuchte. Zum Beispiel diese Flash-Sequenz, in der man die simple Geschichte „Don't drink and drive" von drei auf über 50 Bilder erweitern kann ohne die Bedeutung zu verändern…

Wie kann man besser verdeutlichen, welches Potential die visuelle Informationsverdichtung hat? Kein Wunder, dass Firmen darauf ihr Geschäftsmodel aufbauen können.

In die Kategorie dieser Firmen, die mit visuellen Lerntafeln arbeiten, fällt dann auch mein zweiter Link aus dem WRT-Post: „Follow that trail" und schon wird man hineingezogen in eine Erzählung, die durch ihren visuellen Aufbau Spaß macht, gelesen zu werden — ob der Inhalt jedoch Sinn-voll ist, sei dahin gestellt ;-).

So etwas wäre vielleicht eine Alternative zu meiner Idee einer verbesserten RSS-Erklärung

Verwandte Artikel:

Informationsverdichtung in Infografiken und Infofilme