Optimiser l’expérience utilisateur de la fiche produit Tape à l’oeil

Tape à l’œil est une enseigne de mode pour enfants de 0 à 14 ans du groupe Mulliez . La marque est présente sur internet, et va profiter d’une refonte avec l’agence Scinetik. Cette refonte va permettre à l’enseigne de suivre la concurrence comme Vertbaudet suivie par l’agence Altima et ses optimisations, Okaidi etc.. Voici l’étude de l’ergonomie de la fiche produit de ce site e-commerce. Bonne lecture.

Comment je fais pour acheter ?

Le bouton acheter se fait très, trop discret; impossible de le voir du premier coup d’oeil ! La couleur est identique à beaucoup d’autres éléments de la page, et surtout ne fait pas partie du bloc gris qui rassemble les informations nécessaires à l’achat. Ce bloc rassemble les informations de tailles, de couleurs, de prix, mais pas le bouton d’achat.optimisation mise au panier fauveaux ux design

Autre information importante concernant la disponibilité, on peut connaître cette dernière avec le choix des tailles. Si une casse est grisée, et non sélectionnable, la taille n’est plus disponible. Dommage de ne pas répéter cette information avec une simple phrase, ou un code couleur plus explicite pour rassurer le client.

optimisation experience utilisateur tao lille

Ce bloc pourrait être placé plus haut du fait de son importance.

Guide d’entretiens : qu’est ce que ce symbole ?

Un excellent point pour TAO est d’indiquer les informations relatives à l’entretien d’un vêtement. Ça peux être un argument de choix entre 2 vêtements pour un utilisateur. Le problème est qu’il n’y a aucune information disponible sur ces symboles, et il faut trouver un guide beaucoup plus bas sur la fiche produit pour en savoir davantage.

relation element identique ergonomie mathieu fauveaux lille

Donner des conseils ou des astuces de lavage, ou de repassage peut être apprécié du futur client.

Conseils
Regroupez toujours vos contenus qui ont un rapport entre eux et utiliser le même style graphique pour les afficher.

Zoom sur l’image.

Impossible d’accéder au zoom en cliquant sur l’image produit, et pourtant le pointeur de la souris semble indiquer une action possible. Cette façon d’accéder au zoom est aujourd’hui un standard du web, mais ici il faut cliquer sur le bouton « zoom » à gauche pour accéder à une image plus détaillée. Une fois le zoom ouvert, c’est la déception! Impossible d’avoir une image détaillée et en zoomant on aperçoit une image pixelisée qui ne met pas en valeur le produit.

analyse ergonomiquer zoom produit mathieu fauveaux

On est loin de la prestation des concurrents qui offrent des images HD.

Cross-selling, en veux-tu, en voila !

Le cross-selling est un peu bas sur la fiche produit et peu mis en valeur. Le plus souvent, plusieurs produits sont jetés sur la fiche produit sans vraiment de cohérence. Le cross-selling d’un site e-commerce pourrait être comparé aux mannequins à l’entrée d’un magasin qui portent une tenue complète, et des accessoires. L’ensemble est cohérent et essaye de séduire le client, alors pourquoi ne pas faire la même chose sur une fiche produit ? Un short pourrait notamment être associé à un t-shirt, un bob, et des sandalettes en complément plutôt qu’un pull, un autre jean etc…

cross selling tape a loeil ergonomie

Conseils
Testez votre cross-selling est un moyen rapide d’augmenter le panier moyen. Vous pouvez modifier le nombre de produits, trouver les relations les plus pertinentes par catégories, par saison etc..

La réassurance.

La réassurance et les arguments commerciaux sont situés sous la ligne de flottaison même pour une résolution de 1680*1050. Même si la marque est bien connue, les arguments de retours et de livraisons pourraient être un bon levier pour la mise au panier. C’est d’ailleurs étrange que la réception en magasin ne soit pas mise en avant sur la fiche produit, alors qu’elle est gratuite à partir de 30€. La livraison est le premier argument d’abandon de panier, alors pourquoi se priver de cet argument commercial qui peut conclure une vente, ou améliorer le panier moyen.

Conseils :
Rendre un moyen de livraison gratuit avec un seuil vous permet de peut-être vendre davantage. Faites des tests pour trouver le seuil idéal, et surveillez le taux de mise au panier, mais aussi le panier moyen de vos clients.

Conclusion.

Cette fiche produit n’est plus toute jeune, et de nombreux points ne sont plus au niveau de la concurrence. La mise en avant ainsi que l’architecture de l’information est perfectible, et ne doivent pas desservir la transformation du site. Cette refonte sera un vrai bain de jouvence pour améliorer l’expérience utilisateur, qui j’espère sera plus fun, coloré, et en adéquation avec la marque.

Partager sur facebook
Facebook
Partager sur pocket
Pocket
Partager sur twitter
Twitter
Partager sur linkedin
LinkedIn

Articles en relation :

Newsletter

Recevez les 10 meilleures actualités autour du CRO tous les mois: articles, process, outils, conférences, ...

Vous voulez savoir où et comment démarrer l'optimisation de votre site ?

Je peux détecter vos opportunités d'optimisation et vous délivrer les recommandations à appliquer, mais êtes-vous prêt ?

13 Comments

Aurélien · 17 août 2012 at 13 h 11 min

Merci pour ce partage toujours intéressant.

    Fauveauxm · 18 août 2012 at 15 h 39 min

    Merci pour votre commentaire Aurélien !

NaNar · 22 août 2012 at 22 h 12 min

Chouette article M’sieur Fauveaux…Comme toujours d’ailleurs !

benoit | Info-ecommerce · 23 août 2012 at 14 h 00 min

Intéressant ! Je nuancerai juste le cross selling. Ce n’est pas parce que toi tu ne vois pas le rapport que c’est du « mauvais » cross selling. Il a peut être un algo (ou de l’expérience ou de la data) qui ont démontré que cela était efficace 😉

Fauveauxm · 23 août 2012 at 15 h 13 min

Salut Benoit, j’ai surement était un peu fort sur la cohérence du cross-selling c’est vrai. Tout cet article ne propose que des hypothèses d’optimisations ( jouer sur les saisons, tenues complètes etc.. ) mais difficile de savoir ce qui fonctionne actuellement pour ce site sans avoir de chiffres.

En tout cas merci de votre commentaire 🙂

iggOne · 23 août 2012 at 16 h 28 min

Je suis allé visiter le site de TAO et au niveau du cross selling, je ne trouve pas qu’il soit mal mis en place !
A mon sens, il n’est pas si bas que cela et il s’affiche sans clic ! Pour ce qui est de la pertinence, j’ai pris une fiche produit au hasard et les ventes croisées sont plutôt cohérentes.

En revanche, le bouton au panier c’est une véritable catastrophe (Aïe, Aîe, Aïe…) !

Rod · 31 août 2012 at 9 h 32 min

Salut,

Article très intéressant, l’analyse est vraiment pertinente, merci 😉

Rod

Optimiser l'expérience utilisateur de la fiche produit Tape à l'oeil | Etudes, stats, bonnes pratiques | Scoop.it · 17 août 2012 at 7 h 39 min

[…] Étude sur l'ergonomie de la fiche produit de la marque Tape à l'oeil, les améliorations possibles d'expérience utilisateur ou de conversion.  […]

Optimiser l'expérience utilisateur de la fiche produit Tape à l'oeil | Etudes, stats, bonnes pratiques | Scoop.it · 17 août 2012 at 7 h 39 min

[…] Étude sur l'ergonomie de la fiche produit de la marque Tape à l'oeil, les améliorations possibles d'expérience utilisateur ou de conversion.  […]

Optimiser l'expérience utilisateur de la fiche produit Tape à l'oeil | ergonomie web & UX | Scoop.it · 17 août 2012 at 9 h 48 min

[…] Étude sur l'ergonomie de la fiche produit de la marque Tape à l'oeil, les améliorations possibles d'expérience utilisateur ou de conversion par Mathieu.  […]

Optimiser l'expérience utilisateur de la fiche produit Tape à l'oeil | ergonomie web & UX | Scoop.it · 17 août 2012 at 9 h 48 min

[…] Étude sur l'ergonomie de la fiche produit de la marque Tape à l'oeil, les améliorations possibles d'expérience utilisateur ou de conversion par Mathieu.  […]

Optimiser l'expérience utilisateur de la fiche produit Tape à l'oeil | Les chiffres du jour | Scoop.it · 27 janvier 2013 at 18 h 10 min

[…] Étude sur l'ergonomie de la fiche produit de la marque Tape à l'oeil, les améliorations possibles d'expérience utilisateur ou de conversion par Mathieu.  […]

Tape à l'oeil, quelles améliorations avec cette nouvelle version ? · 25 septembre 2013 at 11 h 08 min

[…] du site eCommerce de Tape à l’oeil. En 2012, j’avais écrit un article avec quelques hypothèses d’optimisations de leur fiche produit. 1 an plus tard, l’enseigne refond son site internet en partenariat avec l’agence […]

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.