Cdiscount et ses dark patterns

Je me rends aujourd’hui sur le site 24joursdeweb pour consulter l’article de Christelle Mozzati Les dark patterns en design d’interface, article très intéressant et bien illustré dont je recommande la lecture (pas la peine d’aller plus loin sans l’avoir lu !) J’ai été particulièrement surpris de lire que « CDiscount […] ne procède[nt] pas (ou plus) aux dark patterns tels que listés plus haut ». Hum, peut-être pas exactement ceux-là, mais…

Voici la fiche d’un article du site.

Cdiscount - fiche produit

Le prix affiché en énorme et en rouge est de 597,56€. Si je le fais remarquer, c’est bien entendu parce que ce n’est pas le véritable prix de cette machine à laver. Pour le connaître, il faut regarder la minuscule ligne de texte gris clair en dessous du prix : « + Eco Part. : 6,00€ soit un total de 603,56€ ». Le véritable prix ne sera indiqué en gros (et seul !) qu’à la dernière étape du fil de commande, au moment du paiement. Surprise !

Voilà donc un dark pattern en or (allez, en argent, le véritable prix est écrit…) dès la fiche produit du site. La bonne nouvelle, c’est qu’il semble que les comparateurs de prix ne se fassent pas avoir. C’est déjà ça.

Au passage, j’ajoute que considérer le layer « alerte infos » (à droite de l’image – très joli en 1024 x 768 !) comme un élément de design persuasif me semble un peu trop gentil. Je l’envisage plus comme un parasitage intrusif et insupportable (laissez-moi lire votre fiche produit !), mais c’est un avis personnel.

Je clique sur le bouton Ajouter au panier. Je suis redirigé sur une page qui me propose des articles complémentaires… derrière un layer « Garantie sérénité ».

Cdiscount - garantie sérénité

Pas de dark pattern ici, la garantie n’a pas été automatiquement ajoutée à mon panier. Sauf que… Le layer présente deux boutons : Refuser la garantie et Continuer mes achats (beaucoup plus contrasté). Et que se passe-t-il si je clique sur le bouton Continuer mes achats ? Le layer se ferme et… la garantie est ajoutée à mon panier. Le voilà, le dark pattern !

Voici donc mon panier :

Cdiscount - panier

La garantie sérénité est bien présente (le site a un certain culot lorsqu’il indique « Avec cet article, vous avez ajouté » : je n’ai rien ajouté du tout…) Je clique donc sur la petite corbeille pour ôter cette garantie indésirable. Le layer suivant s’affiche :

Cdiscount - suppression garantie sérénité

J’ai cliqué sur la corbeille pour virer la garantie, un layer s’ouvre, instinctivement je clique sur le bouton OUI (le plus contrasté, cette fois encore), pensant que c’est le bouton qui me permettra de supprimer ce truc. Erreur : ici aussi il faut bien lire le petit texte, « OUI je souhaite souscrire à la garantie sérénité ». J’ai cliqué sur un bouton de suppression et on me recolle la garantie ? Troisième dark pattern…

Voilà pourquoi je pense qu’il n’est pas correct de prendre Cdiscount en exemple lorsque l’on évoque l’absence de mauvaises pratiques. D’autres sites sont bien plus recommandables à mon avis – le premier qui me vient à l’esprit est materiel.net mais je n’ai pas été vérifier récemment.

PS. Pour les amateurs de layer (JLPS je pense à toi) voici les deux fenêtres qui s’ouvrent lorsque l’on ajoute au panier certains articles, comme une montre connectée par exemple :

Cdiscount - double layer

Les clients qui ont ajouté l’offre « 60 jours pour vous décider » (à droite sur la capture) et qui souhaitent la supprimer une fois arrivés au panier auront droit au layer suivant :

Cdiscount - fautes diverses

J’apprécie tout particulièrement le texte explicatif bien rédigé « Avec 60 JOURS pour vous décider 0 an, […] » et le libellé du bouton, tout simplement incomplet « OUI je souhaite souscrire à ».

Le panier magique de Pixmania

Je cherche une housse pour protéger un barbecue. Je tape la référence dans Google, je jette un œil à quelques sites et je choisis de passer ma commande chez Pixmania. Fiche produit, page panier, parcours classique.

Pixmania - panier

Si mon parcours est classique, la page panier, elle, me surprend un peu : elle est remplie de produits hétéroclites « à ne pas manquer », qui n’ont rien à voir avec l’article que je commande. Le panier lui-même n’occupe qu’une petite partie de la page, en haut à droite. Me proposer une Barbie ou un appareil photo numérique Hello Kitty alors que j’achète une housse de barbecue, drôle d’idée…
Je clique sur le bouton « passer ma commande ». Mon panier contient pour le moment un seul article à 28€.

Pixmania - choix du mode de livraison

Je vérifie mes adresses de livraison et de facturation, pas de souci. Les surprises commencent avec le choix du mode de livraison : les prix indiqués en rouge tiennent compte d’une réduction « VIPix » que je n’ai pas demandée. Je sais bien que cette réduction se paiera à un moment ou à un autre et j’aimerais donc me débarrasser de ce « truc VIPix » dont il est question, mais pour le moment impossible de faire quoi que ce soit. Je patiente, donc, et je clique sur le bouton « continuer ».

Pixmania - choix du point relais

Un layer permettant de sélectionner un point relais s’affiche. Après une longue attente, la carte remplace le grand vide de la fenêtre : Viamichelin, vraiment ?! Pour être honnête je ne pensais pas que ce service pouvait s’intégrer à un site e-commerce. Une chose est sûre, il n’est absolument pas adapté à ce qu’on lui demande ici : les points relais sur la carte sont totalement invisibles. (Heureusement le zoom arrange un peu les choses.)
Je sélectionne un point relais dans la liste de gauche et clique sur le bouton « je choisis ce Relais Colis© ».

(Note : je supprime ici une étape « retour à la page précédente », le principe est un peu long à expliquer et pas très intéressant.)

Pixmania - récapitulatif de ma commande (1)

Je me trouve maintenant devant le récapitulatif de ma commande. Magie de Pixmania : mon panier, qui 2 étapes plus tôt ne contenait qu’un article à 28€, contient désormais 3 articles dont le montant atteint 42,20€ — une augmentation de plus de 50% ! Bien, je vais donc me débarrasser des intrus.

Je commence par la première ligne, le « contrat achat tranquille ». Pour le supprimer, j’utilise un menu déroulant (pourquoi pas plutôt une case à décocher ?) Lorsque j’indique que je souhaite passer ma commande « sans contrat achat tranquille », un layer s’ouvre afin de m’expliquer tous les avantages de ce contrat.

Pixmania - layer contrat achat tranquille

Charmante attention : on m’impose ce contrat et c’est lorsque je le supprime que l’on m’explique de quoi il s’agit. Plus bas sur le layer, nouvelle délicate attention : on me propose ENCORE UNE FOIS d’y souscrire. Non mais sincèrement ?!

Je clique sur le bouton « continuer ».

Pixmania - récapitulatif de ma commande (2)

Une mention a été ajoutée à côté du contrat achat tranquille : quelques avantages sont désormais indiqués directement sur la page. « Remboursement en cas de panne », pour une housse de barbecue ?

Bref, je me suis débarrassé du contrat. Nouvelle magie de Pixmania : j’ai supprimé un article, mais le montant total de ma commande a augmenté ! Il est désormais de 48€ : on approche des 100% d’augmentation, c’est impressionnant. L’explication est « simple » : sans le contrat achat tranquille, la carte VIPix (qui m’est imposée, je le rappelle) passe à 20€ au lieu de 10. Je supprime donc cette carte de mon panier, cette fois encore à l’aide d’un menu déroulant. « Je renonce à mes avantages VIPix », quelle belle formule…

Pixmania - récapitulatif de ma commande (3)

La page se recharge et… j’accède enfin au véritable total de ma commande, soit 30,99€. Victoire !

Hé monsieur Pixmania, je sais que ça ne va pas fort chez vous en ce moment, mais pensez-vous vraiment que ce panier magique soit une bonne façon de plaire à vos clients ?

Bonus

J’ai reçu ce matin un mail m’indiquant l’envoi de ma commande. Le voici :

Pixmania - mail de confirmation d'envoi

Belle erreur : il est inscrit que la commande sera livrée chez moi, et pas dans le point relais que j’ai indiqué.
Heureusement, le mail suivant précise que la livraison aura bien lieu dans un relais colis.

Il serait opportun de corriger ce mail automatique. Et pourquoi ne pas profiter de l’occasion pour supprimer le message répété deux fois dans le corps du mail ? Et ajouter une apostrophe au mot « lenvoi » ?

Les comparateurs de prix, ce mal des temps modernes

Je déteste les comparateurs de prix. Pas les comparateurs spécialisés, que je consulte régulièrement et qui m’apportent de précieuses informations. Je déteste les comparateurs généralistes, qui pourrissent les résultats de mes recherches Google à la recherche d’une petite commission qu’ils ont bien du mal à justifier. Ils parasitent les résultats, ils me renvoient vers des pages imbuvables, bref ils me font perdre mon temps.

Aujourd’hui, je recherche des feuilles de papier abrasif 115x107mm. Je tape ma requête dans Google.

Google.fr - recherche "acheter abrasif 115 107"

Je commence par les liens sponsorisés, dont les intitulés laissent augurer le meilleur. Premier résultat : cherchons.com, avec un attirant amas de mots-clés « Abrasif 115 pas cher – Vous cherchez Abrasif 115 ?‎ www.cherchons.com/Abrasif+115 Comparez les prix Abrasif 115 !‎ ».

Résultat de ma recherche sur cherchons.com

Ma requête Google est la suivante : « acheter abrasif 115 107 ». Une fois sur le site de cherchons.com, elle s’est transformée en « abrasif 115 ». Sans surprise avec des mots-clés aussi flous, les résultats obtenus sont totalement sans intérêt. Je m’amuse à découvrir les plus farfelus (heureusement pas en haut de page) : « instrument abrasif ongles et cuticules », « peau de mouilleur microfibre », « dégraissant pour piscine », « chiffonnier 5 tiroirs »… Bref cherchons.com ferait sans doute mieux d’éviter de payer Google pour se retrouver en lien sponsorisé dans ce cas précis.

Résultat sponsorisé suivant : idealo et son élégant « Abrasif 115‎ www.abrasif-115.fr.idealo.fr/ Abrasif 115 à prix fous! Les économies sont sur Idealo.fr‎ ».

Résultat de ma recherche sur idealo

De façon plus ou moins surprenante, idealo fait la même erreur que cherchons.com, à savoir une mauvaise récupération de mes mots-clés. Ici aussi il n’est question sur leur site que d’« abrasif 115 », et ici aussi les résultats n’auront pas la moindre pertinence. J’ai consulté les 17 pages de résultats sans trouver l’article que je recherche — et en supportant un bug qui fait remonter la page tout en haut une fois que cette dernière est chargée. C’est extrêmement désagréable, mais est-il nécessaire de le préciser ?

Ces deux entreprises paient pour se retrouver en haut de la page des résultats de Google. J’espère que ça ne leur coûte pas trop d’argent.

Je passe aux résultats naturels — qui n’ont vraiment plus rien de naturel, mais c’est une autre histoire. En première page, le site ma-reduc.com me renvoie un résultat très intéressant intitulé « Bosch Feuilles abrasives 115 x 107 mm, 60, pack de 10 ». Je clique, le site s’ouvre.

Résultat de ma recherche sur ma-reduc

Au milieu de cette page totalement illisible, je trouve ce que je cherche : un lien vers un site marchand proposant l’article qui m’intéresse. Bien entendu et comme sur tous les sites de ce genre, il n’est pas possible de faire un clic droit pour ouvrir la fenêtre dans un nouvel onglet ; je suppose que cette commande basique ne permet pas aux comparateurs de récupérer leur commission. Je clique (gauche, donc), ce qui ouvre… une nouvelle fenêtre minuscule. Sérieusement ? Je répète : sérieusement ? Ouvrir le résultat de ma recherche dans une fenêtre de moins de 800 pixels de large sur un écran qui en compte 1920 ?

Plus amusant encore : le site de Topachat est responsif, ce qui fait que la taille de la page qui s’ouvre est adaptée à la minuscule fenêtre imposée par ma-reduc.com (et pas du tout à celle de mon moniteur).

Résultat de ma recherche sur topachat

Finissons en beauté : la page ouverte n’est pas la fiche produit de l’article que je recherche mais la page d’accueil de Topachat. Pour le gag, j’ai fait une recherche « abrasif » sur le site : aucun résultat trouvé.

Résultat de la recherche "abrasif" sur topachat

Je retourne voir les résultats de ma requête Google et je passe à la page suivante. Nouvel essai : webmarchand.

Résultat de ma recherche sur webmarchand

Ma requête a cette fois été transformée en « abrasif pour ponceuse vibrante », ce qui est plus proche… mais toujours beaucoup trop flou. Le seul résultat fourni est à côté de la plaque (mais moins que précédemment), et l’autre proposition de webmarchand me fait sourire (« alciumpeche, pêche en bateau et surfcasting » ?)

Cinquième et dernière tentative : choozen, toujours en page deux de ma recherche Google.

Résultat de ma recherche sur choozen

Victoire ! Sur les 39 résultats proposés, 2 correspondent enfin à ce que je cherche ! Les deux produits sont perdus dans la page de résultats, ils se trouvent sur le même site internet (pour un comparateur c’est dommage), mais ils existent !

J’arrête là, ça m’épuise. Je ne trouve rien à sauver : les résultats sont mauvais, l’ergonomie des sites est catastrophique, le temps perdu considérable. Sincèrement, qui peut imaginer qu’un utilisateur puisse s’infliger une recherche pareille ?

Je garde le meilleur pour la fin, bien sûr : le premier résultat de Google me renvoyait vers le site de rueducommerce, qui propose l’article que je recherche. Le deuxième ? Pareil. Le troisième ? Pareil. Bravo les comparateurs, beau travail.

PS. Quelqu’un connaitrait-il une extension Firefox (ou Chrome, ou…) permettant de supprimer les résultats des comparateurs de prix de Google ? Je ne sais pas si ça existe, mais ce serait une rudement bonne idée.