Quand de belles photos nuisent à l’expérience utilisateur

Je cherche un cadre pour mettre en valeur un poster que j’ai acheté. Je me rends sur le site de Leroy Merlin, dont j’ai apprécié il y a un moment la navigation à facettes permettant de trier les articles par dimensions. 

Voici la page liste des cadres :

Page liste des cadres sur leroymerlin.fr : haut de page

Je trouve l’énorme image d’illustration en haut de la page un peu déroutante ; c’est joli mais ce n’est pas ce que je viens chercher.

Je scrolle pour afficher la suite.

Le filtre me permettant d’afficher uniquement les articles dont les dimensions m’intéressent est toujours là, malheureusement il ne fonctionne pas correctement. Un bug particulièrement ennuyeux pour moi, qui visitait le site de Leroy Merlin justement pour ça. Mais ce n’est pas ce qui a motivé cette note. 

Si je scrolle un peu plus pour afficher les photos des cadres, je me retrouve devant ceci :

Page liste des cadres sur leroymerlin.fr : de belles images qui gênent la consultation des articles

Une page très élégante, tout à fait dans l’air du temps. On reconnait la présentation façon tuiles ; les amateurs de décoration d’intérieur remarqueront que les cadres sont présentés au milieu d’environnements relativement neutres afin de mettre en valeur le produit. C’est simple : même sur Pinterest la mise en page n’est pas aussi réussie !

Et… C’est un problème. L’ensemble est si joli qu’il en devient difficile de distinguer les articles eux-mêmes. Dit autrement : je ne suis pas en train de chercher des idées pour mon salon, je visite un site e-commerce à la recherche d’un cadre 30 x 40 cm noir à fine bordure. Ce sont deux situations complètement différentes. 

Voici la page liste des cadres du site d’IKEA

Page liste des cadres sur le site d'IKEA

Des photos détourées de cadres vides. Une page beaucoup plus sobre, presque triste, mais parfaitement fonctionnelle : je distingue d’un seul coup d’œil les modèles qui m’intéressent. Et je n’ai pas besoin de passer ma souris sur chaque image pour afficher le prix de base (ou d’appuyer sur le petit ‘+’ sur mobile, un picto inactif sur desktop d’ailleurs).

Et puis… à quoi bon construire une jolie page de ce genre pour la transformer quelques coups de molette plus tard en un ensemble chaotique de photos détourées mélangées à des mises en situation ?

Wiko, le comparateur de smartphones que vous ne verrez pas

Après avoir évoqué l’affordance dans la note précédente, je m’intéresse cette fois à un autre point important de la conception d’interface : le feedback.

Je me rends sur le site de Wiko afin de découvrir leur gamme de smartphones.

Wiko : la gamme des smartphones

Je distingue six modèles compris dans la fourchette 150 ~ 200€. Ni les pictos, minuscules et au contenu variable, ni les descriptions, souvent peu opportunes (en exclusivité, la Wiko Expérience !), ne me permettent de comparer leurs caractéristiques facilement. Heureusement, Wiko semble avoir prévu un comparateur.

Je choisis un premier smartphone et je coche la case Ajouter au comparateur. Après rechargement, je suis renvoyé en haut du site sans la moindre explication : aucun indice, aucun message ne me permet de savoir si l’ajout au comparateur a été effectué.

Wiko : renvoi en haut de page au rechargement

Lorsque je me positionne devant le modèle que j’ai choisi, même problème : rien n’indique qu’il fait bien partie de ma sélection. En fait, tout se passe comme si la manipulation ne fonctionnait pas.

Je poursuis tout de même. Je coche la case Ajouter au comparateur d’un second modèle. Pas de surprise (malheureusement) : je suis à nouveau renvoyé en haut de page après rechargement, et aucun indice ne me permet de savoir si l’action a bien été prise en compte. Pire : j’ai beau chercher, je ne trouve aucun moyen d’ouvrir le fameux comparateur !

À tout hasard, j’ouvre la fiche produit de l’un des smartphones.

Wiko : fiche produit d'un smartphone

Je retrouve, en dessous du bouton d’ajout au panier, la mention Ajouter au comparateur. Je clique, je suis une fois encore renvoyé en haut de la page… mais cette fois un petit bandeau s’affiche ! Il porte la mention suivante : Le produit HIGHWAY PURE a été ajouté à la liste de comparaison dans votre compte. Connectez-vous pour la consulter !

Wiko : bandeau d'ajout au comparateur

Imposer la création d’un compte client pour pouvoir comparer les produits d’un site marchand ? Pas sûr que ce soit une très bonne façon de procéder. De mon côté j’ai préféré aller voir ailleurs.

E-commerçants, qu’attendez-vous pour soigner le contact client ?

(Article initialement publié sur Medium.)

Cher e-commerçant,

Voilà des années que nous nous connaissons. J’apprécie la simplicité de notre relation : j’achète des trucs sur ton site, tu me les expédies. Il arrive malheureusement que tout ne se passe pas aussi simplement et que j’aie besoin de te contacter pour diverses raisons : demande d’informations, problème avec ma commande, etc. Aujourd’hui, je te demande de considérer mon point de vue. Comme il doit bien t’arriver à toi aussi de faire des achats sur internet, je pense que ces quelques remarques te parleront.

Ça ne m’amuse pas de te contacter.

Pas du tout même. J’ai des tas d’autres choses à faire ; discuter avec toi est une tâche qui va me prendre du temps, temps que je vais devoir soustraire à d’autres occupations parfois prosaïques j’en conviens mais autrement plus importantes comme par exemple donner à manger à mon enfant (peut-être dans l’assiette que j’ai achetée sur ton site !) Et comme ça ne m’amuse pas du tout de te contacter, j’apprécie que ce soit simple et rapide.

Voici deux exemples de ce qu’il ne faut pas faire.

 

01. Page de contact cachée


Aujourd’hui, je veux contacter le service client de La Redoute au sujet du remboursement d’une commande.

Cher e-commerçant, regarde la homepage du site de La Redoute. Elle est immense, elle regorge d’informations. Je n’ai pas le temps de regarder tout ça, et pourtant il faut bien que je m’y colle. Je scrute, je cherche un lien de contact : rien. Je suis un utilisateur “avancé”, je fais une recherche sur les mots contact, mail : rien. La Redoute n’a pas mis de lien de contact sur sa homepage. Quelle délicate attention !

Tu vas me dire “tu n’as qu’à passer un coup de fil, le numéro de téléphone est indiqué.” Oui mais voilà : ce numéro est surtaxé. Je suis déjà en train de perdre mon temps pour essayer de contacter le service client, je n’ai pas vraiment envie de perdre également mon argent.

Le lien de contact se trouve en fait au bas de mon espace client (vous n’êtes pas encore client ? Bon courage.*) Son libellé est on ne peut plus explicite : Besoin d’aide ? Contactez-nous par e-mail.

La Redoute - espace client

Je clique et… je tombe sur la FAQ du site.

La Redoute - FAQ

Cher e-commerçant, je comprends que La Redoute veuille écrémer. Je comprends que son service client n’ait pas envie d’être contacté par 36 monsieur X voulant comprendre pourquoi leurs commandes effectuées à 10:00 ne sont pas déjà chez eux à 11:00 (par exemple). Mais il y a une façon de le faire. La Redoute a choisi une façon épouvantable : non seulement je suis renvoyé sur une FAQ par un lien au libellé mensonger, mais en plus le véritable lien de contact n’est toujours pas en vue. En fait, il est encore bien loin !

Pour trouver le formulaire de contact, je dois :

• consulter cette FAQ, trouver la rubrique qui me concerne puis être redirigé sur… une nouvelle page (celle-ci par exemple) ;
• consulter une autre FAQ, trouver la rubrique qui me concerne une seconde fois ;
• prier le ciel pour que le paragraphe qui me concerne présente un lien contactez-nous ;
• si c’est le cas crier victoire, sinon ouvrir tous les menus jusqu’à trouver un lien.

Clairement, La Redoute fait tout pour décourager les clients qui voudraient contacter le service client autrement que par une ligne téléphonique surtaxée. Ça, cher e-commerçant, ce n’est pas bien.

 

02. Formulaire interminable et données personnelles


Je me rends sur le site de Moulinex pour obtenir une information sur un appareil. Cette information n’étant pas mentionnée sur la fiche produit de l’article, je me rends sur la page de contact.

Moulinex - page contact

Cher e-commerçant, peux-tu m’expliquer pourquoi je dois fournir toutes ces informations à Moulinex pour obtenir un renseignement ? Pourquoi dois-je donner mon adresse complète et mon numéro de téléphone pour connaître la largeur d’un presse-agrume ?

Sur le site d’IKEA c’est encore plus dingue : non seulement je dois fournir un tas d’informations personnelles, mais IKEA s’octroie carrément le droit de les conserver !

IKEA - page contact

Mais qu’est-ce que c’est que cette façon de traiter ses clients ?

Alors oui, je sais M. La Redoute : répondre aux mails des clients, c’est coûteux. Mais ce coût fait bien partie du prix de mes articles, non ? Je sais M. Moulinex, demander un tas d’informations personnelles décourage les demandes les plus inutiles et permet de se gaver de données intéressantes. Mais est-ce vraiment dans l’intérêt de votre client ?

Bien faire, ce n’est pas compliqué.

Prenons le site de Dyson. Une rubrique Aide est accessible en permanence via le menu supérieur. Elle contient un lien vers la page de contact.

Dyson - page contact

Je peux contacter Dyson :

• par téléphone : le numéro est gratuit, les horaires sont indiqués ;
• par mail : une simple adresse mail cliquable est fournie ;
• via les réseaux sociaux : les liens des comptes Facebook et Twitter sont affichés.

Si j’ai un problème avec mon aspirateur, je sais que je peux contacter le service client du fabricant en moins d’une minute. C’est simple, clair et efficace.

Alors, cher e-commerçant, qu’attends-tu pour en faire autant ?

 

* Dans le footer du site se trouve un lien Services La Redoute. Une fois sur cette page Services, tout en bas à gauche se trouve un lien Nous contacter (spoiler : ce libellé est mensonger lui aussi.) Lorsque l’on clique dessus, on arrive sur une nouvelle page… qui nous explique qu’il faut aller dans la FAQ (sans en donner le lien, après tout, il suffit de chercher un peu sur la page) et chercher la réponse à sa question soi-même. Que dire ?

La Redoute - fausse page contact