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 ?

Pimkie, une page d’accueil… surprenante

Je découvre sur le site de Mathieu Fauveaux la nouvelle fiche produit du site Pimkie. Curieux, je vais jeter un œil au reste du site.

Voici une copie d’écran de la page d’accueil.

Pimkie.fr - homepage

Autant le dire tout de suite, ma visite s’arrêtera là.

L’inconvénient d’une copie d’écran, c’est que l’on ne voit pas les animations. J’ajoute donc cette mention : le menu « LA COLLECTION », ouvert sur le screenshot ci-dessus, se ferme au bout de quelques secondes.

Je la refais, pour être le plus clair possible : le menu de navigation s’ouvre lorsque j’arrive sur le site et se ferme quelques instants plus tard.

Quel peut être le but de cette animation ? Malheureusement, je n’en vois qu’un seul : les clients ne trouvent pas immédiatement ce qu’ils sont venus chercher sur le site. À ce moment-là, pourquoi, pourquoi ne pas avoir modifié la barre de navigation en y insérant les catégories de produits ?!

L’équipe qui a conçu le site veut manifestement pousser des contenus : blog, jeu concours, looks du moment. Très bien, mais pas à cet endroit ! Les clients s’attendent à trouver les catégories de produits dans la barre de navigation principale, pourquoi y mettre autre chose ?! Point important : ce n’est pas parce que ces contenus figurent à un endroit « chaud » (la barre de navigation principale) qu’ils seront vus par le client.

De mémoire, la barre de navigation principale du site de Pimkie a toujours fonctionné de cette manière. Cette animation à l’ouverture du site me laisse penser que le problème posé par ce choix est connu, alors pourquoi ne pas le résoudre sérieusement plutôt que de chercher des solutions alternatives incongrues, lourdes et peu efficaces ? Cette animation est d’autant plus inutile qu’elle ne concerne que les visiteurs qui passent par la page d’accueil, autant dire certainement pas la majorité.

Bon, voilà pour le point qui m’a le plus marqué sur cette page d’accueil. Cela dit, ce n’est pas la seule chose qui me chagrine, loin de là. Le point suivant est un grand classique du moment : le carrousel.

Pimkie.fr - carrousel en homepage

Je fais court : les slides défilent automatiquement, beaucoup trop vite et en permanence (c’est tellement pénible que j’ai préféré fermer la fenêtre pour rédiger mon article) et le contrôle utilisateur est quasi-inexistant. Confrères concepteurs, je vous renvoie à ces deux articles sur le sujet : 5 big usability mistakes designers make on carousels et Ergonomie des carrousels : 10 principes à respecter. Oh, et à ce bref article de Jakob Nielsen : Auto-Forwarding Carousels and Accordions Annoy Users and Reduce Visibility.

Quant au reste de la page, je fais plus court :

• les textes sont beaucoup trop petits. La barre de navigation principale utilise une police en équivalent 10px, même les liens du footer sont plus grands ! Encore une lecture intéressante (là aussi, on en trouve des milliers sur internet) : 16 pixels for body copy. Anything less is a costly mistake.

• Toujours au sujet de la barre de navigation : les items du menu sont trop proches et peu lisibles. L’ajout de caractères fantaisistes, très tendance bien sûr, n’arrange rien.

• Color forecast : c’est quoi ? Vous connaissez beaucoup de gens qui vont trouver le temps de flâner sur votre site et s’amuser à cliquer sur un lien (joli contraste, au passage) sans savoir ce qui se trouve derrière ?

• Le poids donné aux différents éléments du header me laisse perplexe : l’encart Facebook prend plus de place que les liens « mon compte » et « mon panier » réunis !

• Le faux champ texte d’inscription à la newsletter, en dessous du carrousel, est particulièrement énervant : lorsque je clique dedans pour insérer mon adresse e-mail, une fenêtre s’ouvre et m’impose de remplir un long formulaire (oui, 8 questions pour une simple inscription à la newsletter c’est TRÈS LONG). Pas du tout décourageant.

Pimkie.fr - layer d'inscription à la newsletter

(Il y a même un bouton « Annuler » ! Ça faisait longtemps.)

• L’intégration des encarts sociaux (Facebook, Google+, Youtube, Twitter, n’en jetez plus !) est dégueulasse.

• Plus anecdotique : certaines majuscules ont des accents (NOUVEAUTÉS), d’autre pas (VIDEO, CONNECTES).

• Plus anecdotique mais amusant : on peut faire une recherche sans remplir le champ de recherche.

Bien. Comme je le disais plus haut, ma visite s’arrêtera là.

Expérience utilisateur : little big mistakes, les petites erreurs qui agacent (Lastminute, Carrefour, EDF)

Petite compilation de bugs, d’oublis et de mesquineries glanés sur l’internet ces derniers jours.

• Lastminute : les cases invisibles

Je lance une recherche sur le site de Lastminute. Après avoir patienté quelques secondes, je suis redirigé sur cette page d’erreur :

Little big mistakes : Lastminute, cases invisibles

Le message indique : « Veuillez relancer une recherche en cochant l’option dates flexibles ». Très bien, mais où puis-je trouver cette case ? Plus loin : « Veuillez aussi ne pas cocher la case vols directs ». Euh… Même question ? J’ai jeté un œil aux combo box à tout hasard, je n’y ai rien trouvé.

J’en profite pour relever une erreur que je croise fréquemment : si j’ai un fils de 2 ans, dois-je le compter comme un enfant (2-11) ou comme un bébé (0-2) ? Dans le doute, je choisirai ce qui me coûte le moins cher…

Une dernière petite remarque. Je ne suis pas certain que beaucoup de gens lisent les messages commerciaux que l’on trouve sur des pages d’erreur, mais tout de même : l’encart de droite, qui liste les avantages du voyage sur mesure, reprend deux fois le point « la flexibilité des dates et horaires de voyage ». Ça ne gênera pas grand monde, c’est le principal.

• Carrefour : triste sournoiserie ?

Je souhaite créer mon espace personnel sur le site de Carrefour. Je me rends donc sur cette page :

Little big mistakes : Carrefour, petite sournoiserie ?

Je passe rapidement sur la balise <title>, qui m’indique que je suis sur la page… « recherche » du site. Je note également que l’url de la page ne me donne pas beaucoup d’informations.

La première rubrique « Vos identifiants » mériterait une structure mieux pensée : séparer à ce point les champs « e-mail » et « confirmer l’e-mail » n’est pas une très bonne idée (même remarque concernant les champs relatif au mot de passe) ; quant au captcha je me demande ce qu’il fait ici. Mais ce n’est pas ce qui m’intéresse.

Ce qui m’intéresse, c’est la troisième partie, étrangement intitulée « Votre information ». Au premier coup d’œil, je distingue quatre cases, bien alignées, à gauche de la page. Les libellés des cases fonctionnent tous de la même manière : d’abord un message qui indique de quoi il est question (exemple : « Recevez des informations de la part de Carrefour Market »), puis la phrase « Si vous le souhaitez, cochez cette case. » Jusque là, pas de problème — même si la tournure pourrait être moins lourde.

Le problème vient de la première phrase du paragraphe. Cette première partie ne fonctionne pas du tout de la même manière que les quatre cases qu’elle surmonte. En terme de structure : la case se trouve à la fin de la phrase, et pas alignée à gauche comme les quatre autres. En terme de message : il ne faut pas cocher la case « si vous le souhaitez » comme c’est le cas en dessous, il faut cocher la case « si vous ne le souhaitez pas » !

Cette façon de présenter m’étonne — à vrai dire, je ne suis même pas sûr qu’elle soit légale. Si je ne dis pas de bêtise, cette première case fonctionne en opt-out, c’est-à-dire qu’il faut la cocher pour éviter de recevoir des messages de Carrefour et des autres sociétés du groupe. Or il me semble bien que cette méthode est interdite en France.

• EDF : un e-mail bien mal conçu

Je me suis inscrit au service « relevé de compteur » d’EDF. Je reçois donc une fois tous les 2 mois un e-mail m’indiquant de faire mes relevés et de les transmettre à EDF.

J’ai reçu mon premier e-mail il y a quelques jours. Je pense qu’il se passe de commentaire.

Little big mistakes : EDF, un e-mail bien mal conçu

À vrai dire je ne sais pas si le problème vient de l’e-mail ou du webmail. Ce que je sais, c’est qu’EDF aurait dû le tester.

J’espère qu’il s’agit d’un bug ponctuel : le webmail de Voila est le même que celui d’Orange, et j’imagine que de nombreux utilisateurs d’Orange sont aussi abonnés au service « relevé de compteurs »…