Écoconception numérique ?

# Écoconception numérique&#8239;?

<hr>

Webinaire NEC 93 – Hub Francil’IN
<a href="https://twitter.com/TimotheeGoguely">@TimotheeGoguely</a>
<time class="mono" datetime="2021-11-19">19 novembre 2021</time>

---

Timothée Goguely
Designer et développeur web
spécialisé en écoconception + accessibilité numérique

Coopérateur [@Oxamyne](https://twitter.com/oxamyne)
Co-fondateur de [design↔commun](https://designcommun.fr/) + [Plateaux numériques](https://plateaux-numeriques.fr/) avec [Gauthier Roussilhe](https://gauthierroussilhe.com)

<a href="https://timothee.goguely.com">timothee.goguely.com</a>

---

Quoi

## Définition & chiffres

### Définition

L’écoconception vise à créer des services numériques&#8239;:
- à **faible empreinte environnementale**
- qui répondent aux **besoins exprimés par les usagers** de façon efficace, quitte à les réinterroger

Source&#8239;: <a href="https://gauthierroussilhe.com/post/ecoconception-critique.html">Gauthier Roussilhe</a>

### Quelques chiffres sur le numérique en 2020

- **🌫 entre 3 et 4 % des émissions de <abbr title="gaz à effet de serre">GES</abbr>** mondiales +&#8239;6% par an, pourrait doubler d’ici 2025
- **🛢 4,2% de la consommation d’<abbr title="ressources naturelles non renouvelables">énergie primaire</abbr>** mondiale
- **⚡️ 5,5% de la consommation d’électricité** mondiale
- **💧 0,2% de la consommation d’eau** mondiale
- **💻 +&#8239;21 % de déchets électroniques** en 5 ans
- **📱 1 smartphone = 500× son poids en matière première**

Sources&#8239;: <a href="https://www.greenit.fr/ressources/">GreenIT.fr</a> et <a href="https://theshiftproject.org/article/impact-environnemental-du-numerique-5g-nouvelle-etude-du-shift/" lang="en">The Shift Project</a>

<figure>
 <img src="part-numerique-emissions-GES-mondiales.png" alt="" class="min-w-100">
 <figcaption>Évolution 2013–2025 de la part du numérique dans les émissions de GES mondiales The Shift Project – Forecast Model 2021</figcaption>
</figure>

<figure>
 <img src="1024px-Electronic_waste_at_Agbogbloshie_Ghana.jpg" alt="" class="min-w-100">
 <figcaption>Déchets électroniques à Agbogbloshie, Ghana Muntaka Chasant / CC BY-SA 4.0 (Wikimedia Commons)</figcaption>
</figure>

<figure>
 <img src="Garzweiler_Tagebau-1230.jpg" alt="" class="min-w-100">
 <figcaption>Bucket-wheel excavators 288 et 258, mine à ciel ouvert de Garzweiler, Allemagne © Raimond Spekking / CC BY-SA 4.0 (Wikimedia Commons)</figcaption>
</figure>

---

Pourquoi

## 3 objectifs

### 🌍 Préparer l’avenir

- faire rentrer l’écosystème numérique (infrastructures + services) dans les **objectifs des accords de Paris (+2°C)**
- **réduire l’empreinte environnementale du service**, qu’il soit numérique ou non

Notes:
L’accord de Paris vise à réduire par 5 les émissions de gaz à effet de serre en France en 30 ans (de 11tCO2e / pers en 2018 à 2tCO2e / pers en 2050)

### 📉 Mesurer et réduire les impacts

- **guider** la définition des améliorations prioritaires
- **chiffrer** la réduction des impacts permise par l’écoconception

### ☑️ Répondre à des besoins réels

- assurer de la **pertinence des services** et de ne pas allouer des ressources matérielles et humaines inutilement
- **faut-il numériser** dans le contexte donné ? **si oui, comment** ?

---

Comment

## 7 piliers

1. 📱 <a href="#/4/2">Favoriser la durée de vie des équipements</a>
2. ⛰ <a href="#/4/4">Favoriser la réduction de la consommation globale de ressources non-renouvelables et des déchets électroniques</a>
3. ⏳ <a href="#/4/6">Favoriser la durée de vie du service en tant que tel</a>
4. 🤳 <a href="#/4/8">Optimiser pour les conditions d’usage les plus difficiles</a>
5. 🚪 <a href="#/4/10">Être une porte d’entrée pour intégrer les autres bonnes pratiques du web</a>
6. 👥 <a href="#/4/12">Fédérer les communautés de pratiques</a>
7. 💬 <a href="#/4/14">Sensibiliser à la sobriété</a>

### 1. 📱 Favoriser la durée de vie des équipements

- **fabrication des équipements** = plus gros facteur d’impact environnemental d’un service numérique ⚡️ 30% du bilan énergétique global 🌫 39% des émissions de <abbr title="gaz à effet de serre">GES</abbr> 💧 74% de la consommation d’eau ⛰ 76% de la contribution à l’épuisement des ressources abiotiques
- tout service numérique se doit donc de **ne pas favoriser le renouvellement des équipements**

#### 💬 Qu’est-ce qui défavorise la durée de vie des équipements&#8239;?
- **puissance de calcul** nécessaire trop importante
- **poids et nombre des scripts et assets** nécessaires trop importants
- absence de **rétro-comptabilité**
- **obsolescence matérielle** par mise à jour de la couche logicielle
- **garanties matérielles** trop courtes
- incitations à la **sur-consommation / renouvellement**

### 2. ⛰ Favoriser la réduction de la consommation globale de ressources non-renouvelables et des déchets électroniques

Le volume et l’intensité des ressources consommées par l’usage d’un service et l’usure des équipements qui en résulte, doivent baisser drastiquement sur les facteurs suivants&#8239;:
- 🛢 **consommation d’énergie primaire** (cela inclut l’électricité)
- ⛏ **matières premières** (métaux, terres rares, etc.)
- 💧 **eau**

#### 💬 Qu’est-ce qui augmente la consommation de ressources&#8239;?

- applications et services numériques nécessitant une plus grande consommation d’**équipements connectés**
- applications et services numériques nécessitant / provoquant un **large transfert de données** pour fonctionner
- toute logique d’**augmentation du temps en ligne** et d’**augmentation de la capture de données**
- utilisation de **matériel peu efficace** ou/et avec une **courte durée de vie**
- augmentation du **nombre d’utilisateurs**

### 3. ⏳ Favoriser la durée de vie du service en tant que tel

Concevoir un service numérique prend du temps.
Il est donc important de s’assurer que le service répond à des besoins **pertinents et durables**.

Un service doit être pensé dès le départ pour faciliter la **maintenance** par des nouvelles équipes ou des personnes extérieures au projet.

#### 💬 Qu’est-ce qui défavorise la durée de vie d’un service&#8239;?

- **manque de pertinence** (mauvaise compréhension des besoins)
- **manque d’utilisabilité** (UX, accessibilité, rétro-comptabilité, etc.)
- **manque de maintenance** (langage avec une faible communauté, dépendances des librairies, pas de mise à jour de sécurité)
- **manque d’assistance** (absence de service d’aide et d’accompagnement, documentation absente ou non mise à jour)
- **facteurs externes** (changement d’équipe, de direction, de programme, fin du service …)

### 4. 🤳 Optimiser pour les conditions d’usage les plus difficiles

Partir de l’hypothèse que la personne utilisant un service numérique dispose d’un&#8239;:
- **faible accès au réseau** (faible couverture mobile / bande passante)
- **appareil vieux ou d’entrée de gamme** (faibles puissance de calcul / mémoire)

#### 💬 Quelles sont les conditions les plus difficiles&#8239;?

- **peu de bande passante** disponible
- **peu de puissance de calcul** et de mémoire disponible
- la personne **paye pour ses données**
- la personne a une **connexion intermittente**
- la personne a des **besoins d’accessibilité** (vision, ouïe, mobilité)

### 5. 🚪 Être une porte d’entrée pour intégrer les autres bonnes pratiques du web

Il ne faut pas d’écoconception numérique sans inclure dès le départ les bonnes pratiques en termes d’**accessibilité**, de **sécurité**, de **gouvernance**, de **respect de la vie privée**, etc.

L’écoconception numérique fait partie d’un **cercle vertueux**.

#### 💬 Quelles sont les autres bonnes pratiques&#8239;?

- **accessibilité** web (<abbr title="Référentiel général d’amélioration de l’accessibilité"><abbr title="Référentiel général d’amélioration de l’accessibilité">RGAA</abbr></abbr>)
- **performances**
- **sécurité** des données
- respect de la **vie privée**, gouvernance des données (<abbr title="Règlement général sur la protection des données">RGPD</abbr>)
- **open data**
- **logiciel libre**
- respect de l’**attention**
- cycle de vie de l’information et de la donnée
- …

### 6. 👥 Fédérer les communautés de pratiques

- utiliser des **outils durables**, entretenus par des **communautés actives et pérennes** (maintenance, marché du travail)
- **documenter** le processus et les choix de conception afin d’augmenter la capacité de maintenance sur les services déployés

Notes:
L’écoconception numérique est un champ relativement jeune, il est donc important de documenter le travail fait et de l’ouvrir à la communauté pour améliorer les méthodes et faciliter la collaboration.

#### 💬 Comment participer aux communautés de pratiques&#8239;?

- utiliser les **outils déjà présents** et les enrichir
- **documenter** la mise en place des services éco-conçus
- **remonter les bonnes pratiques** et autres informations pour améliorer les connaissances sur le sujet
- utiliser des **licences** permettant le partage des données, logiciels, etc.

### 7. 💬 Sensibiliser à la sobriété

- **communiquer** sur les mesures environnementales des services déployés et sur les réductions permises
- **intégrer la démarche de sobriété et d’écoconception numérique dans une stratégie pré-existante** afin d’être aligné dans une politique interne déjà identifiée et défendue

Notes:
- L’utilisation d’équivalences peut être un axe de communication. 
- La démarche d’écoconception doit être rendue perceptible soit par un langage visuel spécifique, soit par des éléments de communication dédiés.
- En interne, la démarche de communication doit permettre de s’adresser à la base des employés d’une organisation mais aussi après de sa direction
- La sobriété et l’écoconception numérique ne peuvent pas être à eux seuls le moteur d’une stratégie de transition écologique, mais elle peut accompagner et supporter le mouvement. 
- L’exemplarité vient donc de la stratégie globale de l’organisation et non pas de sa capacité à écoconcevoir des services numériques de façon isolée.

#### 💬 Comment sensibiliser efficacement&#8239;?

- choisir des **indicateurs cohérents** avec le travail de la communauté et les intégrer au sein des services éco-conçus
- utiliser les **services de mesure reconnus par la communauté** (EcoIndex)
- utiliser des **équivalences grand public** de manière consistante

### 🏛️ Comment comprendre ces piliers&#8239;?

**Ces 7 piliers sont liés les uns aux autres dans le but d’offrir le meilleur service possible avec le moins de ressources possibles**, ce ne sont pas des choix à la carte. Par exemple:

- optimiser pour les conditions d’usage les plus difficiles
- facilite l’accès depuis de vieux appareils
- augmente donc leur durée de vie
- et augmente l’accessibilité du service

### ⚖️ Comment appliquer ces piliers dans le contexte d’un projet&#8239;?

L’écoconception numérique requiert de réduire l’empreinte environnementale d’un service mais il est aussi nécessaire de déterminer ponctuellement quand il est nécessaire “d’investir” dans une fonction ou un usage clé. Il s’agit alors de savoir arbitrer à la fois des choix d’usages et des choix techniques.

**Dans le contexte d’un projet, la pratique consiste souvent à organiser les arbitrages entre les parties prenantes.**

L’arbitrage ne peut pas se faire seulement sur les principes généraux. Il est important de déterminer dès le début du projet&#8239;:
* **le contexte d’application**&#8239;: définit les enjeux à l’échelle **macroscopique** infrastructure matérielle et énergétique, définition des flux (trafic, origine, etc.), enjeux d’usage et besoins identifiés, enjeux politiques et législatifs
* **le(s) scénario(s) d’usage clés**&#8239;: définit les enjeux à l’échelle **microscopique** spécificité de l’usager et de son quotidien, perception de l’usager, utilisation quotidienne du service

---

Cas d’usage №1

## Commown

[Commown](https://commown.coop/) est une **coopérative qui loue du matériel électronique réparable et responsable**. La coopérative est basée sur un système d’**économie de la fonctionnalité** où le client loue l’équipement et Commown s’occupe de l’entretien et de la réparation.

Afin d’aligner sa mission avec ses outils, la coopérative a décidé d’**écoconcevoir son site**. Le site existant reposait sur un Wordpress (avec le page builder Divy) et aucune politique de contenu et d’écoconception n’avait été menée avant afin d’alléger le site.

Après un travail en sprint d’un mois, l’ensemble du contenu du site et son architecture ont été repensés afin de préparer un développement rapide.

La dette technique de Wordpress étant trop grande, le site a été conçu avec les outils open-source [Hugo](https://gohugo.io) et [Netlify CMS](https://www.netlifycms.org).

L’ensemble des principes d’écoconception présentés ici ont été utilisés. Cette refonte a permis de **diviser le poids moyen de pages par 22,6**.

<figure>
 <img src="commown.coop-avant.png" width="476" height="264" alt="Page d’accueil de commown.coop, avant">
 <img src="commown.coop-apres.png" width="476" height="264" alt="Page d’accueil de commown.coop, après">
 <figcaption>Page d’accueil de <a href="https://commown.coop">commown.coop</a>, avant / après</figcaption>
</figure>

<table>
 <caption>Comparatif des indicateur clés du site de Commown, avant / après. De façon générale, la plupart des indicateurs ont été atteints.</caption>
 <thead>
 <tr>
 <th></th>
 <th scope="col">Avant</th>
 <th scope="col">Après</th>
 <th scope="col">Division par</th>
 <th scope="col">Valeur cible</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <th scope="row">Poid moyen d’une page</th>
 <td>3649 Ko</td>
 <td>159 Ko</td>
 <td>22,6 ↘︎</td>
 <td>150 Ko</td>
 </tr>
 <tr>
 <th scope="row">Nombre moyen de requêtes par page</th>
 <td>65</td>
 <td>16</td>
 <td>3,9 ↘︎</td>
 <td>15</td>
 </tr>
 <tr>
 <th scope="row">Nombre d’éléments du DOM</th>
 <td>894</td>
 <td>418</td>
 <td>2,1 ↘︎</td>
 <td>ND</td>
 </tr>
 <tr>
 <th scope="row" lang="en">First Contentful Paint</th>
 <td>5,62 s</td>
 <td>1,09 s</td>
 <td>5,2 ↘︎</td>
 <td>1,5 s</td>
 </tr>
 <tr>
 <th scope="row" lang="en">Time to Interactive</th>
 <td>12,87 s</td>
 <td>1,13 s</td>
 <td>11,4 ↘︎</td>
 <td>2 s</td>
 </tr>
 <tr>
 <th scope="row">Temps de chargement en 3G (780 Kbps)</th>
 <td>40,96 s</td>
 <td>1,66 s</td>
 <td>11,4 ↘︎</td>
 <td>1,5 s</td>
 </tr>
 </tbody>
</table>

---

Cas d’usage №2

## Plateaux numériques

[Plateaux numériques](https://plateaux-numeriques.fr/) est un service (en cours d’élaboration) 
de **création de sites web pour les mairies de villages**.

L’objectif est d’accompagner les équipes municipales dans la création de sites web **utiles**, **accessibles**, **abordables**, **ancrés dans le territoire** et **à faible impact environnemental**.

- **utile**&#8239;: conçu pour répondre aux besoins de base d’une mairie de petite taille
- **accessible**&#8239;: sites très légers et conformes <abbr title="Référentiel général d’amélioration de l’accessibilité"><abbr title="Référentiel général d’amélioration de l’accessibilité">RGAA</abbr></abbr> pouvant être consultés par tous les citoyens quelque soit l’âge de leur smartphone ou la couverture du réseau télécom
- **ancré dans le territoire**&#8239;: collaboration _in situ_ avec des référents locaux et des professionnels du web, pour prendre soin du site et garder l’emploi et les compétences au niveau local

- **durable**&#8239;: pensé afin de créer des sites avec une faible empreinte écologique et qui n’accélèrent pas le renouvellement des équipements (smartphone, ordinateurs) grâce à leur simplicité et à leur légéreté
- **commun**&#8239;: vocation à devenir un bien commun, c’est-à-dire un projet dont les municipalités sont parties prenantes du projet et bénéficient mutuellement de leur travail et de leur investissement

<figure>
 <img src="lalouvesc.fr.png" alt="Page d’accueil de Lalouvesc.fr">
 <figcaption>Page d’accueil du <a href="https://lalouvesc.fr">site web de Lalouvesc</a> (Ardèche), commune pilote partenaire du projet Plateaux numériques.</figcaption>
</figure>

En cours&#8239;:

- **accessiblité**&#8239;: accompagnement par [Access42](https://access42.net/) pour la mise en conformité et la déclaration de conformité au <abbr title="Référentiel général d’amélioration de l’accessibilité">RGAA</abbr>
- **gouvernance**&#8239;: création de l’association portant le projet et de ses règles de gouvernance
- **licences**&#8239;: migration vers des logiciel 100% libres et définition de la licence d’utilisation du service
- **documentation**&#8239;: rédaction de la documentation technique et du guide d’utilisation du service

---

Pour aller plus loin

## Ressources

- <a href="https://www.greenit.fr/">GreenIT.fr</a>, la communauté des acteurs de la sobriété numérique et du numérique responsable
- <cite><a href="https://theshiftproject.org/article/deployer-la-sobriete-numerique-rapport-shift/">Déployer la sobriété numérique</a></cite>, rapport du Shift Project <time datetime="2020-09-14">14 octobre 2020</time>
- <cite><a href="https://theshiftproject.org/article/impact-environnemental-du-numerique-5g-nouvelle-etude-du-shift/">Impact environnemental du numérique : tendances à 5 ans et gouvernance de la 5G</a></cite>, rapport du Shift Project <time datetime="2021-03-26">26 mars 2021</time>
- <cite><a href="https://ecoresponsable.numerique.gouv.fr/publications/referentiel-general-ecoconception/">Référentiel général d'écoconception de services numériques (RGESN)</a></cite>, Direction interministérielle du numérique (DINUM) version beta, <time datetime="2021-10-19">19 octobre 2021</time>
- <cite><a href="https://gauthierroussilhe.com/post/paradoxes-enjeux.html">Paradoxes et enjeux environnementaux de la numérisation</a></cite>, Gauthier Roussilhe <time datetime="2021-07-23">23 juillet 2021</time>