Dropdown mit LivePreview
Kürzlich habe ich mit The Unarchiver ein Archiv entpackt. Offensichtlich gab es dabei ein Problem bei der Interpretation von Sonderzeichen wie dem Ö. Wie geht The Unarchiver damit um? Anstatt mir eine technisch-abstrakte Auswahl von Zeichensätzen anzubieten, zeigt er hübsch eingerückt daneben direkt eine Vorschau des problematischen Namens. Hervorragend!
Besonders überrascht von diesem Verhalten war ich, weil The Unarchiver eigentlich eine kleine, kostenlose Software ist, die kaum GUI verwendet sondern einfach ohne Dialog bei Klick ein Archiv entpackt.
Kommentieren (1 Kommentar)
Neue Informationen für Buspendler in Köln
Heute morgen bei der Fahrt ins Büro habe ich wieder einmal über die immer umfassenderen Möglichkeiten der Informationsvisualisierung im öffentlichen Raum staunen dürfen. Die Kölner Verkehrsbetriebe haben seit neuestem auch an vielen Bushaltestellen aktuelle Fahrtenanzeigen und gleichzeitig das neue Feature, dass ein Bus als im Stau stehend abgebildet werden kann. Die Technologien werden immer besser, der Fortschritt ist nicht aufzuhalten!

Aber was nützt mir das Wissen das ein ein Bus im Stau steht? Soll ich mich nach Alternativen umschauen? Aber woran mache ich das fest? Bedeutet Stau, dass der Bus viel später kommt? Ist es so schlimm, dass die KVB nicht wagt zu vermuten, wann er endlich eintrifft? Man kann es schlecht einschätzen, die Information »Stau« ist reichlich nutzlos.
Dann doch lieber wieder die alte Angabe der erwarteten Ankunftszeit und einfach ein paar Minuten draufschlagen. Damit kann ich was anfangen.
Kommentieren (3 Kommentare)
Einer dieser wunderbaren Dialoge, mit denen Microsoft immer wieder daran erinnert, dass sie lieber die Symptome als deren Ursachen bekämpfen. Aber vielleicht ändert sich ja auch das mit der Zeit.
Kommentieren (4 Kommentare)
Über Umwege zu schnellen Websites
Im Dezember haben verschiedene Meldungen nahegelegt (z.B. im webworker blog), dass im Jahr 2010 das Thema Ladezeiten von Webseiten eine ganz neue Bedeutung bekommen wird. Diesmal getrieben von Google.
Anlass war unter anderem eine Erweiterung der Google Webmaster Tools. Dort bekommen Site-Betreiber nun auch Aufschluss über die Ladezeiten auf Ihrer Website. Diese Daten erhebt Google über den Google Toolbar. Neben der Statistik erhält der Site-Betreiber konkrete Empfehlungen, wie er die Performance seiner Site verbessern kann.
Weiterlesen und kommentieren (3 Kommentare)
»We estimate that the extra requirement of serving this both into desktop browsers and mobile browsers only adds about 5 % extra engineering effort–which I find remarkable.«
Lars Rasmussen bezifferte während seiner Google Wave-Vorstellung auf der Google IO im Mai 2009 den Aufwand, mobile Applikationen mit dem Google Web Toolkit zu erstellen. Hier ist die genaue Stelle im Video. Und wer dann nocheinmal sehen möchte, wie Wave sich am Handy anfühlt, der muss zu Minute 25 zurückspulen.
Einblicke in die iterative Konzeption+Entwicklung von Trendly.com
Das richtige mentale Grundmodel zu finden, auf dem man seine Webapplikation aufbaut, ist eine der schwierigsten Aufgaben bei der Produktentwicklung. Avi Bryant, einer der CEO der Web-Datenbank DabbleDB, führt uns in seinem Vortrag auf der FutureRuby-Konferenz durch diesen Prozess am Beispiel seines Produkts Trendly.
Trendly nutzt die Roh-Daten von Google Analytics und visualisiert sie zusammen mit Ereignissen wie Blogposts, Links aus anderen Blogs, Vorträgen, die man gehalten hat… – Auf diese Weise versucht Avi Bryant, die Zugriffe auf seine Website besser zu verstehen.
In seinem Vortrag beschreibt er, wie sie zu Beginn in vielen Iterationen, viele Ideen ausprobiert haben. Ziel sei es, möglichst viel auszubrobieren um es dann verwerfen zu können. »Fail early, fail often.«
Eyetracking-Ergebnisse werden besonders durch die Fragestellung beeinflusst
Susan Weinschenk, die Autorin von »Neuro Web Design«, fasst in ihrem Blog eine alte aber interessante Studie über Eyetracking zusammen: What People Look At On a Picture Or Screen Depends On What You Say To Them
Eye tracking is a technology that allows you to see and record what a person is looking at, and for how long. (…)
It’s a pretty interesting technology, one of the benefits being that you don’t have to rely on what people SAY they are looking at, but can collect the data directly. (…)
We underestimate the effect our instructions have on where someone looks. (…)
In research by Yarbus, people were shown this picture, and then given different instructions of what to think about while looking at the picture. Below are the eye gaze patterns matched with the instructions that people were given.
![]()
Weitere Beispiele findet ihr in Susans Blogpost.
Susans Fazit aus dieser Studie:
- Auch wenn Eyetracking objektiver ist als andere Methoden, hängt das Untersuchungsergebnis entscheident von den Fragestellungen ab.
- Die Fragen für eine Eyetracking Studie sind besonders wichtig und alle Probanden müssen exakt die gleiche Frage gestellt bekommen.
- Da Nutzer nie mit den gleichen Zielen zweimal auf eine Website kommen, wird sich auch ihre Blickführung immer unterscheiden.
Übrigens: Beim UX Book Club im Januar in Köln werden wir Susan Weinschenk Buch besprechen. Kommt gerne vorbei!
Nach einfach kommt unverständlich: Facebooks neue Privacy-Einstellungen
Facebook begrüßt seine Nutzer aktuell mit einer Meldung, dass die Einstellungen für die Privatsphäre vereinfacht worden seien. Nutzer sollen Ihre Einstellungen nun der neuen Systematik anpassen.
Nachdem ich dem Aufruf gefolgt bin, meine Einstellungen anzupassen, erhalte ich diese Seite:
Was will uns Facebook damit sagen? Fehlt hier nicht ein einleitender Satz wie »Lege fest, welche Nutzer welche Deiner Daten einsehen können.«?
Offenbar kann ich in jeder Zeile die »Alte Einstellung« beibehalten (rechter Radio-Button) oder auf genau eine neue Einstellung umstellen. Diese neue Einstellung bedeutet offenbar für einige meiner Daten, dass »Alle« sie sehen können. Für andere Daten bedeutet dies »für Freunde« oder »für Freunde von Freunden«.
Zwei Dinge erfahre ich auf dieser Seite offensichtlich nicht:
- Was bedeutet »Alle«? Sind alle Facebook-Nutzer oder alle Internet-Nutzer gemeint?
- Wie sind meine bisherigen Einstellungen?
Leider ist es mir ohne diese Informationen nicht möglich, auf dieser Seite meine alten Einstellungen mit den neuen zu vergleichen. Der Verdacht, dass meine alten Einstellungen detaillierter und restriktiver sind, als der neue Vorschlag von Facebook, wird auf einer Infoseite leider nicht entkräftet. Die Konsequenz für mich: Die alten Einstellungen beibehalten.
Fast hätte der Artikel an dieser Stelle geendet, mit der Bemerkung, dass es so nicht geht und gute User Experience etwas anderes ist. Aber dann gucke ich mir die oben gezeigten Seite doch noch mal, klicke ein bisschen herum und bemerke, dass beide oben bemängelten Informationen tatsächlich doch gegeben werden.
Die Erklärung, was »Alle« bedeutet, finde ich unten auf der Seite innerhalb des Textes, in dem ich Bereits den Link zur Info-Seite angklickt habe.
Und die Beschreibung, wie meine bisherigen Einstellungen aussehen, finde ich durch Zufall auch. In dem Moment, wo ich einen der Radio-Buttons anklicken möchte, erscheint dieser Tooltip:
Handwerker sagen: Nach fest kommt ab.
Kommentieren (1 Kommentar)
Interface-Pattern »Shop-Detailseiten blättern«
Es sind ja immer wieder die kleinen Details die einem ins Auge springen. Hier ist es der Puma-Shop mit einer schönen Lösung in den Detailseiten des Shops zu blättern. Die Reduktion auf ein Bild mit Text-Info via Alt-Tag gefällt mir besonders gut. Hier gehts direkt zu einer Detailseite im Shop zum selber ausprobieren.







Letzte Kommentare
Heute hat Zappos begonnen sein visuelles Design zu verbessern. Die Primärnavi ist schon neu. Über alle anderen Themen
OK, hilf mir bitte mal auf die Sprünge. Wie müsste es richtig heißen?
"Den eigentlichen Zweck, mir eine Anfahrtbeschreibung zu liefern, leistet die Darstellung aber nicht" - du hast hier ne
Ein weiteres Beispiel von davidhellmann.com
Hi Marian, nein, eigentlich ich meinte das Canonical Tag von Google und Co. Der kopierte Code-Schnipsel wurde aber a