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

Videoerklärung: Herr Kaiser 2.0 und die Riesterrende

Eine Kollegin erzählte mir gerade von Herrn Kaiser 2.0, einem interaktiven Video-Spot der authentisch und klar rüberkommt und von Sounds of Seduction zusammen mit Planet Pixel produziert wurde. Dazu wurde Herrn Kaiser von Hamburg-Mannheimer-TV-Werbung „ausgegraben".

Besonders positiv fallen mir auf: Hervorragende Rhetorik (Text und Körpersprache), sehr gelungene Interaktion mit den Infografiken/Flashelementen, gute Navigation.

Zur Microsite (auf der Startseite der Hamburg-Mannheimer verlinkt)

Herr Kaiser 2.0

[thx google und Planet Pixel]

schönes Interaktionsdesign bei Adobe »Thermo«

Auf der Adobe Max-Konferenz in Chicago wurde am Dienstag ein neues Adobe-Produkt vorgestellt Codename „Thermo".

Wenn Flex die Weiterentwicklung von Flash für Programmierer ist um ihnen bessere Kontrolle über den Code zu geben und die Lücke zwischen Code-Software und Flash schließt, wird Thermo wohl etwas ähnliches für Designer sein. Die Idee ist, beispielsweise Photoshop-Dateien direkt in Thermo öffnen zu können, um mit einem visuellen Editor die Grafik in Flex-Files umzuwandeln und rudimentäre Interaktion einzubauen.

Und das hat Adobe wirklich schön hingekommen: Sauberes und schönes Interface, komplexe Prozesse im Hintergrund die trotzdem einfach zu bedienen sind und das alles mit der nötigen Detailtiefe…

Die Videos zeigen besser, was ich meine:

Part I:

Part II:

Part III:

[thx@claudius und Aral Balkan]

WDR mit WebTV-Angebot

Nach dem im letzten halben Jahr viele Sendungen des WDR als Video- und Audio-Podcast veröffentlich wurden (flyingssparks-Post dazu), geht der WDR jetzt einen Schritt weiter.

Wurden bisher die Sendungen in ein XML-File gepackt und zum Abo- und Download angeboten, gibt es im neuen WebTV-Portal eine große Reihe an Zusatzfunktionen:

Das ganze funktioniert sehr gut und intuitiv — Glückwunsch für die saubere Umsetzung. Damit zeigt der WDR, wie unser Fernsehen hoffentlich bald überall aussehen wird: Neben dem linearen Film hat man direkt Zugriff auf eine Vielzahl an Zusatzinformationen.

Der nächste Schritt könnte jetzt zum Beispiel sein, ein eigenes Bookmark-System aufzubauen. Schon jetzt gibt es Videoplattformen, die das Taggen einzelner Frames/Sequenzen erlauben (Link fehlt mir leider gerade). Das nutzt dann im Delicious-Stil jedem Einzelnen und zusammengenommen zeigt es, welche Sequenzen besonders beliebt (…) sind.

wdr web tv quarks und co

wdr web tv mit gebärdensprache und untertitel

[tags]video, tv, vodcast, podcast, barrierefreiheit, flash[/tags]

radiale Zeit

Eine schöne Visualisierung:

pixel breaker

 

[tags]zeit, datensicht, visualisierung, design, flash[/tags]

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]

Microsoft Design, Vista, WPF/E

Ich bin beeindruckt, was zur Zeit alles bei Microsoft passiert:

  1. Die Vista „Windows Presentation Foundation" WPF sieht nach einem sehr gut durchdachten Ansatz aus auf dem nicht nur alles sichtbare in Vista selbst basiert, sondern der auch Entwicklern komfortablen Zugriff auf gute Funktionen ermöglicht. Karsten Januszewski gibt im 22Min-Channel9-Video einen Überblick.
    Es gibt noch mehr Videos zum Thema die ich aber nicht kenne.
    Mehr zur Technik der WPF bei msdn.
  2. Überhaupt arbeitet Microsoft im Moment stark daran, die ganzen neuen Schnittstellen von Vista auch an die Entwickler zu kommunizieren. Da wären beispielsweise die Gadgets, die RSS-Plattform, Spracherkennung, die Windows-Suche, …
  3. Dazu gehört natürlich auch, das neue GUI-Konzept aero mit seinen Interaktionsstandards zu verbreiten. Dass Windows-Programme hier Nachholbedarf haben, bezweifelt glaube ich niemand. Ich hoffe, die „Top Rules for the Windows Vista User Experience" werden wirklich umgesetzt :)
    Wen das look-and-feel von Vista interessiert, der sollte in den dort überall verlinkten GUI-Guidelines stöbern.
  4. Sehr cool in dem Video unter 1. ist der North Face-Shop (technische Infos). Auch er basiert auf der WPF-Engine und ich verstehe zwar nicht, wie Microsoft die exsessive Video- und 3D-Verwendung der WPF auf anderen Plattformen umsetzt, aber zukünftig wird man diese Anwendungen wohl auch direkt im Browser nutzen können. Auch auf dem Mac. (via Oliver Wrede)
  5. Und damit Adobe Flash sich auch wirklich angegriffen fühlt, stellt Microsoft neben diesem Browserplugin WPF/E (WPF Everywhere) auch gleich vier neue Entwicklungstools vor: Microsoft Expression, a suite of tools for creative designers that gives you the freedom to bring your vision to reality and boosts developer collaboration in the delivery of rich user experiences for the Web, Windows Vista applications and beyond. heißt es in typischem Marketing-Slang. Das Websitedesign in schöner Flash- und Apple-Sauberkeit drückt zusätzlich aus, dass man hier nicht die Standard-Microsoft-Zielgruppe anspricht.

[tag]vista, microsoft, windows, apple, flash, interfacedesign, video, wpf, softwareentwicklung, gui, ui[/tag]

Beethoven-Symphony als interaktives Flasherlebnis

Das ist wirklich schön aufbereitet und motiviert selbst mich als nicht gerade Klassik-Fan, länger hinzuhören und weiter zu klicken:

In this DVD, Michael Tilson Thomas and the San Francisco Symphony invite you to discover the music of the Eroica and the circumstances surrounding its creation.

Wenn ich das richtig verstanden habe, hat das Orchester diese Geschichts- und Musik-Lern-DVD erstellt und vertreibt sie parallel zu den Aufführungen. Ich vermute, was wir online zu sehen bekommen ist nur ein Ausschnitt… Aber auch den sollte man mal gesehen haben, schön designt und gut gedacht was die Interaktion und Learnability betrifft.

keepingscore.org

[via ehrensenf]

[tag]learnability, musik, flash, elearning, lernen, video[/tag]