L’écriture inclusive au quotidien : rédiger un tweet qui s’adresse à tout le monde

J’ai consulté hier la vidéo Bien concevoir ses composants, les bases d’un design system évolutif de Stéphanie Walter et j’ai ensuite souhaité la partager sur Twitter. J’ai donc tapé ce message :

Chers amis designers, qu’attendez-vous pour regarder un pro au travail ? [lien de la vidéo]

Et puis je me suis rendu compte que je parlais d’ *un* pro alors que Stéphanie est une femme. J’ai modifié mon tweet :

Chers amis designers, qu’attendez-vous pour regarder une pro au travail ? [lien de la vidéo]

Cette histoire de féminin m’a permis de remarquer… que je ne m’adressais qu’à mes amis masculins, ce qui n’était pas mon souhait. J’ai alors modifié mon message une troisième fois :

Cher-e-s ami-e-s designers et designeuses, qu’attendez-vous pour regarder une pro au travail ? [lien de la vidéo]

Cette fois plusieurs choses m’ennuyaient. Le Cher-e-s ne fonctionne pas à cause de l’accent, par exemple. Et puis il me semble que le tiret est assez mal compris par les lecteurs d’écran ; un point médian serait plus adapté, mais je ne sais pas où il se trouve sur mon clavier. Sans parler de la relative lourdeur de la formule designers et designeuses… Je devais trouver autre chose. J’ai modifié une dernière fois mon message :

Collègues du design, qu’attendez-vous pour regarder une pro au travail ? [lien de la vidéo]

Tout cela n’a pris que quelques secondes. J’aurais sans doute pu mieux faire (le Cher s’est un peu perdu en chemin, par exemple) mais mon message ne méritait pas que j’y passe plus de temps.

Pourquoi est-ce que je raconte tout ça ici ? Parce que je trouve que le jeu en valait la chandelle : je suis content d’avoir passé quelques secondes à améliorer mon message pour le rendre plus inclusif – d’ailleurs j’espère qu’à l’avenir je le ferai sans même y prêter attention. Le monde évolue et il me semble indispensable d’embrasser ces changements, en particulier lorsque l’on s’intéresse à l’UX.

Notes

  • Au sujet de l’écriture inclusive, je recommande cet article très complet de Julie Moynat (j’en parlais sur Twitter, justement).
  • Il existe je crois une extension permettant de bloquer l’envoi d’un tweet accompagné d’une image sans texte alternatif. Je me demande s’il existe une extension du même genre permettant de s’assurer que son tweet est bien inclusif.

Edit 23 juillet

@feoche a posé une question très intéressante sur Twitter : comment aurais-je fait s’il n’était pas question d’une femme mais d’une personne non-binaire ? Lawrence Vagner et @Stef Walter lui répondent sur le fil. Je reprends brièvement les suggestions au cas où elles disparaitraient avec le temps :

Lawrence Vagner
Option 3 : Garder une forme neutre « un.e pro »
Option 4 : Me demander comment je préfère être genré.e
Option 5 : Reformuler : « Hey les designers, regardez-donc cette vidéo super intéressante pour créer vos composants, par XXX »

Stef Walter
Quelque chose du genre « Collègues du design, qu’attendez-vous pour regarder la vidéo de Laurence, spécialiste de l’UX design / du domaine » ? (spécialiste est pareil au féminin et masculin du coup plus neutre ?)

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à ?