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

Aza Raskin fasst Interfaceregeln im Interview zusammen

Aza Raskin (mehr über ihn in meinem Artikel) war kürzlich in Berlin und ich habe leider zu spät davon erfahren. Zum Glück war aber Golem zugegen und hat ihn interviewt.

Zu sehen im Video und nachzulesen im Golem-Artikel, sind diese Themen:

Video: Aza Raskin – Humanes Interface-Design (deutsch) (10:42)

[THX@Lars][tags]Aza Raskin, Jef Raskin, GOMS, Interfacedesign, HCI, User Interface, User Experience, Interface[/tags]

Google bringt Microsofts Photosynth online mit Panoramio

Da war Microsoft mit Photosynth einmal schneller als Google mit einer neuen interessanten Darstellungstechnologie … und schon zieht Google vorbei.

Zugegeben, das Interface der Desktopanwendung von MS sieht schon cooler aus als das von Google im Web…


(mehr in meinem Artikel zu Phtosynth)

… aber dafür ist stellt Google seine Funktion offen für alle Fotos der Fotocommunity Panoramio ins Netz. Dort kann man nämlich seit dem 3. Juni auch „umher gucken" und ausgehend von einem Foto, andere Perpektiven anschauen. In dem dazugehörigen Panoramio-Blogpost heißt es, man müsse nur ca. 20 etwas überlappende Fotos von einem Ort machen und alle paar Wochen würde das System dann neue „look arounds" (dt. „umsehen") hinzufügen. — Super, darauf warte ich bei Microsoft schon seit langem.

panoramio umsehen funktion
Zur Ausgangsseite…

panoramio detailansicht mit zoom-funktion
Zur Detailansicht…

Sehr schön gemacht.

[tags]3d, datensicht, foto, fotografie, interface, kollaboration, microsoft, research, visualisierung, webapplikation, google[/tags]

Kurz: Photoshop CS3-Videos

Bei Galileo Design gibt es 5 Videos zur neuen Photoshop CS3-Version. Eine praktische Einführung in die Neuerung — einige davon gute Interfaceverbesserung.

[tag]adobe, photoshop, grafikdesign, design, webdesign, fotografie, interface, interfacedesign[/tag]

Multi-Touch-Screen — Geschichte, Zukunft, neues Video

Es gibt ein neues Video des Multitouch-Screens von Jefferson Han.

FastCompany.com stellt es zusammen mit einem sehr guten Artikel „Can't Touch This" vor.

Schön zusammengetragen, stellt Adam L. Penenberg für FastCompany Han's* Lebensgeschichte und die Entwicklung seines Multitouch-Screens vor.

Dabei muss ich die zeitlichen Angaben aus meinem letzten Multitouch-Post korrigieren: Erst war die TED-Präsentation, dann das YouTube-/Perceptive Pixel-Video. Jedoch wurde die TED-Präsentationen erst als 2. veröffentlicht.

Neben dieser Firmen- und Entwicklungsgeschichte von Han und Perceptive Pixel ist auch interessant, welche Mitbewerber, Künstler und Professoren sonst noch so im Multitouch-Umfeld forschen.

Ich hoffe nur, es gibt schon bald bezahlbare Konsumenten-Screens :-).

*) Denglisch ist hier besser lesbar :).

Update 07-03-20 via Fabian: Ein Video das zeigt einen Ansatz, wie ein Interfacedesign speziell für Multitouchscreens aussehen könnte

Update 07-03-21 via infostetics: Jeff Han wird direkt interviewt und zeigt, was sein bisher größter Multitouchscreen kann. Ich finde: Das aufschlussreichste und natürlichste Video bisher.

Paper Prototyping-Artikelsammlung

Seit dem Continuity-Seminar versuche ich verstärkt, die Methoden des Paper Prototyping umzusetzen. Warum? Weil wir beispielsweise erst mit Hilfe der vielfältigen und leistungsstarken Methoden, die man diesem Schlagwort zuordnet, unser Abschlussexperiment, die Neukonzeption des Interfaces für den DB-Fernverkehrsautomaten, umsetzen konnten.

Aber was ist Paper Prototyping?

Shawn Medero beschreibt das aktuell bei A List Apart (via Tim). Der Artikel geht nicht gerade in die Details und betrachtet auch nicht alle Möglichkeiten, gibt aber einen guten Überblick.

Insbesondere die Beispiel-Scans/Fotos solltet ihr euch anschauen, da sie offen-sichtlich machen, worum es geht und wie Paper-Prototypen im Prinzip funktionieren.

alistapart.com/articles/paperprototypingPaper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces
Amazon search inside

Wer wirklich mehr über das Potential von Konzeption, Entwurf und Testen mit Stift und Papier wissen möchte, sollte ich das Buch Paper Prototyping von Carolyn Snyder zulegen! Es scheint das Standard-Werk zu sein, gehört inzwischen auf meinen coffee table.

Dieses Buch empfielt übrigens nicht nur Shawn in seinem ALA-Artikel, sondern auch Jensen Harris in seinem Office User Interface Blog. In dem Artikel Paper Prototypes beschreibt er, wie das Office 12-Team auf die Idee für das radikal neue Office-Interface gekommen ist.

Jensen zeigt damit auch, wie vielfältig Papier-Prototypen ausgelegt werden. Es geht nicht nur um Stift und Papier, sondern auch um Interface-Ausdrucke, wie er auch in The Wall of Ribbons beschreibt und zeigt.

Persönlich reizt mich an dieser Arbeitsweise, dass die Arbeit mit Stift und Papier immer noch viel intuitiver ist, als den Umweg über Software zu gehen. Trotzdem gibt es auch gerade hier viel zu lesen: Jensen Harris schreibt über Prototyping With PowerPoint und bei boxesandarrows kann man über Prototypenentwicklung mit Dreamweaver und Visio lesen. Gerade was die PowerPoint- und Dreamweaver-Verwendung angeht, bin ich skeptisch :).

Vielversprechender dagegen finde ich den Ansatz von Prof. James Landay: DENIM Einmal, weil er mit Tablet-PCs arbeitet und somit die praktische Stifteingabe berücksichtigt. Zum Zweiten aber auch, weil sein Ansatz den gesamten Prototyping-Prozess in einer Anwendung berücksichtigt. In welche Richtung das geht, zeigen seine Videos.

Doch wieder weg von der Software:

In dem Artikel An Introduction to Using Patterns in Web Design beschreibt Ryan Singer schon 2004, wie er durch Papierskizzen seinen Konzeptionsprozess beschleunigt und anschließend direkt in die Umsetzung springen kann.

In den Kapiteln There's Nothing Functional about a Functional Spec und Don't Do Dead Documents des Getting-Real-Buchs, das ja bekanntlich inzwischen kostenlos online steht, geht 37signals ebenfalls auf diesen Vorteil ein: Im Rahmen des Feldzugs gegen Spezifikationsdokumente werden die Chancen der schnellen Papierskizze hervorgehoben: Build, don't write. If you need to explain something, try mocking it up and prototyping it rather than writing a longwinded document.

flow|state beschreibt noch einen anderen Vorteil in dem Artikel Matching design sketches to the desired level of design feedback. Kurz gesagt: Zu hübsch kann nachteilig sein, da es den Blick vom Konzept hin zu visuellen und unwichtigen Details (ab)lenkt. Schaut euch die vier Beispielbilder des gleichen Interfaces an und ihr versteht, worauf Jan Miksovsky hinaus will.

Und wen das alles noch nicht überzeugt hat: Auch Jakob Nielsen finden Paper Prototypen gut — wenn das kein Argument ist? ;-)

2. Multi-Touch Interaction-Video

Anfang des Jahres ging es wie ein Lauffeuer durch die Bloggosphäre und obwohl diese Metapher gut zu flyingsparks gepasst hätte, habe ich mir das x-te me-too-Post gespart.

Jetzt gibt Tamim mir mit seinem Hinweis auf dieses inzwischen auch wieder 2 Monate alte zweite Video der Multi-Touch Interaction Research von Jeff Han: Auf TED-Talk gibt er eine kommentiere Live-Präsentation.

Wer das erste Video kennt, sieht visuell nicht viel Neues, hört aber, was Jeff Han dazu zu sagen hat und erlebt ihn persönlich an seinem genialen Touchscreen…


(Auch direkt auf der TED-Talk-Website)

PS: Die TED-Talks erweisen sich überhaupt als ziemlich interessant.

Via Interface Design und Usability Blog:

Und schon wieder ein MultiTouch-Interface. Dieses allerdings mal nicht von Jeff Han, sondern von Daniel Lüthi und Christian Iten. Wie die Namen schon ahnen lassen, handelt es sich hierbei um zwei Schweizer genauer gesagt, zwei Studenten vom Interaction Design Studiengang der Hochschule für Gestaltung und Kunst in Zürich.

Das Besondere: Im Gegensatz zu Han’s Konzept, können bei diesem Interface jedoch noch real existierende Objekte mit einbezogen werden. Im Video gut zu sehen: Ein frei platzierbarer Drehknopf, mit dem sehr effektiv Menüpunkte ausgewählt werden können.

automatierte 3D-Photowelt

Ton Zijlstra schreibt in seinem Weblog über Microsoft Live Labs' Photosynth.

Photosynth ist eine Software, die es erlaubt, kollaborativ Fotos in einem 3D-Raum zu mappen. Photos zu einem bestimmten Ort werden dabei automatisiert neben-/über-/aneinander sortiert. So entsteht eine räumliche Sicht des Ortes (in den Videos als weiße Punkte zu sehen). Photosynth erlaubt es unter anderem, innerhalb dieser 3D-Landschaft herumzufliegen. Man kann einzelne Fotos anschauen, Fotos im Kontext mit ähnlichen/zusammenhängenden Bildern sehen oder im Raum näher heranzoomen und bekommt dann Detailaufnahmen angezeigt.

Photosynth
Video 1/2

Navigate your photos in 3D
Text-Tour

Das ganze erinnert ein wenig an die visuelle Suchmaschine Riya. Während Riya versucht die Fotos im Web per Text- und Gesichtserkennung zu indizieren, geht der MS-Laps-Ansatz auf den Raum ein.

Ton bemerkt richtig, dass der MS-Laps Ansatz insbesondere deswegen interessant ist, weil er kollaborativ denkt. Man soll also Fotos aus unterschiedlichen Quellen irgendwie berücksichtigen können.

Verbindet man dies wieder mit anderen Tools kann ich Ton nur zitieren: „It would certainly blur the demarcation of on- and off-line."

[tag]foto, fotografie, 3d, kollaboration, datensicht, visualisierung, interface, microsoft, research, software[/tag]