Où placer le bouton "Ajouter au panier" dans la page produit?
Je suis tombé sur cette question géniale sur LinkedIn . L'auteur l'a publié dans plusieurs groupes UX (certains ouverts et certains fermés), donc je voudrais conserver les meilleures réponses en un seul endroit.
Beaucoup diraient que le bouton "Ajouter au panier" devrait être placé près du prix et non loin de l'image du produit car il est fortement lié au produit. Il existe différents cas en fonction principalement du type de produit. Il existe une différence substantielle entre les produits aux spécifications riches (par exemple les ordinateurs) et les produits aux spécifications rares (par exemple les vêtements).
Simplifions-la et disons que l'utilisateur fait l'expérience de la page produit pendant deux phases principales:
- une phase d'exploration
- une phase active "ajouter au panier"
Au cours de la première phase, s'il y a beaucoup de spécifications et de détails à lire, le bouton "Ajouter au panier" serait distrayant placé au centre de la page parmi d'autres textes importants. Cependant, un tel placement serait OK sur une page avec peu de détails sur le produit, comme un T-shirt.
C'est probablement pourquoi Amazon le place dans le coin supérieur droit, en boîte et isolé des autres éléments. De cette façon, cela n'ennuiera pas l'utilisateur qui décide toujours d'acheter ou non.
Existe-t-il donc un ensemble de directives pour placer le bouton "Ajouter au panier" en relation avec la description du produit, les images et le prix? Existe-t-il des études (A/B ou tests multivariés) qui soutiennent ces lignes directrices?
J'obtiens les meilleurs résultats quand:
- est grand
- est au-dessus du pli
- est très évidemment un bouton
- est à à droite de l'image du produit
- explique bien l'action - Ajouter au panier et pas seulement quelque chose comme "ajouter"
- a beaucoup d'espace pour respirer et se démarque
Quand j'ai essayé une mise en page à 3 colonnes comme Amazon le fait, je n'ai pas eu beaucoup de succès, mais il y a beaucoup d'autres choses qui sont liées de toute évidence.
Je suis désolé pour le manque de chiffres à l'appui, mais je construis des sites de "commerce électronique" depuis 4,5 ans et cela est basé uniquement sur mon expérience et ce que j'ai observé.
Il existe des preuves anecdotiques de Crutchfield.com faisant des tests A/B avec un placement de "Ajouter au panier".
Voici un article de 2008 qui explique comment Crutchfield a le bouton "Ajouter au panier" sur le côté gauche de l'écran. http://www.grokdotcom.com/2008/01/25/call-to-action-split-testing/
Entre 2008 et 2012, Crutchfield a déplacé le "Ajouter au panier" vers le côté droit de l'écran, tandis que la disposition générale n'a pas beaucoup changé. http://www.crutchfield.com/p_4728TCHB/Apple-8GB-iPod-touch-Black.html?tp=237