ux·zentrisch Beiträge mit dem Tag interfacedesign

18. Januar 2012, von Tobias Jordans

[Detailverliebt] Die Twitter App führt eine Animation für »oberste Ebene erreicht« ein

Die Twitter App für OS X nutzt eine Animation der Spaltenbreite um zu zeigen, dass man sich auf der obersten Ebene der Hierarchie befindet. Die Animation ist jedoch nur zu sehen, wenn man per Tastaur (Esc-Taste ⎋) navigiert.

Zum gesamten Beitrag

16. September 2011, von Martin Gude – 1 Kommentar

[Detailverliebt] Vogelperspektive auf Monsterseiten

Tchibo.de präsentiert seine wöchentlich wechselnden Themenwelten traditionell auf einer gestalteten langen Seite. Um dennoch einen groben Überblick über die Themenwelt zu ermöglichen, wird auf der rechten Seite eine Art Seitenpreview mit Scrollfunktion eingeblendet. Eine ähnliche Funktion hat auch Googles What do you love? links oben. Screencast anschauen.

Zum gesamten Beitrag

28. März 2011, von Stefan Rubino Insinga – 2 Kommentare

[Detailverliebt] Hintergrund reagiert auf Formular-Eingabe

MobileMe ändert den Hintergrund je nach Formular-Eingabe: Bei einer @me.com-Adresse werden die Icons der MobileMe-Web-Anwendung angezeigt, bei jeder anderen Adresse ein Bild vom iPhone und iPad als Hinweis auf Apples Ortungsservice, welcher über MobileMe verwaltet werden kann. PS: Ein weiteres, schönes Interaktionsdetail: Nach der Eingabe der @me-Adresse können die MobileMe-Webapp-Icons angeklickt werden um vorauszuwählen, welche [...]

Zum gesamten Beitrag

9. März 2011, von Stefan Rubino Insinga – 2 Kommentare

[Detailverliebt] Autocomplete und autodelete der E-Mail-Domain

MobileMe vervollständigt die E-Mail-Adresse nicht nur nach der Eingabe automatisch, sondern entfernt diesen Part auch temporär wieder, wenn man zurück ins Formular springt. Video auf Vimeo  

Zum gesamten Beitrag

29. Juli 2010, von Tamim Swaid – 6 Kommentare

Bit.ly, bitte versteck nicht deine Kernfunktionen!

Bit.ly ist einer der vielen URL Shortener, die man im Web findet. Sie kürzen lange URLs, damit diese, in Stautsupdates von Social Networks und vor allem aber auch in Twitter, nicht zuviele kostbare Zeichen  einnehmen. Funktionieren tun diese Seiten in der Regel so: 1. Man hat bereits eine lange URL in der Zwischenablage. 2. Man [...]

Zum gesamten Beitrag

23. Juni 2010, von Tobias Jordans – 4 Kommentare

[Feature] FadeIn und FadeOut werden zum neuen Aufmerksamkeits-Lenker. 5 Beispiele.

Wie das Ausblenden bzw. das gezielte Einblenden von User-Interface-Elementen helfen kann, die Aufmerksamkeit der Nutzer auf das zu lenken, was im Moment wirklich wichtig ist.

Zum gesamten Beitrag

18. Mai 2010, von Tobias Jordans – 2 Kommentare

Gute »Mega Tooltipp« beim Mozilla Testpiloten

Übergroße Primärmenüs kennen wir, übergroße Flyout Menüs auch, und spätestens seit Office 2007 kennt auch jeder übergroße Tooltipps – von Jensen Harris "Super Tooltipps" genannt. Auch das Mozilla Projekt »Testpilot« macht sich solch übergroße Tooltipps zu Nutze – als Informations-, aber auch als  Interaktionsfläche mit Checkboxen und Button. Diese Form von Tooltipps gibt es erst [...]

Zum gesamten Beitrag

16. April 2010, von Marian Steinbach – 5 Kommentare

UI Detail: Das Switch Control bei Youtube

Youtube hat im aktuellen (neuen) Design einen Umschalter für die automatische Wiedergabe von Playlists. Dabei hat man sich visuell am Switch Control orientiert, das wir vom iPhone kennen. Wie Tobias hier vor einiger Zeit schon bemerkt hat, ist es nicht ganz einfach, dieses User-Interface-Element in neue Kontexte zu übertragen, ohne dabei auf gewisse Details der [...]

Zum gesamten Beitrag

24. Februar 2010, von Tobias Jordans – 8 Kommentare

4 Jahre Designevolution des YouTube Players

Es ist schon erstaunlich, wie stark sich der YouTube Player in den letzten Jahren unter unser aller Augen weiter entwickelt hat. Und obwohl das Design des Players – und damit meine ich hauptsächlich seine Interaktionselemente – sich kontinuierlich verändert, kann ich mich nur an zwei Momente erinnern, bei denen mir diese Designverbesserungen wirklich aufgefallen sind. [...]

Zum gesamten Beitrag

3. Februar 2010, von Marian Steinbach

Aufgepasst mit der Schieberegler-Beschriftung

Ein gutes Schieberegler-Kontrollelement zu bauen, ist gar nicht so einfach. Da gibt es einiges zu beachten, zum Beispiel die richtige Positionierung der Beschriftung, die den eingestellten Wert anzeigt. Verivox.de zeigt, wo diese nicht so optimal steht: (Video bei Youtube)

Zum gesamten Beitrag