Une bonne newsletter, ce n’est pas une affiche avec un lien

J’ai reçu il y a quelques jours une newsletter de mon fournisseur d’eau. L’idée est intéressante : la région est en alerte sécheresse depuis avril (je l’ignorais), des mesures de restriction d’eau ont été mises en place et cette newsletter permet de les diffuser. La réalisation de ce message n’est malheureusement pas vraiment à la hauteur.

Les ennuis commencent avant même son ouverture :

L'objet du mail

Une faute de frappe dès l’objet de la newsletter (Des mesures de restricition d’eau), ça manque de sérieux. Quant au message lui-même, le voici :

La newsletter lorsque les images sont masquées

Pas de texte alternatif… Pas de texte tout court en fait, la newsletter n’est composée que d’images qui ne sont par défaut pas affichées dans mon client mail. Ce contenu très limité me permet d’ailleurs de constater l’absence de lien permettant d’afficher la newsletter en ligne et surtout l’absence de lien de désabonnement. (Cela soulève un problème intéressant : j’ai refusé de recevoir des communications de mon fournisseur d’eau, pourquoi ai-je donc reçu ce message ? Pace qu’il est plus important que les autres ? Le gouvernement peut-il passer outre mon autorisation pour transmettre ses informations ?)

J’affiche les images, la newsletter apparaît. La voici :

La newsletter

La présentation des informations est relativement claire, les pictos agrémentent un contenu pas forcément très amusant ; visuellement la newsletter semble au niveau. Pourtant… Plusieurs textes sont peu lisibles (les commentaires des six pictos, les liens des réseaux sociaux en bas) voire carrément illisibles (le logo de la préfecture, le contenu de la carte), et surtout – je le répète parce que c’est important – tout ce contenu textuel est en image.

Dernière maladresse, peut-être la plus triste : tous les liens de la newsletter renvoient vers un seul et unique site. On aurait aimé par exemple
• un lien vers davantage d’informations (le contenu existe pourtant, voir ci-dessous)
• un lien qui renvoie directement vers l’arrêté restriction de l’irrigation agricole plutôt qu’un texte débrouillez-vous pour le trouver sur www.nord.gouv.fr
• un lien qui permette de voir la carte, de la comprendre, d’en voir d’autres
• un lien vers les gestes éco-citoyens dont il est question
• des liens vers les réseaux sociaux (les pictos Facebook, Twitter et Linkedin ne renvoient pas vers les sites concernés…)

Sans compter que le seul et unique lien de toute cette newsletter est celui-ci, c’est-à-dire qu’un clic n’importe où sur la news me renvoie sur cette page qui n’a à première vue aucun rapport avec le message :

La page d'accueil du site de la préfecture du Nord

Il y a pourtant bien un encart dédié à l’alerte sécheresse sur cette page, encart qui renvoie vers la rubrique appropriée, seulement il est plus bas dans la page et son look ne rappelle pas le contenu de la news.

Bref, il reste beaucoup de travail pour transformer cette affiche en newsletter de qualité. Enfin l’idée est bonne… et vient apparemment de la préfecture du Morbihan. Allez le Nord, un petit effort ?

Vidéos de publicité : lesnumeriques ont perdu la tête

Je n’utilise pas de navigateur desktop sans bloqueur de publicité ; à vrai dire je me demande comment on peut s’en passer. Sur mobile c’est plus compliqué : je n’ai pas bien compris comment fonctionnent les apps qui bloquent la publicité du coup je n’en ai pas encore installé.

La semaine dernière j’ai eu besoin de consulter le site lesnumeriques sur mon smartphone. La visite n’a pas été très agréable.

Voici la page d’accueil :

Accueil du site lesnumeriques sur smartphone

Plus d’un tiers de la surface de l’écran est occupé par une publicité pour une voiture. Cette publicité :
• passe devant le contenu ;
• ne peut pas être masquée ;
• ne peut pas être mise en pause ;
• tourne en boucle.

Si je tourne mon smartphone le résultat est encore plus impressionnant :

Accueil du site lesnumeriques sur smartphone en mode portrait

La vidéo et le bandeau de publicité en haut occupent l’intégralité de l’espace disponible. Autrement dit : comme il est impossible de masquer la vidéo, je ne peux tout simplement pas consulter le site. 

Je clique sur un article pour le consulter. Voici la page qui s’ouvre :

Page de test du site lesnumeriques

Ici aussi une vidéo occupe une bonne partie de l’espace disponible. Quelques remarques :
• il ne s’agit pas d’une publicité mais d’un test en vidéo (bien entendu, ce test devrait être précédé d’une publicité, mais elle ne s’est apparemment pas lancée cette fois) ;
• il s’agit d’une vidéo de brosse à dents électrique alors que je consulte un test d’objectif d’appareil photo ;
• une croix me permet cette fois de masquer la vidéo.

L’expérience est si désagréable que je me dis qu’il doit y avoir un problème.

Je me rends une nouvelle fois sur le site ce matin avec un autre smartphone. Je suis accueilli par cet écran :

Gestion des données personnelles par Quantcast

L’insupportable système de gestion des données personnelles par Quantcast (si vous voulez en savoir plus sur la gestion de vos données personnelles par lesnumeriques, je vous conseille de jeter un œil à cette note d’edasfr).

Je quitte cet écran avec beaucoup de peine et j’atteins enfin la page d’accueil :

Accueil du site lesnumeriques sur un autre smartphone

La vidéo occupe le tiers inférieur du site… mais cette fois je peux la fermer. Ouf ! La vidéo de la voiture que l’on ne pouvait pas masquer était un bug ! En fait… C’est difficile à dire, puisqu’une fois sur la page d’un article :

Page de test du site lesnumeriques sur un autre smartphone

…je me retrouve devant une nouvelle vidéo de publicité impossible à cacher.

Le meilleur pour la fin ? les vidéos se lancent sur absolument toutes les pages de contenu du sites. Si je refais mon parcours de ce matin sur le site, ça donne :

  1. page d’accueil : publicité vidéo pour Microsoft qui se lance automatiquement
  2. une actualité à propos de photo : test vidéo d’un laptop qui se lance automatiquement
  3. retour en page d’accueil via le bouton page précédente : la pub Microsoft se relance automatiquement
  4. un article : publicité pour Intermarché qui ne peut être masquée, suivie du test vidéo d’un laptop alors que je consulte un article qui parle d’un casque audio.

Dites lesnumeriques, vous êtes sérieux là ? 

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 ?