Expérience utilisateur : les stocks en ligne de Leroy Merlin, ou comment transformer une excellente idée en fiasco total

Le site de Leroy Merlin mériterait des dizaines d’articles sur mon blog. Naviguer sur ce site est un calvaire qui me ferait presque apprécier le temps qu’il faut pour trouver un vendeur disponible (et du bon rayon) lorsque je me rends dans un magasin de bricolage. Cela dit, c’est l’enseigne de bricolage la plus proche de mon domicile. Il m’arrive donc régulièrement d’y faire quelques courses.

1. Nous sommes le jeudi 16 août. Je souhaite acheter des crémaillères et des consoles pour monter une étagère. Je me rends donc sur le site internet, trouve péniblement les articles qui me conviennent et prépare ma liste pour aller au magasin, ces produits n’étant pas vendus en ligne. Au passage : je défie quiconque de trouver la différence entre ces 2 crémaillères, références et prix mis à part. Je suppose que c’est une histoire de couleur, mais comme les photos ne correspondent pas aux produits réels…

Leroy Merlin - fiche produit de crémaillères

Sur la fiche produit, je découvre un lien un peu perdu au milieu de nulle part : « voir la disponibilité en magasin ». Très pratique ! Je clique sur le lien, un layer s’ouvre et me demande d’indiquer mon magasin ou mon code postal. Je sélectionne le magasin le plus proche de mon domicile et la disponibilité du produit s’affiche instantanément. Mes crémaillères sont en stock, c’est parfait.

Leroy Merlin - disponibilité en magasin

Quelques heures plus tard, je me rends au magasin pour acheter les articles de ma liste. Surprise : pas de crémaillère en rayon. J’interroge un vendeur : « désolé, on en a plus » et après consultation de son ordinateur : « on en recevra dans une semaine ». Je lui signale que j’ai vérifié la disponibilité sur le site internet et que les crémaillères étaient bien en stock. Réponse du vendeur : « les stocks sont actualisés une seule fois par jour le matin, donc il arrive que les produits ne soient plus réellement disponibles ».

Mes articles ne sont pas en stock, je me suis déplacé pour rien et je vais devoir reporter l’installation de mes étagères. Je suis un peu contrarié.

2. Nous sommes le jeudi 23 août. Cette fois j’abandonne les « nouvelles technologies » et je passe un coup de téléphone au magasin pour m’assurer que les crémaillères ont bien été livrées. Après avoir transmis ma requête à 5 personnes différentes (accueil, rayon menuiserie, cuisine…?), après avoir subi la plainte d’un répondeur défectueux pendant 6 minutes, je réussis à joindre le vendeur. « Désolé monsieur, on en a pas reçu. Le fournisseur est en vacances, on en aura pas avant 2 semaines ».

Je me félicite d’avoir passé un coup de téléphone, et puis… je me dis que je vais aller jeter un œil aux stocks du site, pour voir si les crémaillères sont bien indiquées comme « indisponibles ». Oh surprise : le site indique… qu’elles sont en stock, alors qu’il n’y en a plus depuis au moins une semaine et qu’il n’y en aura pas avant 2 semaines.  

Leroy Merlin - stocks erronés

Classe.

Pour finir, je contacte un autre magasin par téléphone pour savoir s’ils ont ce modèle. Après avoir subi un répondeur à commande vocale (mais si, ce truc que tout le monde déteste là, « si vous souhaitez parler à un conseiller, dites JE VEUX PARLER A UN CONSEILLER » « je n’ai pas compris votre demande »), un vendeur m’indique que le produit est disponible. Je regarde sur le site internet : « Article disponible sur commande dans un délai de 16 jours ouvrés ». J’évoque ce point avec le vendeur, qui me répond tout simplement « Oui effectivement, les stocks sur le site ça ne fonctionne pas ».

Plutôt que de mettre en ligne un outil complètement bancal et de contrarier ses clients, ne vaudrait-il pas mieux le désactiver et attendre qu’il soit réellement fonctionnel pour le publier ?

Note : je n’évoque que les crémaillères, mais le problème s’est répété avec d’autres articles.

Expérience utilisateur : Muji, le e-commerce du XXe siècle… en 2012 (2/2)

Suite et fin de ma commande sur le site internet de Muji (voir la première note). Je clique sur le bouton « panier » en haut à droite de la page.

Muji.fr - page panier

La structure très classique de l’ensemble simplifie la consultation : la page n’est pas sexy mais son utilisation ne devrait pas poser de problème. En revanche, la charte graphique est — malheureusement — toujours aussi bien appliquée : les textes sont petits et les boutons en bas de page manquent de contraste.

Je clique sur « commander ».

Muji.fr - page d'identification

Ici aussi, la structure relativement conventionnelle de la page (bloc « nouveau client » à gauche, bloc « déjà commandé » à droite) facilite sa compréhension. Je remarque toutefois :
• un texte d’introduction minuscule (on pouvait donc faire plus petit !) ;
• plusieurs liens peu mis en valeur et aux codes graphiques changeant (le « [plus d’info] » du premier paragraphe, le « cliquez ici » en bas à droite) ;
• quelques fautes d’orthographe et de ponctuation plutôt malvenues (la phrase « En créant votre compte sur, MujiOnline vous pourrez commander nos produits et accéder a nos différents services » est un exemple intéressant).

J’ai déjà un compte client chez Muji, je m’identifie.

Muji.fr - page de livraison

Je suis surpris : comment cette page peut-elle être si confuse ? Les structures des deux pages précédentes fonctionnaient convenablement, pourquoi ici est-ce si différent ?

Je distingue plusieurs autres éléments à revoir, mais j’ai l’impression de radoter :
• le lien « changer d’adresse » remporte le trophée du texte le plus petit (jusqu’à la prochaine page ?)
• le texte « si vous vouler rajoutez un commentaire » le trophée de la faute la plus insupportable ;
• l’image à droite de la colonne « historique des commandes » le trophée du picto le moins lisible (j’ai fini par comprendre qu’il s’agissait d’un Caddie). D’ailleurs : que vient faire l’historique de mes commandes sur la page « livraison » ?

Je clique sur « continuer ».

Muji.fr - page paiement

Même mise en page illisible, même lien minuscule, même faute d’orthographe… Cette page ressemble énormément à la page précédente. Petite surprise cependant : le fil de commande, que je n’avais pas remarqué, est pourtant bien présent… tout en bas de la page. Drôle d’idée.

Note : j’apprécie particulièrement les nombreuses méthodes de paiement qui me sont proposées.

Je clique à nouveau sur « continuer » (un libellé bien peu explicite.)

Muji.fr - page de confirmation

Bien que plus dense, cette page est un peu plus lisible. L’utilisation de codes graphiques formels (titres en gras, liens bordeaux soulignés) associés à une structure un peu plus stricte facilite grandement la lecture. Malheureusement, les concepteurs ont choisi cette dernière page pour changer de codes graphiques : le bouton « continuer » a disparu. Pour poursuivre sa commande, il faut cliquer sur… le logo d’une carte.

Je clique sur un logo, je suis redirigé sur le module de paiement.

Muji.fr - renvoi sur le template de la Société Générale

Me voici donc de retour en 1995.

Comment en 2012 peut-on encore voir ce genre de choses ? Et encore, la copie d’écran ne montre pas le meilleur :

Gif animé

Un gif animé (de 200ko tout de même), comme au « bon vieux temps » !

Je ne détaille pas davantage, Fred Cavazza en parle très bien ici (les commentaires sont intéressants également.) Cela dit, après deux notes entièrement consacrées à la relative vetusté du site de Muji, je me dis que cette page n’est peut-être que la suite logique de tout le reste…

Expérience utilisateur : Muji, un site… poussiéreux ? (1/2)

Muji est une enseigne que j’apprécie. Le concept initial, illustré par le nom d’origine « Mujirushi Ryohin » (d’après le catalogue, « produits de qualité sans marque »), me plaît beaucoup. Malheureusement pour moi, les seuls magasins français se trouvent à Paris ou en région parisienne (9 là-bas, aucun ailleurs.) Je me rends donc sur leur site internet pour acheter quelques fournitures de bureau.

En un clin d’œil, je suis de retour 10 ans en arrière. (Un clin d’œil d’une vingtaine de secondes tout de même, le temps pour le site de se charger.)

Note : je ne rentre pas ici dans le détail de chaque page ; je me concentre sur les différentes étapes de ma commande.

Muji.fr - accueil

La page d’accueil remplit son rôle : je trouve rapidement la catégorie de produits qui m’intéresse. Je clique sur « papeterie », dans la colonne de gauche.

Muji.fr - catégorie

Début des réjouissances. Qui a eu l’idée d’utiliser une police aussi petite (de l’arial 10 px apparemment) ? Et pourquoi afficher de si petites images ? La photo du cahier est plus petite que le logo de la Société Générale en bas de la page !

Message personnel : intégrateur, n’affiche surtout pas le code source de ce site. Jamais. (Quatre mots issus de Web Developer, pour l’exemple : « 6 profondeurs de tableaux ».)

Je clique sur le cahier.

Muji.fr - page liste

Bienvenue en 1998.

Premier point, la lisibilité : si les images sont cette fois un peu plus grandes, le texte est lui toujours aussi petit. Pour ne rien arranger, les descriptions des produits sont ENTIÈREMENT EN MAJUSCULE. J’ajoute que le sigle ‘€’ a été étrangement remplacé par les 3 lettres « EUR », que cliquer sur le caractère ‘2’ constitue un challenge en soi, etc.

Je ne vais pas répéter sans arrêt que la lisibilité des textes est mauvaise. J’arrête… non sans avoir précisé que la personne chargée de cet aspect a sans doute également travaillé sur la lisibilité du catalogue papier (disponible ici — attention, ce fichier pdf extrêmement lourd de 6Mo « nécessite une connexion haut-débit »), dont voici un extrait :

Muji.fr - extrait du catalogue

Second point : la présentation. Aucun tri n’est possible : par taille (A4, A5, etc.), par nombre de pages, par prix… rien. Il n’est pas non plus possible d’augmenter le nombre d’articles affichés.

En tête de gondole, les carnets que je recherche. Je clique — sur l’image, puisque la description n’est pas cliquable.

Muji.fr - page d'erreur

Produit non trouvé ? En tête de gondole ? Pas très sérieux, d’autant que cette erreur est en ligne depuis plusieurs semaines il me semble…

Le bouton « continuer » ne me redirige pas sur la page liste pour faire un autre choix mais sur la page d’accueil du site. Bon… Je reviens sur la page précédente et je sélectionne un autre carnet.

Muji.fr - page produit

Bienvenue en ex-URSS.

La description de ce produit est composée de : 4 mots. « Couverture », « kraft », « Format » et « A5 ». De façon intéressante, cette description réussit à être moins informative que le titre de la page, puisque ce dernier contient l’indication supplémentaire « à lignes ».

Bien sûr, la description d’un carnet ne requiert pas des centaines de mots. Cela dit, il y a tout de même une chose que l’on s’attend à trouver : le nombre de pages. Ici, il n’est tout simplement pas indiqué. (Dans le doute, je jette un œil aux carnets A4 et A6 : rien.)

La photo du produit, toujours aussi petite, est accompagnée d’un lien « cliquer pour agrandir ». Je clique : le visuel mesure 287 px. On est loin des 1200 px de La Redoute par exemple.

Muji.fr - zoom produit

Allez, pour un simple carnet, ce n’est pas bien grave. Et sur la fiche produit d’un lit, par exemple, l’image est un peu plus grande. En revanche, on ne trouve pas d’autres photos du produit. Quant à sa description…

Le carnet me convient, je décide de le commander. Je clique sur le bouton « ajouter », un bouton perdu sous le visuel du produit et au contraste proche de zéro. Et là, il ne se passe rien.

Muji.fr - ajout au panier

Ah, si : la ligne de texte située au dessus du visuel indique désormais « 1 produits | 2 EUR » (la faute d’orthographe, c’est cadeau). Étant donné la taille du texte… Mais j’ai dit que je ne revenais pas dessus.

Je termine cette première partie sur une note plus positive. Puisque le nombre de pages du carnet n’était pas indiqué sur la fiche produit, j’ai contacté une boutique Muji par téléphone. Une personne m’a répondu et est allée me trouver l’information directement dans le magasin.

Bien sûr, ça fait un peu vingtième siècle, mais au moins j’ai eu l’information que je cherchais !