Call to Action Buttons Best Practices Guide
Kauf mich! Drück mich! Ruf mich an! :)
Wie eine Suchbox aussehen sollte
UX Movement beschreibt in einem Artikel, welche Variante für die Anordnung von Suchbox und -button die einzig richtige ist:
What we have always seen before is the search field followed by a separating space and the button. Now what we’re starting to see now are search boxes that do away with the separating space. This change might seem minor, but it does have some benefits to it. […] Simplicity is about cutting out what is unnecessary, so that the necessary can shine. A flush search box is a small example of that. There are many benefits to a flush search box. It not only looks better, but it’s easier to get right.
Mehr dazu im Artikel: Benefits of a Flush Search Box
Source: uxmovement.com
Cloudapp - After pressing the “Login Button” its value changes to “Logging In”, letting you know that something’s happening in the background.
/via Lush
Source: littlebigdetails
iPhone Tab Bar Dos und Donts
Petter Silfver listet in seinem Blog diverse Learnings zur iPhone Tab Bar (die schwarze Button-Leiste unten bei fast allen Apps) auf und reichert das ganze mit positiven und negativen Beispielen an.
Seine Findings im Überblick:
- Fünf ist die magische Nummer
- Unbedingt die Benutzer einbeziehen
- Viel Zeit für Icons UND Text einrechnen
- Tabs nicht ohne Interaktion des Benutzers wechseln
- Funktionen in den Tabs sollten für alle Benutzer offen sein
- Anpassen und Individualisieren der Icons nur wenn unbedingt notwendig
Dazu der Autor
The tab bar is the one thing that is constantly going to be the face of your application to guide the users as they navigate your application. Don’t underestimate the time you need to put into creating a flawless tab bar experience. These lessons are in no way rules, but hopefully an eye opener!
… und damit hat er recht :)
Source: tuaw.com
Amazon und der inkonsistente ‘I like’ Button
So sieht ein Facebook-“i like” Button aus, der auf zig tausend Websites Verwendung findet. Ein Klick darauf lässt den Link zur Seite in der eigenen Facebook Wall erscheinen:
Amazon.com hat nun auch einen - sehr ähnlich - aussehenden Like-Button auf den Produkteseiten angebracht (Beispielseite):
Aufgrund des ähnlichen Aussehens und der offensichtlich selben Funktion entsteht beim Benutzer sicher der Eindruck, der Button habe dieselbe Bedeutung wie auf den anderen Seiten. Drückt man ihn jedoch, wird man in einem Layer darüber informiert, dass die Empfehlung nur Amazon-intern Verwendung findet. Von diesem Layer aus kann man die Empfehlung dann jedoch auch auf externe Sites ausdehnen:
Damit verwässert Amazon ganz klar einen Quasi-Standard im Web und sorgt damit für inkonsistente User Experience.
