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...

Tipp: RSS-Icon RSS-Liste der Artikel, der Link-Empfehlungen und Kommentare.

Zu meinem Lieblingsthema 'User Experience' schreibe ich bei uxzentrisch.de.
Was mich aktuell beschäftigt, könnt ihr bei Twitter @tordans und in meinen Links Delicious/tordans/ lesen.

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]

Moleskine-Kampagne: Mein Notizbuch als Kunstobjekt

Eine wirklich schöne „Kampagne" von Moleskine: Künstler zeigen die von ihnen genutzten/gestalteten Moleskine-Notizbücher innerhalb einer Ausstellung in New York und London.

Die Notizbücher werden in Glasvitrine zum Blättern ausgelegt und im Rahmen einer Vernissage der Öffentlichkeit gezeigt. Im Internet gibt es YouTube-Videos in denen die Künstler durch ihre Werke blättern.

Alle Videos und mehr Infos auf der Detour-Seite London und New York.

Interessant und gut:

[via SVN]

[tags]marketing, image, kampagne, mundpropaganda[/tags]

Das Facebook-Framework

Dass Facebook, das 34 Millionen Mitglieder starke Social Network aus den USA kürzlich eine wirklich entscheidende Veränderung vorgenommen hat, als es seine API veröffentlichte, haben wahrscheinlich die meisten mitbekommen.

Ich habe mich bisher gefragt: Werden denn wirklich Dienste diesen neuen Zugangsweg nutzen, um ihre Applikationen in Facebook einzubinden?

Beim ReadWriteWeb gibt es jetzt zwei Artikel die zeigen: Ja, genau das wird passieren!

  1. Firefox Launches Facebook App – a Social Network For Firefox Add-on Users
    Das ist ein Dienst, in dem FF-Nutzer ihren FB Freunden zeigen können, welche FF-Plugins sie nutzen. Ein Feature, das wirklich gut ist und bisher bei all den Plugin-Börsen fehlte…
  2. Dabble Do Launches – Social To-Do List for Facebook
    Dabble — bekannt von tollen WebApp DabbleDB — nutz Facebook jetzt noch konsequenter: Den Socialnetwork-Bereich lassen sie Facebook machen, den Applikationsteil übernehmen sie.

Wenn in dieser Geschwindigkeit weitere Dienste auf der Facebook-Plattform aufsetzen, könnte sie sich wirklich zum Quasistandard entwickeln…

Übrigens: Auch die anderen RWW-Artikel über Facebook sind interessant, solltet ihr tiefer einsteigen wollen.

[tags]facebook, socialnetwork, netzwerk, firefox, dabbledb, webapplikation, api, plattform, framework[/tags]

Status Web2.0-Dienste Deutschland

Solltet ihr es noch nicht selbst gelesen haben:

Robert Basic denkt in seinem Beitrag „neues Web, neues Glück: who is who" darüber nach, welche Web2.0-Dienste/-Startups es seit 2005 zu etwas gebracht haben, welche auf der Schwelle stehen und welche sich noch beweisen müssen…

Ein interessanter Artikel, der IMO den Stand der Dinge präzise zusammenfasst!

[tags]web2.0, startup, bewertung[/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]

Spürt man den Traffic von digg und del.icio.us?

Ein schon etwas älterer (2 Monate) Artikel von Dr. Web „Social Media Traffic – Was bringt er?" sagt „jaein".

Interessant ist zu lesen, von welchen der Social-Media-Sites wirklich spürbar Traffic kommt und von welchen überraschend wenig.

Gedankliche Notiz für mich: Suchmaschinenoptimierung bleibt das wichtigste. In die Social-Media-Dienste muss man nicht wirklich selbst Energie reinstecken (man könnte seine Artikel ja auch selbst deliciousen und diggen — schon allein zur Qualitätssicherung).

[tags]delicious, digg, drweb, suchmaschinenoptimierung, traffic, statistik[/tags]

5 interessante Interfaceschnipsel aus dem neuen Backpack

37signals hat eine neue Version von Backpack veröffentlicht (Preview-Artikel 1, 2, 3) und es gibt fünf Dinge, die man aus Interface- und Konzept-Sicht einmal bewusst wahrgenommen haben sollte:

Der (neue) „Blank Slate"

Blank Slate nennt 37signals in ihrem Buch den Zustand einer Seite, in dem noch keine Informationen eingetragen wurden. In der Vergangenheit, haben sie häufig mit Demo-Content als Screenshot gearbeitet, jetzt wird — grafisch schön oder zumindest auffällig umgesetzt — auf die Neues-Element-Links hingewiesen.

backpack drop page
(aus dem Video MOV)

In dem älteren Hilfe-Video über Tags (MOV) sieht man, wie diese Funktion vorher gelöst war:

backpack new-links

Das verbesserte und erweiterte Drag & Drop

Man kann Seitenelemente jetzt per Drag & Drop auf der Seite aber auch zwischen Seiten und in neue Seiten verschieben. Das Interaktionsverhalten ist dabei sehr gut im Detail umgesetzt: Die Bewegung des markierten Elements, das Highlighting der Zielseite, der Hilfetext OnMouseOver, der Ladebalken beim Verschieben, …

Besser als der Screenshot, ist das Video (MOV):

backpack drag and drop

Die optimierte „Give this page a name"-Funktion (neue Seite)

Typisch für 37signals und ihr Bestreben, die Arbeit so einfach wie möglich zu machen, ist das Verhalten beim Erstellen einer neuen Seite: Der Title ist direkt im Edit-Modus, es gibt kein eigenes Label sonder der Inhalt dient als Beschreibung, ist aber direkt markiert, so dass man direkt seinen Titel eintippen kann und mit Enter die Erstellung abschließt.
Genau das meint Raskin, wenn er in seinem Buch von der Minimierung von Interaktionsschritten spricht (Stichwort KLM).

backpack page title
(auch aus dem Video)

Die richtig versteckten Funktionen Edit, Move, Delete und Rename

Nicht wirklich neu aber gut gemacht: Basecamp versteckt die Bearbeiten-Funktionen für seine Seiten-Elemente so lange, bis der Benutzer mit der Maus über ein Element fährt.

Sehr gut sieht man das in dem Demo-Video (MOV) über das Verschieben.

backpack move

Der große Vorteil: Die Backpack-Seiten sind im Standard-Zustand sehr übersichtlich, es kann auf eine eigene Admin-Umgebung verzichtet werden (getreu dem Motto „one interface") und der Benutzer muss nur eine Interaktionsmetapher lernen: Die bearbeiten-Funktionen im Content-Bereich stehen onmouseover links neben der Überschrift.

Einziger Schönheitsfehler: Die Funktionen sollten meine Meinung nach auch dann erscheinen, wenn man mit der Maus links von der Überschrift ist. Im Video sieht man, dass bei vielen Verschiebe-Aktionen, ständig die ungewohnte Umweg-Bewegung über die Überschrift gemacht werden musste.

Das Thema OpenID und Open Bar

Dem Thema sollte man eigentlich einen ganzen Post widmen, weil 37signals mit ihrer OpenBar eine gute und sehr schön anschaulich-praktische Integration von openID umgesetzt haben. Kurz gesagt: Sie nutzen openID als (externe) single-sign-on-Lösung für ihre Produkte und beginnen ihre bis dahin mäßig vernetzen Einzelprodukte über die OpenBar zu verknüpfen.

[tags]37signals, raskin, openid, interaktion, drag-and-drop, webapplikation, interfacedesign, continuity,klm, blank-slate [/tags]