uxzentrisch Beiträge mit dem Tag interfacedesign

Hendrik Gernert 1. Juli 2013

Barrierefreiheit für alle! [Feature]

Barrierefreiheit im Web ist nicht nur ein Thema für Menschen mit Behinderungen. Im Gegenteil, Barrieren beeinträchtigen das Nutzungserlebnis aller Webnutzer. Es ist also eine zentrale Aufgabe für uns UX-Leute, Barrieren zu beseitigen. Dieser Artikel gibt Tipps, wie man Barrieren erkennt. Zum Beispiel einfach die Perspektive von Menschen mit Behinderungen einnehmen. User Centered Design und Barrierefreiheit […]

Zum gesamten Beitrag

Tobias Jordans 6. Februar 2013

Die Suche unter dem oberen Rand … [Detailverliebt]

Nach dem Klick auf das Such-Icon: USAtoday.com verlinkt die Suche in der Hauptnavigation nur als kleines Lupen-Icon. Klickt man das Icon, fährt die Suchebox von oben in die Seite. Das Video zum Relaunch ist ebenfalls sehr sehenswert.

Zum gesamten Beitrag

Tobias Jordans 12. Oktober 2012

Was die 12374218.75 im OS X Rechner-Icon bedeutet … [Detailverliebt]

Screenshot und Zitat via Quora: What is the significance of the number 12374218.75 on OS X’s calculator icon? The .75 refers to the year 1975, the year Steve Jobs and Steve Wozniak formed Apple Inc. 12374218 is the number of seconds equal to 143 days which, in turn is equal to the date May 23rd. May […]

Zum gesamten Beitrag

Tobias Jordans 9. Oktober 2012

Neue Tools lassen uns CSS und HTML visuell bearbeiten

Neue Tools wie dabblet.com helfen uns, abstrakte CSS- und HTML-Code-Elemente zu verstehen. Sie visualisieren Farben, Grafiken, codierte Schriftzeichen und Geschwindigkeiten. Andere Tools erlauben uns das Bearbeiten von CSS- und HTML-Werten mit Schiebereglern und speziellen Auswahlfeldern. Das ist toll, denn viele der tollen, neuen CSS3- und HTML5-«Befehle« sind so einfacher zu verstehen und zu manipulieren. Und […]

Zum gesamten Beitrag

Tobias Jordans 29. Mai 2012 1 Kommentar

Video: Wie Flickr sein Interface modernisiert

Phil King, Designer im 42 Personen starken Flickr-Team, berichtet kürzlich auf der MX-Konferenz 10 Minuten lang, wie das Flickr Team evolutionär ihr Interface modernisiert: Flickr’s product has scaled incredibly and increased in complexity over the past 8 years. We’ve begun the process of redesigning the site in stages, hitting the portions of the site with […]

Zum gesamten Beitrag

Tobias Jordans 14. Mai 2012 1 Kommentar

Produktinspiration: Wie würdet ihr die UX im Banking neu denken?

Bank Simple zeigt Videos über mobile Banking und ihr Banking interface.

Zum gesamten Beitrag

Tobias Jordans 18. Januar 2012

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

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

Martin Gude 16. September 2011 1 Kommentar

Vogelperspektive auf Monsterseiten [Detailverliebt]

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

Stefan Rubino Insinga 28. März 2011 2 Kommentare

Hintergrund reagiert auf Formular-Eingabe [Detailverliebt]

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

Stefan Rubino Insinga 9. März 2011 2 Kommentare

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

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