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

Mozilla Labs Design Challenge: 5 of 5 Designs fail

Mozilla Labs just asked everyone to vote for their favorite concept of the new home tab.

This is the last step of the Mozilla Labs Design Challenge in which users where asked to illustrate their ideas of the Hometab (Read more about it).

You may have a look at the 5 results after you added your eMail-Address to register yourself for voting.

This is why I am writing about it: I am sorry to say it but in my opinion all five designs fail to show a good, easy, usable concept for the hometab. I am sure everyone who contributed spend some time on their ideas (and the video they created for it) and that is a great contribution to the community (thanks!).

But from a UX and usability point of view those designs don't show a solution. Instead they are great examples of how to clutter an interface with tons of features and loose all simplicity in this process.

At least I dont see my hometab as a dashboard of widgets that show and pull tons of information on a small space, as one contribution suggested. If you want this, make your Netvibes Page or iGoogle Page your homepage. Or add yourself a weather-widget to you operation system. Dont look at the hometab as if there where no OS, Widgets and Apps around your browser. At least not until Chrome OS rules us all.

And I dont want it to be a copy of my social networks as well. I have my Tweet-App, Newsreader and all the other good apps for that. None of those apps could be as good as the apps that are already out there for years with their own community an user base. Try using Flock „the social browser" that no one uses.

And I dont want a hometab that changes every time I visit a website. Even Microsoft got it know that formulas that try to adapt to users behavior are much less effective than a UI that reinforces habits. When I am used to seeing my facebook-link at the bottom of the list I will find it there without thinking. Dont move everything around just because I use it.

That being said I voted with one 1 and four 0 on the challenge and hope, the UI-experts at mozilla will take over from here.

Its will be interesting to see if this kind of open source design will produce any mentionable results in the future. And how this design challenge will influence the community-process.

Von Game Design für User Experience Design lernen — Gute Präsentation/Zusammenfassung

Eine kurze Empfehlung:

Die Präsentation von Sebastian Deterding über Game Design ist sehr gut. Die beste Zusammenfassung für das Thema, die ich bisher gelesen habe.

Tipp: Vollbild anschalten und die Slidebescheibung in Ruhe lesen.

Update: 26.2.2010: Den Vortrag gibt es jetzt auch als Video. Leider klappt das AVI nicht, aber die Flashplayer Version funktioniert. Quelle: http://www.informatik.haw-hamburg.de/usability.html

Palm Pre Vorstellung: Gut aber noch nicht gut genug.


@Bumi stellt Palm Pre auf #DevHouseFriday vor

Michael hat am Freitag auf dem DevHouseFriday seinen Palm Pre vorgestellt und eine HalloWelt-Applikation gezeigt.

Mein Fazit in Kurzform:
Die Idee hinter dem Palm Pre ist super: Browserbasierte Programme, Offenheit, HTML 5+Javascript, Daten aus und in die Cloud holen, Multitouch, …
Die Umsetzung ist aber noch nicht gut genug: App-Store hat kaum Programme, Entwickler-Community noch nicht gut genug, Entwicklung noch etwas hakelig, Hardware des Palm Pre einfach noch zu schlecht (Tastatur, Aufklappen), Interface scharf an der Grenze des zu komplexen…

Danke, Michael, für die Insights

Der nächste DevHouseFriday kommt übrigens bestimmt: http://twitter.com/DevHouseFriday

Packstation-Hinweis im Checkoutprozess




Guter Packstation-Hinweis im Checkoutprozess

Ursprünglich hochgeladen von tordans

… wenn auch das Shopdesign eher häßlich ist.
Wer viel an seine Packstation schicken lässt, weiß, wie kompliziert es sein kann einem Shop-Interface die Packstationadresse beizubringen. Da ist so ein Hinweis direkt bei der Eingabe sehr hilfreich.

Click-to-Run in Office 2010 verspricht eine bessere Installations-Experience

Mit Office 2010 wird eine neue Technik eingeführt, die die Installations-Experience von Office stark verbessern wird (soll…).

In dem Promo-Video vergleicht ein Office-Entwickler das neue Installationsverhalten mit dem Streamen von Filmen im Web: Man kann den Film schon gucken, bevor er fertig geladen ist. Wenn man vorspult und dieser Teil noch fehlt, beginnt der Player dort weiter zu laden.

So soll es wohl auch in Office 2010 werden.

Ziel sei außerdem, die Klickstrecke in der Installation zu verkürzen und das wilde „Weiter"-Klicken zu vermeiden. Und man kann endlich mehrere Office-Versionen parallel installieren.

Um das alles möglich zu machen, scheinen einige grundlegende Veränderungen am technischen Aufbau von Office nötig zu sein. Microsoft nennt das die „streaming and virtualization technology", kurz AppVirt. Channel 9 hat zwei ausführliche und sehr technische Videos zu AppVirt. In der Anwendung für Office 2010 heißt das ganze dann „Electronic Software Distribution (ESD) technology".

Ich bin gespannt, wie sich dieser neue Installationsprozess anfühlt.

Events über in XING twittern ist erfolgreich — geht das auch für Blogs?

Ich bin gerade durch das neue TwitterBUZZ Feature von XING erst darauf aufmerksam geworden, dass XING seit drei Monaten eine Schnittstelle von XING zu Twitter anbietet: Meldet man sich bei einem XING Event an, kann man diese News direkt twittern.

Die Integration ist denkbar einfach gelöst: Ein einfacher Deeplink in Twitter der die URL des Events übergibt. Diese Twitter-Funktion gibt es schon ewig.

twitter in xing

Interessant finde ich, dass XING sehr zufrieden mit der Nutzung des Feature ist.

Die vor gut zwei Monaten eingeführte Funktion, direkt aus XING über die Organisation und Teilnahme an Events zu twittern, hat einen immensen Zuspruch erhalten und wird Tausende Male im Monat genutzt. Für uns war das ein deutliches Zeichen, Twitter-Schnittstellen zu benutzen. — Quelle

Eine Twitter Suche bestätigt das. Die Einträge sind häufig und regelmäßig.

Warum ist das interessant?

Ich halte das aus zwei Gründen für sehr interessant:

1. Eine sehr gute Kosten-Nutzen-Rechnung:

Diesen Twitter-Link wie oben beschrieben in den Prozess zu integrieren, ist technisch ziemlich einfach. Der Effekt dagegen sehr groß.

Die Kosten-Nutzen- oder Aufmerksamkeit-zu-Aufwand-Rechnung für dieses Feature ist super.

2. Sollte man Twitter auch für Blogmarketing nutzen?

Ich denke schon länger darüber nach, wie man Twitter intelligent in die Kommentarfunktion von Blogs integrieren kann um das Twitter-Netzwerk stäker für das eigene Blogmarketing zu nutzen.

Mashable hat eine solche Funktion schon seit einer Weile (Screenshot). Das dort verwendete Konzept finde ich jedoch optimierungsfähig. Für unser Firmen-User Experience-Blog uxzentrisch habe ich das einmal wie folgt im Wireframe skizziert:

twitter in blogs

Was denkt ihr, funktioniert der Erfolg von XING auch in Blogs? Lohnt sich also der Aufwand?

Für mein Wireframe für uxzentrisch wäre der erste Schritt, das Konzept zu vereinfachen, das Textfeld weg zu lassen und nur einen Senden-Button anzubieten. Schließlich hat das bei XING auch schon gereicht…

PS: Das Konzept steht unter CC-SA-BY

[tags]twitter, xing, wireframe, blogmarketing, uxzentrisch, userexperience, facebook[/tags]

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]