Malgré les nombreux défauts de notre nouvelle page d’accueil (que vous n’avez pas manqué de pointer – merci à tous ceux qui ont fait des commentaires, nous allons tâcher d’améliorer cela), je repars au charbon pour cette rubrique « Ergonomics Cordonnier » afin de continuer mon instruction sur l’ergonomie. On a encore beaucoup de choses à apprendre, on vient de le prouver.
Aujourd’hui, je vais tâcher d’analyser le site Made in Ethic. Autant vous le dire tout de suite, ça ne va pas être coton (c’était mon mauvais jeu de mot de la semaine – désolé) : Made in Ethic est un site e-commerce vraiment bien conçu niveau ergonomie et j’ai eu du mal à trouver des failles.
Mais avant de critiquer, voici quelques points positifs sur lesquels j’aimerais attirer votre attention et dont beaucoup d’e-commerçants (nous les premiers) pourraient s’inspirer :
La page produit
La page produit est vraiment bien structurée et très lisible. Les grandes photos et les différentes vues permettent de se faire une idée claire du produit et mettent en valeur les vêtements. Le soin apporté aux photos et à la mise en avant des détails est un des gros atouts de ce site.
Niveau texte, l’information est bien organisée avec tout ce qu’il faut pour prendre sa décision d’achat :
- un texte de présentation sympa mais pas trop long
- les caractéristiques essentielles du produit
- le prix est clairement affiché (un petit bug sur les prix barrés ou l’affichage du symbole € est décalé sur la droite)
- la disponibilité aussi : savoir si le produit est en stock est souvent un facteur décisif pour un achat sur le web
- le délai d’expédition (super rassurant pour l’internaute)
- il y a même les symboles pour l’entretien (et des petits liens discrets vers le guide d’entretien ou le guide des tailles)
La fonction de cross selling est gérée de façon simple mais superbement réalisée avec la remontée de grandes photos qui sont vraiment pushy.
Bref à mon sens, une page produit efficace où l’internaute qui accroche sur le produit, n’a pas trop de dilemme existentiel à se poser pour savoir s’il met le produit à son panier ou non.
Seul bémol : pour moi le « ajouter au panier » n’est pas assez visible. Le cintre est bien sympa, mais il n’attire pas suffisamment l’oeil et ce gris est un peu triste nuit également à sa visibilité. Peut-être faudrait-il l’encapsuler avec le lien « ajouter au panier » dans un bouton un peu plus coloré ?
La gestion du processus de commande
Une fois dans le panier, il y a vrai soin apporté au tunnel de commande. Regardons les points forts de ce process :
- La mention « plus que X euros pour bénéficier de la livraison gratuite.. » est une excellente idée pour augmenter le panier moyen.
- Les 3 blocs sous le panier « livraison rapide », « satisfait ou remboursé » et « paiement sécurisé » sont cruciaux à cette étape pour montrer au client que le site est sérieux et qu’il peut acheter en toute confiance.
- Le fait de pouvoir ajouter des commentaires sur sa commande est aussi un plus pour les clients exigeants ou pour capter des questions intéressants
- La commande est assez rapide dans l’ensemble : 4 étapes qui sont bien signalées.
Mais aussi
Il y a plein d’autres éléments positifs sur Made in Ethic comme :
- La page liste qui est claire et agréable :
- La possibilité de filtrer par Marques : pour les afficionados de Sobosibio, de Bilum ou des fées du Bengale
- La possibilité de trier par prix pour ceux qui recherchent d’abord une bonne affaire
- Des rubriques Nouveautés et Fin de séries
- Le moteur de recherche (pas indispensable à mon sens vu le nombre de références mais c’est un plus indéniable)
Mais trêve de compliments, passons maintenant aux critiques.
Outre la visibilité de la fonction « ajouter au panier » que j’essayerais d’améliorer, voici quelques points sur lesquels je me pencherais particulièrement afin de peaufiner l’ergonomie si je m’appelais Julie et que j’étais en charge de Made in Ethic.
1. Les pages d’accueil des catégories
La première chose qui m’a choqué quand j’ai commencé à analyser ce site est ce qui se passait quand je cliquais sur un des onglets du haut (femme, homme ou accessoires). On ne voyait que très peu de produits. Celui qui ne fait pas attention au menu de gauche, risque de croire que le choix sur Made in Ethic se résume à ce qu’il voit sur cette page. La page d’accueil de la catégorie femme n’affiche par exemple que 12 articles. Et il n’y a pas d’autres pages à faire défiler pour découvrir toute la collection. Cela peut être un choix de mise en avant éditorial mais comme cela n’est pas signalé clairement au niveau du design, on peut avoir l’impression que l’ensemble de la gamme Femme se résume à ses 12 produits.
Cela n’est pas rendre justice à la richesse du catalogue de ce site. Pourquoi ne pas faire remonter en premier les produits qu’on veut pousser si c’est bien l’intention de départ et laissez ensuite l’internaute naviguer en faisant défiler les pages (suivant, précedent..) ?
2. Le formulaire
Le formulaire d’inscription souffre d’un gros défaut à mon sens : il ne communique pas bien sur les erreurs.
On sait que le formulaire est un gros point de fuite d’un site e-commerce (personnellement si je n’en suis pas venu à bout en 3 fois, je laisse tomber) et celui de Made in Ethic gagnerait à mieux mettre en avant les erreurs faite par le client qui veut s’inscrire. Elles sont globalement signalées en petit, en rose tout en haut du formulaire, et il faut vraiment vouloir commander pour les voir. Il aurait mieux fallu un pop up ou un système contextuel qui mette en avant les problèmes à coté des champs erronés.
3. Les id?es cadeaux
L’icône « idée cadeau » présente sur certaines fiches produits donne envie de cliquer dessus (vs le bouton ajouter au panier qui est beaucoup moins visible), ce qui est dommage car elle ne mène à rien.
A mon sens, ce concept d’idée cadeau est une bonne idée, et il faudrait le relayer dans le menu de gauche de façon à générer une page qui remonte tous les produits labellisés « idée cadeau »
4. La page d’accueil
La page d’accueil n’est pas encore très aboutie (je sais la nôtre est pas top non plus, merci de me le rappeler) et je ne la trouve pas très lisible. J’y trouve plusieurs défauts importants :
- Globalement, il y a beaucoup d’informations secondaires à des places privilégiées : le texte central qui occupe une place de choix et que peu de monde va lire, le bandeau sur les marques (Les marques sont elles un vraiment vecteur d’appel pour le client ?)
- Un manque d’organisation. Même s’il y a en définitive peu de choses, ça me laisse une impression de fouillis.
- L’image du centre pas cliquable dans son intégralité. Dommage pour un push produit qui occupe tant d’espace
- A mon sens, il faudrait un peu plus de remontées produits.
5. Le panier
La gestion du panier pourrait être également optimisée. Après avoir mis un produit au panier, on arrive directement dessus, ce qui peut constituer un frein sérieux pour d’autres achats, l’internaute devant faire l’effort de recliquer pour aller voir d’autres produits. Instinctivement, j’aurais de plus en plus tendance à laisser l’internaute sur la page où il se trouve ou à le renvoyer vers une autre page qui montre d’autres produits (page liste/ page de cross selling).
Le bouton continuer vos achats n’a pas assez visible (toujours ce gris ) et j’aurais tendance à le mettre à droite plutôt qu’à gauche.
Autre idée : on pourrait pousser des produits en cross-selling dans le panier directement (ce qui renforcerait l’ingénieux le push sur le port gratuit)
Conclusion :
Made in Ethic, malgré quelques coups dans les dents en fin d’analyse, s’en tire plutôt bien niveau ergonomie. Je suis pas fan de tout ce qui a été fait, mais il y a des plus indéniables (notamment les photos et la mise en avant des produits sur la fiche produit). Finalement, et pour élargir le débat, s’il y a quelque chose qui me gêne vraiment dans le site (les petits défauts que j’ai mentionné ne sont pas critiques et facilement corrigeables), c’est le design que je trouve un peu tristoune avec tout ce gris. Mais là, on rentre dans un débat sur les goûts et les couleurs et on sort de l’ergonomie à proprement parler.
Quoi qu’il en soit, longue vie à Made in Ethic qui est un projet génial et engagé, s’il vous plaît.
4 commentaires
Juste un petit commentaire sur le fait d’amener l’internaute directement dans le panier:
sur mandelia (par exemple) après ajout dans le panier on a une fenêtre avec « continuer » ou « finaliser », comme sur made in ethic en fait avec l’affichage du panier en moins pour mandelia. Et donc à un clic de plus pour un internaute qui n’achète qu’un seul article, et à autant de clic s’il veut continuer…
Je n’en conclus rien, c’est seulement un constat, je ne sais pas ce qui plaît le plus à un acheteur potentiel, ni ce qui est le plus efficace.
Pour complèter ton analyse, une des failles, selon moi, réside dans la navigation, les 3 onglets prinicpaux Homme, Femme, Accessoires n’ont pas d’état cliqué et ne sont en fait que des raccourcis de la navigation de gauche, pas une barre de navigation en tant que telle.
Et du fait de la bande verticale grisée qui coupe l’écran en deux, on peut passer à côté de la navigation qui se déplie dans le menu de gauche et donc d’une partie des produits.
Côté concept, je pencherai pour une page simple sur « les garanties Ethic » qui vanteraient mieux les engagements du site car les pages de présentation coton bio, mode éthique etc. font plus informative que positionnement fort de la marque.
Sinon c’est vrai que les fiches produit sont belles et fluides et les photos de qualité.
Merci Jarvik pour cette analyse parmi laquelle de nombreux points sont déjà pointé du doigt chez nous. Et pour certains autres ça nous permet d’élargir le champ d’amélioration. Les remarques de Véronique sont très juste. Sur la plupart des points négatifs, on a j’en suis sûr un vrai levier d’augmentation du taux de transformation.
Véronique > sur ta remarque sur les pages de présentation, j’ai pris l’option de fragmenter l’info et de la rendre accessible depuis la home pour des raisons de référencement naturel. Peut-être n’est-ce pas la meilleure option ? difficile d’en mesurer les résultats. Je cherche encore d’autre façon de procéder pour conserver le positionnement fort de la marque.
Avec l’arrivée d’un stagiaire en développement, les choses devraient bouger dans le bon sens.
Fab > Bonne remarque. Je ne sais pas non plus ce qui est le plus efficace. Ce qui existe aujourd’hui sur Mandellia a été inspiré par quelques grandes sites e-commerce qui avaient cette pratique du choix laissé à l’internaute.
A méditer.
Véronique > Oui, je suis d’accord. Globalement, il y a un risque de passer à coté de la profondeur du site.
Concernant les pages « concept » (que je n’ai même pas été voir, j’avoue), j’irais plus loin que toi. Ce ne sont pas ces pages en question qui pose problème (et je rejoins Julie sur l’intérêt de ces pages pour le SEO) mais plus le manque d’affichage du positionnement en première lecture.
Outre le nom de domaine, et la balise title, il n’y pas grand chose sur la page d’accueil qui positionne clairement et fortement l’aspect engagé du site. Pour quelqu’un qui connaît ou qui recherche ce type d’offre, il n’y a pas de problème (puisqu’il sait ou il met les pieds) mais pour quelqu’un qui tombe sur Made In Ethic par hasard, il ne perçoit pas toute la dimension éthique, bio, etc.. du site du premier coup d’oeil.
Il ne lira pas les pages sur le sujet de toutes façons : trop longues.
Je prône une mise en avant forte qui se traduise dès la home dans un encart ou un espace spécifique qui soit mis en valeur par le design.
Julie > De rien. Ça m’a fait plaisir de travailler sur ton site. J’aime bien votre concept et si je peux vous aider modestement avec mon analyse à deux centimes..
Je suis persuadé aussi qu’avec quelques optimisations du site, tu peux encore booster ton taux de transfo.