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 à ».

Non B&YOU je ne veux pas de votre put*** de newsletter !

Je souhaite changer d’opérateur mobile. Après avoir jeté un œil à différentes offres, je me rends sur le site de B&YOU afin de souscrire à un nouveau forfait.

Je sélectionne l’offre qui m’intéresse, je clique sur Commander et je suis redirigé sur la page panier. J’entre quelques informations de base (conservation du numéro, type de carte SIM), je valide, une nouvelle page se charge. Je remplis les champs d’identification (adresse e-mail, nom, prénom…), je m’apprête à cliquer sur le bouton Valider… lorsqu’une case à cocher attire mon attention :

B and you : inscription obligatoire à la newsletter à la souscription

Une seule case à cocher pour valider les conditions d’utilisation et s’abonner à la newsletter ? En d’autres termes, si je souhaite souscrire à un forfait B&YOU, je suis obligé de me farcir leur news !

Je twitte ça rapidement, le service client de B&YOU me répond en deux temps :

Comment vous faire comprendre simplement ? Vous n’avez pas à imposer l’inscription à votre news à vos futurs clients ! Son contenu n’a aucune importance, le fait que l’on puisse se désinscrire après coup (encore heureux) n’a aucune importance : vous n’avez pas à imposer l’inscription à votre newsletter point final !

J’ajoute que cette pratique semble fleurter avec les limites de la légalité. Selon le paragraphe 41 de la directive européenne 2002/58/CE (source) :

Dans le cadre d’une relation client-fournisseur existante, il est raisonnable d’autoriser l’entreprise qui, conformément à la directive 95/46/CE, a obtenu les coordonnées électroniques, et exclusivement celle-ci, à exploiter ces coordonnées électroniques pour proposer au client des produits ou des services similaires. Il conviendrait, lorsque des coordonnées électroniques sont recueillies, que le client soit informé clairement et distinctement sur leur utilisation ultérieure à des fins de prospection directe et qu’il lui soit donné la faculté de s’opposer à cet usage. Il convient de continuer d’offrir cette possibilité lors de chaque message de prospection directe ultérieur, et ce,sans frais,hormis les coûts liés à la transmission du refus…

Dans le cas de B&YOU il n’est pas possible de souscrire un abonnement en s’opposant à leur prospection. Je suppose que c’est la raison pour laquelle @B&YOU a tout de suite mentionné la désinscription possible… une fois l’abonnement souscrit.

Ma première action une fois la souscription terminée est donc de me désabonner de cette newsletter. J’ai l’habitude de recevoir des e-mails promotionnels non sollicités après avoir pris le temps de cocher la case « je ne veux rien recevoir laissez-moi tranquille pitié », mais c’est la première fois que je vois une astuce pareille.

La première fois… mais pas la dernière ! Deux jours plus tard, je reçois ma nouvelle carte SIM. Je me connecte sur le site pour l’activer, et là j’hallucine :

B&YOU : inscription obligatoire à la newsletter à l'activation

Une deuxième fois, je suis contraint de m’abonner à cette foutue news pour pouvoir activer ma carte SIM ! Je me suis désabonné il y a deux jours, immédiatement après ma souscription, mais B&YOU m’abonne de force pour la deuxième fois !

Quelle meilleure manière de commencer une relation avec un nouveau client ?

BforBank ne veut pas de moi comme client (et ça ennuie ma petite fille)

MAJ : après avoir envoyé le lien de cette note par mail au service client, une personne de BforBank m’a contacté par téléphone pour essayer de corriger le problème. J’ai finalement réussi à me connecter avec Safari : personne ne sait pourquoi ça a fonctionné cette fois, mais ça suffira pour le moment.

Je souhaite souscrire une assurance-vie chez BforBank, une « banque en ligne spécialiste de l’épargne ». Je suis en congés, ma fille dort, j’ai un peu de temps à consacrer à ces démarches.

BforBank ne veut pas que je m’inscrive

Je me rends sur la page d’adhésion et commence à remplir le premier formulaire, mon « profil d’investisseur ».

bforbank-01-formulaire-01

Pas de problème particulier à signaler.
Après avoir validé ce formulaire, je suis redirigé sur la page relative à mon profil. J’en prends connaissance et je clique sur le bouton « suivant ». Je me trouve désormais sur un formulaire « coordonnées » très classique.

bforbank-02-formulaire-02

Je remplis la totalité du formulaire et je clique sur le bouton « suivant ». Et là… il ne se passe rien. Impossible de passer à l’étape suivante, le bouton « suivant » ne fonctionne pas.

Ma fille est endormie, j’ai encore 10 bonnes minutes à consacrer à cette histoire. Le souci vient peut-être de Chromium ? J’ouvre Firefox, je remplis à nouveau le premier formulaire puis le second, je valide : même problème.

Ma fille babille, elle ne va pas tarder à se réveiller ; si je me dépêche je peux faire un autre test. Je lance Safari, je me retape les deux formulaires : même problème.

Ma fille se réveille… Avec un peu de chance un coup de fil au service client me dépannera rapidement.

Après une longue attente (ma fille s’énerve), je suis pris en charge par un conseiller. J’explique la situation, mon interlocuteur est surpris, lui n’a pas le problème. Il me passe le « service technique », qui me propose de remplir le formulaire à ma place.

Une demi-heure plus tard, le formulaire est rempli. Ma fille ne crie plus, elle a perdu la voix depuis quinze bonnes minutes, mais ce n’est rien : j’ai réussi à souscrire à mon assurance-vie !

Étrangement, mon interlocuteur du service technique ne m’a posé aucune question sur ma machine, mon OS, mon navigateur etc. Pour le bien de cet article, j’ai sorti mon vieux netbook, attendu 20 minutes qu’il se lance (ma fille est aphone, elle peut bien attendre), rempli à nouveau le formulaire et validé : ça a fonctionné. Si un jour une personne du service technique (une vraie, pas une personne qui fait remplir des formulaires par téléphone) tombe sur cet article, voici ma configuration : Mac OS 10.6.8, Firefox 23.0.1, Chromium 23, Safari 5.1.9.

BforBank ne veut pas que je consulte mon compte

Aujourd’hui j’ai reçu mon code secret par courrier. Je me rends donc sur la page accès client pour me connecter à mon compte. (Ma fille n’est pas à la maison, ce sera plus facile.)

bforbank-03-acces-clients

Première étape, l’identifiant, un numéro à 8 chiffres envoyé par mail. Je copie, je colle, je valide. Deuxième étape, ma date de naissance. Je saisis, je valide.
Troisième étape, le code secret. 6 chiffres, à composer à la souris sur un clavier dont l’ordre des touches varie, avec (intéressante innovation) un déplacement de la fenêtre du navigateur en bonus. (Je HAIS ce système.)

bforbank-04-code-secret

Je m’exécute, je valide : il ne se passe rien. Conclusion : je ne peux pas consulter mon compte sur mon ordinateur. En même temps je l’ai bien cherché, BforBank ne me voulait pas comme client, j’ai insisté, je n’ai que ce que je mérite !

Bon, et maintenant ? Le mail de bienvenue chez BforBank contient une adresse e-mail de contact, je vais donc transmettre le lien vers cet article, on verra si mon problème intéresse quelqu’un. En attendant, eh bien… Je sortirai mon netbook à chaque fois que je veux consulter mon compte client. Un vrai bonheur.