lundi 16 août 2010

Etude de cas 2 : le Panier

Après la fiche produit, intéressons nous à une autre page importante pour un site e-commerce : le panier. La fonction de cette page est bien sur de récapituler l'ensemble des achats de l'internaute et de pouvoir intervenir sur les produits mis en panier (suppression de produit, changement de quantité). Mais cette page doit également être rassurante pour conduire naturellement l'internaute à entrer dans le tunnel de commande pour finaliser son achat.
La rassurance dépend d'éléments extérieurs au panier proprement dit :
  • Affichage d'un numéro d'assistance
  • Chat
  • Liste des moyens de paiement accepté
  • Certification du site par un organisme indépendant comme Fianet (bien que mon expérience m'ai montré que ça ne change pas forcément grand chose sur le taux de transformation).
  • etc.
Il y a également les éléments qui dans le panier participent à réduire le stress de l'internaute et donc à favoriser la finalisation de l'achat :
  • Photo du produit pour qu'il soit bien sur d'avoir choisi le bon produit
  • Disponibilité du produit
  • Calcul des frais de port intégré au panier : découvrir les frais de port sur l'écran de paiement n'est jamais très bon, l'internaute peu avoir l'impression qu'on lui rajoute des frais au dernier moment.
Au sujet de la confiance, je vous invite à lire l'article d'Oliver Sauvage sur Capitaine Commerce : "Ayez confiance".

La panier peut également être l'occasion de proposer de nouveaux produits à l'internaute ou de lui proposer de compléter sa commande pour, par exemple, bénéficier des frais de port gratuit.

On peut également trouver certain e-commerçant - généralement des très gros - qui pour essayer de gagner quelques dixièmes de point de marge vont forcer la vente de services complémentaires (des assurances par exemple) en les ajoutant d'office à votre panier sans que vous n'ayez rien demandé. En tant que consommateur, je trouve ces pratiques franchement borderline. Rien de tel pour faire perdre la confiance que vous avez eu tant de mal à instaurer avec l'internaute.
Après cette longue introduction, passons maintenant au cas concret.

L'objectif de cette optimisation était d'augmenter le taux d'accès au tunnel de commande et d'augmenter le panier moyen en proposant des produits additionnels.

Les problèmes constatés sur le panier initial étaient :
  • Nécessité de recharger complètement la page à chaque action (modification de quantité, suppression de produit, changement de pays de livraison, etc.) ce qui alourdissait son utilisation.
  • La suppression de produit et l'ajout à la wish list n'était pas très intuitive.
  • L'incitation à l'achat d'autre produit pour bénéficier des frais de port gratuit n'était pas assez mis en avant.
Dans la nouvelle version Ajax a été utilisé pour fluidifier les modifications sur les produits (modification de quantité ou suppression), le changement de zone de livraison ou l'ajout d'un code de réduction. La suppression de produit à été simplifiée par l'utilisation d'une icône standard et l'ajout à la wish list a pour le moment été abandonnée.

La visibilité du montant restant avant la gratuité des frais de port a été renforcée et complétée par un lien qui renvoie à une liste de suggestion.

La boîte de code de réduction qui n'est pas systématiquement utilisée a été positionnée plus bas dans la page pour que le total de commande soit plus visible.

Enfin, le bouton "confirmer ma commande" a été doublé : un en bas de page et un second en haut de page.

l'AB testing entre les 2 versions a donné un avantage certain à la nouvelle version qui transforme 30 % plus que l'ancienne.

Tous les avis sont bien sur les bienvenus

cet article fait partie d'un dossier sur la refonte partielle du site Oanisha.com :

0 commentaires: