Je viens de lire un article de Garett Dimon (Architecte de l’information) sur la création d’un langage visuel par l’intermédiaire des boutons d’action. Il appuie sa réflexion sur l’analyse des boutons utilisés par amazon.
Ce qu’il en ressort :
– Les boutons servent a structurer une lecture immédiate de la page mais ne doivent pas la perturber
– Leur unité graphique doit être forte mais doit rester flexible et s’articule autour de 3 principes fondamentaux
- Une nuance de couleur commune.
Dans le cas d’amazon on a 3 couleurs : orange intense, orange et jaune. Plus la couleur est intense plus l’achat est imminent.
- Un picto.
Ce qui rend le bouton immédiatement lisible et permet au site d’être accessible
- Ajout d’information contextuelle complémentaire dans l’intitulé du bouton.
ex : « Pre-order: Two-Day 1-Click – FREE »
– En tant qu’éléments signifiants de la page et partie intégrante de l’information, ils doivent être déclinables en différents formats, on doit pouvoir retirer leur picto ou modifier leur intitulé sans qu’ils perdent de leur force ou de leur unité
Lire l’article complet :
Creating a visual language