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

Warum verstecken wir alle den Datepicker?

Ich fühle mich schon ein bisschen vorgeführt, wenn ich im 37signals-Produktblog eine so einfache und bisher unerreicht schnelle Lösung für das schnelle Eingeben von Datumwerten sehe:

Den Datepicker-Kalender einfach nicht verstecken sondern immer anzeigen… — genial einfach :-).

datumsauswahl in basecamp

Warum sieht man das eigentlich zum ersten Mal? Sicher auch, weil kaum ein Interface so reduziert konzipiert wird, wie bei 37signals. Dann kann man es sich auch mal leisten, für eines der wichtigen Formularelemente etwas mehr Platz zu nutzen.

Nebenbei: Meine eigenen Ideen mit JavaScript-Spielchen die textbasierte Eingabe zu beschleunigen, habe ich leider immernoch nirgends umgesetzt zu sehen. Das wäre im Übrigen auch der wichtige Verbesserungsschritt, den ich jetzt im Basecamp-Interface sehe: Den „Due: June 12, 2007"-Text durch ein Inputfeld zu ersetzen, in dass man auch per Hand Daten reinschreiben/-pasten kann.

Und wenn man dafür keinen Platz hat?

Auch dann kann man die Klick-Arbeit und -Zeit noch reduzieren. Yahoo hat nämlich ebenfalls mit einer Quasi-Konvention gebrochen und zeigt die Datumsauswahl nicht „OnClick auf Button" sondern „OnFocus in Textfeld" an. Wieder einen Klick und damit 10.000 $ pro Jahr gespart, wie Jacob Nielsen sagen würde ;-).

datepicker bei yahoo yui

Im Übrigen ist der Yahoo-Kalender auch sonst sehr gut optimiert und damit sogar dem OpenSource-Quasi-Standard vorzuziehen.

PS: Zum Schluss noch etwas Visuelles und Technisches für Interessierte.

[tags]javascript, gui, benutzereingabe, datum, interaktion, interfacedesign, optimierung, 37signals[/tags]

Microsoft Design, Vista, WPF/E

Ich bin beeindruckt, was zur Zeit alles bei Microsoft passiert:

  1. Die Vista „Windows Presentation Foundation" WPF sieht nach einem sehr gut durchdachten Ansatz aus auf dem nicht nur alles sichtbare in Vista selbst basiert, sondern der auch Entwicklern komfortablen Zugriff auf gute Funktionen ermöglicht. Karsten Januszewski gibt im 22Min-Channel9-Video einen Überblick.
    Es gibt noch mehr Videos zum Thema die ich aber nicht kenne.
    Mehr zur Technik der WPF bei msdn.
  2. Überhaupt arbeitet Microsoft im Moment stark daran, die ganzen neuen Schnittstellen von Vista auch an die Entwickler zu kommunizieren. Da wären beispielsweise die Gadgets, die RSS-Plattform, Spracherkennung, die Windows-Suche, …
  3. Dazu gehört natürlich auch, das neue GUI-Konzept aero mit seinen Interaktionsstandards zu verbreiten. Dass Windows-Programme hier Nachholbedarf haben, bezweifelt glaube ich niemand. Ich hoffe, die „Top Rules for the Windows Vista User Experience" werden wirklich umgesetzt :)
    Wen das look-and-feel von Vista interessiert, der sollte in den dort überall verlinkten GUI-Guidelines stöbern.
  4. Sehr cool in dem Video unter 1. ist der North Face-Shop (technische Infos). Auch er basiert auf der WPF-Engine und ich verstehe zwar nicht, wie Microsoft die exsessive Video- und 3D-Verwendung der WPF auf anderen Plattformen umsetzt, aber zukünftig wird man diese Anwendungen wohl auch direkt im Browser nutzen können. Auch auf dem Mac. (via Oliver Wrede)
  5. Und damit Adobe Flash sich auch wirklich angegriffen fühlt, stellt Microsoft neben diesem Browserplugin WPF/E (WPF Everywhere) auch gleich vier neue Entwicklungstools vor: Microsoft Expression, a suite of tools for creative designers that gives you the freedom to bring your vision to reality and boosts developer collaboration in the delivery of rich user experiences for the Web, Windows Vista applications and beyond. heißt es in typischem Marketing-Slang. Das Websitedesign in schöner Flash- und Apple-Sauberkeit drückt zusätzlich aus, dass man hier nicht die Standard-Microsoft-Zielgruppe anspricht.

[tag]vista, microsoft, windows, apple, flash, interfacedesign, video, wpf, softwareentwicklung, gui, ui[/tag]