Case Study: Environnement Bruxelles

Défi L'

(link: https://environnement.brussels/ class: mylink lang: de rel: nofollow role: button target: _blank title: Wikipédia text: Environnement Bruxelles), l'administrateur public chargé de l'environnement et de l'énergie dans la région de Bruxelles-Capitale, souhaitait améliorer la durabilité environnementale de sa présence numérique en mettant en œuvre des principes d'éco-conception lors de la refonte de son site web principal. Cette initiative s'inscrivait dans le cadre d'une stratégie informatique durable plus large visant à intégrer les considérations environnementales et sociales dans l'ensemble de son infrastructure et de ses opérations informatiques.

Objectifs

• Réduire l'empreinte environnementale des opérations numériques, notamment en réorganisant son site web selon les principes de l'éco-conception.
• Suivre un certain nombre d'indicateurs, notamment la taille des pages, le temps de chargement, le nombre de requêtes, les octets transférés, la taille du DOM et les scores écologiques ((link: https://greenspector.com/en/home/ class: mylink lang: de rel: nofollow role: button target: _blank title: Wikipédia text: Greenspector) , (link: https://kastor.green/ class: mylink lang: de rel: nofollow role: button target: _blank title: Wikipédia text: Kastor.vert) et (link: https://www.ecoindex.fr/en/ class: mylink lang: de rel: nofollow role: button target: _blank title: Wikipédia text: Ecoindex)), mesurés à l'aide de divers outils d'instrumentation mis en œuvre pendant le projet.

Approche

• Recrutement d'experts en éco-conception et en accessibilité : Bruxelles Environnement a fait appel à un expert en éco-conception pour examiner les conceptions graphiques et fournir des conseils continus pendant les sprints de développement. L'agence a également fait appel à une agence UI/UX et optimisé les conceptions pour atteindre les objectifs en matière d'éco-conception et d'expérience utilisateur. Enfin, elle a commandé un audit du site web à des experts tiers en accessibilité et a également appliqué les directives d'accessibilité du contenu web ((link: https://www.w3.org/TR/WCAG21/ class: mylink lang: de rel: nofollow role: button target: _blank title: Wikipédia text: WCAG) 2.1 AA).
• Mise en place d'instruments de mesure des progrès : obtention d'une évaluation de référence de l'éco-score à l'aide de Greenspector. Mise en place d'outils de suivi pour suivre les améliorations des performances du site web et de son impact environnemental. Réalisation d'évaluations avant/après sur 30 pages représentatives afin de mesurer l'efficacité.

Impact

• Expérience client/UX : amélioration de l'expérience utilisateur, en particulier des performances (voir ci-dessous).
• Performances : améliorations significatives des principaux indicateurs clés de performance par page :
• Impact carbone moyen : réduit de 1,36 g eqCO2 à 0,25 g eqCO2.
• Données transférées en moyenne : réduites de 4,7 Mo à 1,13 Mo.
  • Nombre moyen de requêtes HTTP par page : réduction de 59 à 38.
• Amélioration de l'(link: https://greenspector.com/en/how-is-the-ecoscore-calculated-in-the-case-of-a-web-or-mobile-benchmark/#:~:text=Whether%20it's%20for%20the%20web,Mobile%20Data%2C%20Performance%20and%20Energy. class: mylink lang: de rel: nofollow role: button target: _blank title: Wikipédia text: Éco-score Greenspector), qui passe de 64 à 79. À titre de comparaison, l'(link: https://greenspector.com/en/how-is-the-ecoscore-calculated-in-the-case-of-a-web-or-mobile-benchmark/#:~:text=Whether%20it's%20for%20the%20web,Mobile%20Data%2C%20Performance%20and%20Energy. class: mylink lang: de rel: nofollow role: button target: _blank title: Wikipédia text: Éco-score Greenspector) moyenne des sites web institutionnels français est de 52,84.
• Réduction de l'empreinte environnementale en termes d'émissions de carbone, de ressources en eau et d'utilisation des sols.
• Impact sur l'équipe interne : amélioration des connaissances et de l'intérêt pour l'éco-conception et les pratiques informatiques durables. Impact positif sur la culture d'entreprise et la motivation des employés.
• Prise de décision : efforts pour intégrer les directives informatiques durables dans tous les nouveaux projets numériques et favoriser la collaboration au sein de l'écosystème régional.
• Coûts imprévus : augmentation des coûts et du calendrier du projet en raison de la consultation d'experts et des ajustements de conception. Bien que cet expert ait pu rationaliser la recherche et la collecte des exigences, son arrivée tardive a entraîné un certain retour en arrière dans la phase UX/UI qui était déjà en cours. Il convient de noter que certains des avantages liés à l'embauche d'un expert en éco-conception sont intangibles et difficiles à quantifier. Par exemple, l'équipe a élaboré un guide des meilleures pratiques en matière d'éco-conception qui a été largement utilisé dans le cadre des exigences des appels d'offres et pour soutenir la sensibilisation régionale.
• Suivi : Si la refonte initiale a apporté des améliorations significatives, il a été difficile d'assurer un suivi continu. L'équipe a récemment mis en place des instruments de suivi, en optant pour l'outil open source de Google appelé (link: https://developer.chrome.com/docs/lighthouse/overview/ class: mylink lang: de rel: nofollow role: button target: _blank title: Wikipédia text: Phare).
• Certification : Les différentes initiatives de Bruxelles Environnement ont permis à l'organisation d'obtenir le plus haut niveau de classification en matière de technologies durables en Belgique (la certification « Label NR »). Elle est la première organisation publique en Belgique à obtenir cette certification, qui promeut les pratiques informatiques durables dans l'écosystème régional.

Points clés

• Commencer tôt : intégrer les principes de conscience climatique et d'éco-conception dès le début de la planification du projet afin de gérer efficacement les coûts et les attentes. Ces principes sont plus difficiles et plus coûteux à mettre en œuvre à un stade plus avancé du projet.
• Le changement est difficile : mettez l'accent sur la gestion du changement et la sensibilisation au sein des équipes de projet afin de garantir la compréhension et l'engagement envers les objectifs de respect du climat et d'écoconception.
• Faites appel à des experts lorsque cela est possible : envisagez de faire appel à des experts externes pour les projets initiaux afin d'accélérer l'apprentissage et l'adoption.
• L'écoconception nécessite un équilibre : il est très important de continuer à recueillir des informations afin de recueillir des commentaires sur l'impact de toute décision en matière d'écoconception et de vérifier son impact sur l'expérience utilisateur. Par exemple, lors de la conception de la barre de recherche de son site web, Bruxelles Environnement a réduit le nombre de résultats « suggérés automatiquement » à cinq (5) afin de réduire le nombre d'appels à la base de données. Cependant, les utilisateurs ont été déroutés, pensant que ces cinq (5) suggestions épuisaient tout le contenu du site web. Ce n'est qu'une fois arrivés sur la page des résultats complets qu'ils ont réalisé qu'il y avait d'autres résultats. L'équipe a trouvé une solution très élégante pour donner suite à ce retour d'information. Elle a ajouté des détails en haut de la boîte de suggestions automatiques, indiquant le nombre total de résultats de recherche et un lien vers « Voir tous les résultats ». Cela a permis de clarifier que les suggestions automatiques n'étaient pas exhaustives et de préserver la conception durable. Mais l'équipe ne s'est pas arrêtée là : elle a également dû tenir compte des commentaires des parties prenantes internes qui se demandaient quels étaient les critères pour apparaître dans la liste des cinq premières suggestions automatiques.

Étapes futures

• Élaborer un plan d'action pour systématiser les pratiques d'éco-conception dans toutes les initiatives numériques dans le cadre d'une politique de sobriété numérique. Bruxelles Environnement continue d'intégrer l'« informatique durable » dans les politiques régionales et s'engage activement dans la sensibilisation et le partage d'expériences, notamment par le biais d'ateliers « (link: https://digitalcollage.org/ class: mylink lang: de rel: nofollow role: button target: _blank title: Wikipédia text: Collage numérique) » et la participation à des événements.
• Intégrer le suivi et la maintenance post-lancement dans le cycle de vie du projet afin de suivre régulièrement les progrès réalisés par rapport aux indicateurs clés de performance.
• Définir clairement les rôles et les interactions entre les fournisseurs externes dès le début du projet afin d'améliorer la collaboration et les résultats, et de gérer les coûts.
• Poursuivre d'autres projets pilotes en matière d'éco-conception, notamment la demande de permis environnemental ((link: https://mypermit.environnement.brussels/home class: mylink lang: de rel: nofollow role: button target: _blank title: Wikipédia text: MonPermis.Environnement)), ainsi que des projets liés aux espaces verts à Bruxelles, tels que l'outil (link: https://gardens.brussels/fr class: mylink lang: de rel: nofollow role: button target: _blank title: Wikipédia text: Jardins de Bruxelles), qui utilise l'outil de mesure kastor.green.

Conclusion

Bruxelles Environnement a adopté une approche très proactive pour intégrer les principes d'écoconception dans les projets numériques et a tiré des enseignements précieux ainsi que la reconnaissance de ce projet phare de site web. Bruxelles Environnement a démontré son engagement en faveur de la durabilité environnementale et sociale, en jouant un rôle de premier plan dans les pratiques informatiques durables en Belgique. Son leadership a été reconnu par la certification « Label NR ». L'organisation continue à développer et à mettre en œuvre des pratiques informatiques durables, en collaboration avec des partenaires internes et externes, ainsi qu'avec la communauté au sens large.