![\"Un](\"http:\/\/www.ziserman.com\/blog\/.images\/0806\/bouton1.jpg\")
<\/p>\nLa qualit\u00e9 d’un site passe par multitude de d\u00e9tails.<\/p>\n
Des d\u00e9tails ?<\/p>\n
Des d\u00e9tails qui impactent directement le taux de transformation du site. Des d\u00e9tails qui p\u00e8sent lourd donc !<\/p>\n
Exemple : les boutons.<\/p>\n
En premier lieu, le bouton doit avoir une forme sans \u00e9quivoque, qui sera reconnu par l’Internaute comme un \u00e9l\u00e9ment appelant le clic.<\/p>\n
<\/p>\n
La couleur ressort bien du contexte, le libell\u00e9 est clair. L’effet relief rajoute l’envie de cliquer.<\/p>\n
En deuxi\u00e8me point, il me semble qu’on apporte un signal encore plus clair et \u00ab\u00a0incitatif\u00a0\u00bb en changeant la couleur ou la forme du bouton au survol de celui-ci par la souris :<\/p>\n
![\"Bouton](\"http:\/\/www.ziserman.com\/blog\/.images\/0806\/bouton2.jpg\")
<\/p>\n
![\"Bouton](\"http:\/\/www.ziserman.com\/blog\/.images\/0806\/bouton3.jpg\")
<\/p>\n
(exemple extrait d’Amazon)<\/p>\n
C’est bon ? Oui, mais je pense qu’on va aller dans un avenir proche un cran plus loin.<\/p>\n
Je pense en effet qu’on pourrait am\u00e9liorer l’exp\u00e9rience utilisateur en lui signifiant clairement, apr\u00e8s le clic, qu’on a bien pris en compte sa demande.<\/p>\n
En effet, le temps de traitement, qui suit le clic, est tr\u00e8s variable, en fonction du d\u00e9bit de l’internaute, de l’engorgement du r\u00e9seau, du taux de charge du serveur, …<\/p>\n
Donc, il faut faire patienter l’internaute.<\/p>\n
L’interface gagnerait en clart\u00e9 si, apr\u00e8s le clic, un signal visuel indiquait \u00e0 l’internaute que sa commande est en cours de traitement. On pourrait par exemple ajouter sur le bouton, qui devrait \u00eatre avoir un code couleur pour signifier que l’utilisateur a bien valid\u00e9 l’option, une animation repr\u00e9sentant l’attente, dans le genre :<\/p>\n
![\"Repr\u00e9sentation](\"http:\/\/www.ziserman.com\/blog\/.images\/0806\/bouton4.jpg\")
<\/p>\n
Je ne crois pas qu’on puisse faire \u00e7a en html \/ css standard. Il faut un brin de Javascript.<\/p>\n
Je n’ai pas vu de site mettant \u00e7a en oeuvre (le dernier point je veux dire). Et vous ?<\/p>\n","protected":false},"excerpt":{"rendered":"
La qualit\u00e9 d’un site passe par multitude de d\u00e9tails. Des d\u00e9tails ? Des d\u00e9tails qui impactent directement le taux de transformation du site. Des d\u00e9tails qui p\u00e8sent lourd donc ! Exemple : les boutons. En premier lieu, le bouton doit avoir une forme sans \u00e9quivoque, qui sera reconnu par l’Internaute comme un \u00e9l\u00e9ment appelant le […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[2],"tags":[371,373,6,8,3],"class_list":["post-503","post","type-post","status-publish","format-standard","hentry","category-e-commerce","tag-e-commerce","tag-e-marketing","tag-ergonomie","tag-nouvelles-interfaces","tag-web-20"],"yoast_head":"\n