Design de bouton efficace
Je vous ai déjà parlé de boutons ici et là, de même que là-bas et là-bas aussi.
Ce que j’aime dans ce design de boutons :
- On y combine créativité ET ergonomie
- On y dose les effets (un bouton principal, un bouton secondaire)
- La métaphore graphique fonctionne (balle, gazon)
- Le texte est aussi incisif que l’image
- Le contraste de couleurs est maximal
- L’impact visuel déchire, sans empiéter le moins du monde sur la fonctionnalité
Source : via Elements of Design (excellente collection de variété d’options de design pour différents cas de figure : boutons, pieds de page, navigation, formulaires, et bien plus!) via Usaddict (excellent blog d’ergonomie web très pragmatique).
Notre studio graphique vous accompagne pour des interfaces graphiques ergonomiques.
Commentaires des lecteurs
Comment by jmh — 7 June 2010
Dans la même veine que "Elements of design", il y a Patern Tap. Merci Jérôme.
Comment by jmh — 7 June 2010
@ Krysttof : C’est vrai. Je me suis posé la même question. D’un autre côté, le rouge offre un meilleur contraste, surtout sur fond vert.
Comment by krysttof — 7 June 2010
Très bien mais juste une remarque sur les couleurs. Pour moi le rouge est quand même symbole d’interdit et le vert est symbole d’autorisation. C’est ce qui me chagrine dans ces très beau et ergonomiques boutons.
Comment by katsoura — 7 June 2010
On pourrait dire aussi que le rouge est stimulant, pro-actif et fonctionne très bien dans cet exemple. Une autre couleur chaude aurait aussi bien fait l’affaire comme le orange: http://www.tutoweb.be/images/tig...
ps: tiger woodS (cf. nom de l’image)
Comment by Valérie, webmaster — 18 November 2010
Je peux faire une remarque qui intéressera les cordonniers ?
Je consulte la page maquettes et j’y découvre, en bas de page, un superbe bouton (oui, pour moi c’est un bouton !)qui commence par le texte "Intéressés ? Contactez-nous !", du genre qui appelle bien à l’action et qu’on a très envie de cliquer… D’accord, c’était pas un bouton. Mais qu’est-ce que ça y ressemble !