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

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

„Experience is the Product" (Präsentation & Zusammenfassung)

Peter Merholz von Adaptive Path ist so freundlich seine knapp 50 Minutenpräsentation über User Experience, Produktdesign, Kundenorientierung und erfolgreiche Produkte online mit uns zu teilen:

Yep, it's officially a trend: Check out Peter Merholz's scintillating presentation, „Experience is the Product" — again, with voice over — on SlideShare.

Lasst mich versuchen, ein paar Botschaften aufzuschreiben:

[via Adaptive Path Newsletter for November 14, 2007]

Amazon in neuem Design… oder doch nicht?

Sonntag habe ich kurz ein neues Design auf amazon.de gesehen. Ein radikaler Wechsel weg von dem altbekannten Look&Feel.

Kurz darauf war es jedoch wieder abgeschaltet. Nur diese Info-Seite zur neuen Navigation von Amazon selbst ist übrig.

Ich wünschte wirklich, es gäbe ein amazon-Entwickler-Blog in dem sie im Jensen-Harris-Style über den Prozess berichten :-).

neues amazon.de design

[thx@kon für den Link]

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]

Buttongestaltung in Webformularen im Usability-Test

Primary & Secondary Actions in Web Forms

Das hat mich schon immer interessiert! Die als letzte dargestellte Variante wäre mein Favorit gewesen. Meiner Meinung nach sollte die Primäraktion stark von der Sekundäraktion getrennt werden. Und eigentlich sollte damit die letzte Variante diejenige sein, die am Besten abschneidet. Ganz so einfach ist die Welt aber nicht.

Kurz zusammengefasst:

  • Die erste Variante (und damit die konventionellste) schneidet am Besten ab, wenn es um Schnelligkeit geht.
  • Die letzte Variante ist nur dann zu favorisieren, wenn es nicht um Schnelligkeit geht, sondern darum, die Wahl zu vereinfachen und deutlicher zu machen.

Alle Ergebnisse im Detail inklusive Eyetracking und weitere Varianten gibt es im Artikel Primary & Secondary Actions in Web Forms von LukeW.

Diesen Artikel hat Niels in unserem internen Blog gepostet und da er den Kern trifft und ich ihn nur hätte nachtexten können, zitiere ich lieber gleich ganz.

Ich war wirklich erstaunt über dieses Ergebnis von LukeW, das auch seinen älteren Aussagen zu diesem Thema, über die ich nur am Rande bloggte, in gewissen Anwendungsfällen widerspricht.

Die einzige Erklärung, die ich für dieses Ergebnis habe, ist, dass die Ausbildung von Gewohnheiten (hier: „bei zwei Button unter einem Formular ist der linke der ‚Gute'") einfach viel zu stark ist. Neue Methoden funktionieren zwar und mögen sogar Vorteile haben, noch sind sie aber nicht allgemein empfehlenswerter als die gewohnten alten.

PS: Eine Frage am Rande: Ich habe für dieses Posting ein Zitat von Jacob Nielsen gesucht von dem ich sich war, dass er es einmal geschrieben hat. Sinngemäß sagt es, dass ein neues Interface nur Sinn macht, wenn es 100% besser funktioniert als das alte. Leider konnte ich nichts dergleichen bei useit.com finden — irre ich mich?

iPhone-Tastatur-Zoom bei Microsoft Research

Patrick Baudischs Projekte bei Microsoft Research und parc sind insg. alle sehenswert. Eines ist mir jetzt besonders aufgefallen, weil es eine Technik beschreibt, die wir inzwischen alle aus den iPhone-Videos schon kennen: Das Vergrößern von Screenelementen unter dem Finger auf mobilen Geräten.

shift-ms-research

Kurz beschrieben: Möchte man auf einem PDA beispielsweise mit dem Finger ein kleines Element anklicken, wird der Bereich unter dem Finger durch Shift vergrößert und ist somit leichter anzuklicken.

shift-results

Die Ergebnisse: Shift mit Fingernagel-Bedienung und Fingerkuppen-Bedienung verhält sich besser als die vergleichbare Technik mit einem Offset zwischen Finger und Zeiger.

Mehr auf der Projekt-Website und im Video bei YouTube:

PS: Damit haben Herr Vogel und Herr Baudisch auf der CHI 2007 den BEST PAPER AWARD gewonnen (PDF).

[tags]mobile, mobile2.0, touchscreen, research, microsoft, baudisch, pda, hardware, interfacedesign, eingabegeraete[/tags]

gutes und schlechtes vom iPhone-Interface

Gut: Jason von 37signals beschreibt ein nettes Feature vom iPhone: „iPhone tells you where someone is calling from".
In der Call-History kann man irgend etwas machen um die Vorwahl in den eigentlichen Namen der Stadt/Region übersetzen zu lassen. Klingt praktisch!

iphone vorwahl übersetzen

Schlecht: shofr stößt die alte Diskussion an, bis zu welchem Grad ein Interface konsistent sein muss. Oder gilt eher, dass man den konkreten Screen optimiert?
Im Gegensatz zu den ersten beiden bashing-like Kommentaren kann ich shofrs Position nachvollziehen. Ob jedoch die Schwelle zwischen Konsistenz und „Optimierung im Detail" wirklich schlecht gewählt wurde, kann ich ohne iPhone-Test nicht sagen.

iphone button-inkonsistenz

Gibt es weitere iPhone-Interface/-UserExperience-Artikel, die man kennen sollte?

[tags]iphone, apple, interfacedesign, userexperience, 37signals, mobile, mobil[/tags]