UX CALENDAR – 2 DÉCEMBRE – Mettons-nous au green UX pour 2023

Récemment, j’ai eu la chance de participer à la formation sur le thème de l’éco-conception mené par Christophe Clouzeau entre les murs de UX Républic.
Christophe est une figure dans ce milieu puisqu’il a participé à l’élaboration du Référentiel Général d’Éco-conception de Service Numérique rendu public depuis 2021 (RGESN). (1)

Cette formation m’a ouvert les yeux sur un domaine encore trop peu exploité. En effet, selon le Ministère de la transition écologique et énergétique, l’empreinte environnementale du numérique est encore trop peu connue des différents acteurs politiques (au niveau européen, national, local), des entreprises et des individus (en tant que consommateurs et citoyens). (2)

Moi-même sensible aux questions environnementales, je ne m’étais encore pas souciée des impacts de mes conceptions dans le domaine du numérique.

Pour y voir un peu plus clair voici quelques chiffres selon l’Arcep (3) :

  • Le numérique représenterait 4 % des émissions de gaz à effet de serre (GES) dans le monde et 2 % de l’empreinte au niveau national (phase de production et phase d’utilisation comprises). Ces chiffres pourraient augmenter de manière significative si rien n’est fait pour la limiter (+ 60 % d’ici à 2040 soit 6,7 % de l’empreinte GES nationale)
  •  Les services numériques sont responsables de 10% de la consommation électrique mondiale et française, soit l’équivalent de la consommation annuelle de 8 282 000 foyers français

Au vu du contexte actuel, avoir un environnement web responsable est devenu un réel enjeu pour les entreprises. On peut imaginer que ce sujet prendra une place de plus en plus importante dans notre décennie.

L’écologie étant plus que jamais un thème d’actualité où nous avons chacun un rôle à jouer, on peut alors se demander comment y contribuer en tant que UX / UI designer. Avez-vous déjà entendu parler du Green UX ?

Qu’est-ce que le Green UX ?

L’enjeu principal du Green UX est de diminuer l’impact carbone par la conception. Cela passe par l’application de bonnes pratiques pour diminuer le poids des pages et le nombre de balises.

Pourquoi opter pour le Green UX dès maintenant ?

Le Green UX possède de nombreux avantages pour les utilisateurs, les clients et les designers.

Améliore l’expérience utilisateur :

  • L’application des règles d’éco conception a comme conséquence un site plus performant,
  • Se concentrer sur le besoin utilisateur permet de fluidifier le parcours utilisateur,
  • Un site optimisé permet au site d’être consulté sur les devices les plus anciens et évite donc le renouvellement de matériel,

Bénéfices pour l’entreprise : 

  • Amélioration de son image de marque, 
  • Un site plus léger et plus rapide permet d’améliorer sa performance et donc son référencement naturel,
  • Réduction des coûts de développement, de maintenance et de stockage,

Pour les designers : 

  • L’éco conception est un levier d’innovation,
  • Anticiper la demande en éco conception qui va croître ces prochaines années,
  • S’adapter au contexte changeant et à l’environnement qui nous entoure est une nécessité.

Comment appliquer le Green UX ?

En tant qu’UX/UI designer, nous devons apporter une vision durable dès le début du projet, pour une création, optimisation ou refonte de site afin d’avoir un impact maximum.

  • Évangéliser l’équipe IT 

Après confirmation des parties prenantes, il est nécessaire de partager et de généraliser les bonnes pratiques d’éco-conception aux équipes, je parle ici des designers, product owner, developer ou encore équipe marketing via des ateliers et/ou formations.

Dans un premier temps, chacun doit prendre conscience de l’impact environnemental du numérique et de leur choix en matière de conception, dans un second temps les équipes doivent acquérir les bonnes habitudes pour diminuer cet impact.
Chacun doit se sentir concerné et fier de porter ce projet éco-conçu et de trouver des solutions adaptées aux problématiques de l’entreprise et environnementales.

  • Mesurer pour mieux agir 

Nous devons mesurer le poids des pages et le nombre de balises engendrées par chaque page du site (avec l’extension Green IT – Analysis ou Lighthouse par exemple) (4)  avant et après la conception et se fixer des objectifs.

  • L’accessibilité

Un site durable est un site qui intègre une dimension sociale, cela passe par le respect du Référentiel Général de l’amélioration de l’accessibilité (RGAA) (5)

Optimiser le poids de la page et le nombre de requête

  • Less is more

Ce slogan de Mies Van Der Rohe est synonyme de purisme, de dépouillement, d’épuration. L’idée est de ne mettre que l’essentiel en matière de graphisme, contenu et fonctionnalité. Le bon usage est de se demander de façon automatique si la nouvelle intégration est utile à nos utilisateurs. Cette pratique permet d’avoir une arborescence plus légère et efficace et ainsi d’obtenir un site plus performant.

  • Mobile First

Concevoir en priorisant le mobile device permet d’éviter le contenu superflu. En effet, ce mode de conception permet de prioriser les fonctionnalités essentielles, cela incite également à penser l’usage sur des mobiles peu puissants et avec une mauvaise connexion.

  • Optimiser le contenu

Nous devons (re)prendre l’habitude d’optimiser le poids et formats des fichiers : avif ou webP pour les images, svg pour les logos et graphisme, éviter les animations en Javascript, ne pas lancer une vidéo automatiquement…

Exemple d’un E Commerce éco conçu – https://lowimpact.organicbasics.com/eur

 

Exemple d’un site éco conçu – https://lowtechlab.org/fr

Ces exemples de bonnes pratiques sont faciles et rapides à mettre en place. Il s’agit maintenant de les intégrer dans nos habitudes de conception.

Je vous encourage à aller plus loin, en vous rendant sur le guide de l’éco-conception des services numériques réalisé par l’association Les Designers Éthiques.(6)
Je vous conseille également la lecture de “Eco-conception web : les 115 bonnes pratiques” par Frédéric Bordage (7)

A vous de jouer pour une année 2023 plus verte !

 

Emanuelle DURVILLE , UX Designer @UX-Republic

Sources : 

1 – Référentiel Général d’Écoconception de Service Numérique (RGESN)  https://ecoresponsable.numerique.gouv.fr/publications/referentiel-general-ecoconception/

2 – https://www.ecologie.gouv.fr/feuille-route-numerique-et-environnement

3- Rapport Arcep (Autorité de régulation des communications électroniques, des postes et de la distribution de la presse est une autorité administrative indépendante française) https://www.arcep.fr/uploads/tx_gspublication/rapport-pour-un-numerique-soutenable_dec2020.pdf

4 – Boîte à outils numérique écoresponsable
https://ecoresponsable.numerique.gouv.fr/publications/boite-outils/

5 – Référentiel Général d’Amélioration de l’Accessibilité https://www.numerique.gouv.fr/publications/rgaa-accessibilite/#contenu

6 – Le guide d’éco-conception de services numériques  https://eco-conception.designersethiques.org/guide/fr/

7 – “Eco-conception web : les 115 bonnes pratiques” par Frédéric Bordage https://ecoconceptionweb.com/

Nos prochaines formations