RGESN, ce que doivent faire les designers
Il n'y a pas que les critères UX/UI qui concernent les designers dans le RGESN. Pour aider à sa conformité, nous avons créé une checklist avec toutes les tâches de design à réaliser par phase de projet.
Communiquer avec les développeurs
La démarche d’écoconception ne sera efficace que si toute l’équipe projet est concernée par la démarche et en connaît les principes de base.
La formation des membres de l’équipe facilite le travail mais elle n’est pas la seule façon de mobiliser les compétences. Il existe plusieurs façons de communiquer avec l’équipe de développement.
Expliquer sous l’angle de la performance et qualité web
L’écoconception ne parlera pas à tous les développeur·euses ou pourra sembler être une charge supplémentaire. Très souvent les bonnes pratiques d‘écoconception techniques rejoignent celles liées à la performance et à la qualité web et sauront parfois convaincre plus facilement que l’écoconception.
Certains outils permettent d’obtenir des données intéressantes sur la performance, par exemple
- Page Speed Insights : https://pagespeed.web.dev/ ou Lighthouse (accessible à partir des outils de développement de Chrome)
- Yellow Lab Tools : https://yellowlab.tools/
Expliquer grâce aux outils de développement
Les outils de développement disponibles directement à partir du navigateur permettent d’avoir des informations concrètes pour échanger avec les développeurs.
Par exemple, vous pourrez y trouver :
- Le nombre de requêtes (allers-retours vers le serveur)
- Le poids des données transférées
- Le temps de chargement des données
- Le format des différentes ressources chargées
Vous pouvez également voir ces éléments pour chaque type de ressources. Par exemple, vous pourrez voir le nombre de requêtes et le poids total des données qui concernent les images. Cela permet d’identifier si les images sont trop nombreuses ou trop lourdes.
Pour ouvrir les outils des développement :
- Dans votre navigateur, faites un clic-droit sur votre page web et cliquez sur Inspecter.
- Les outils de développement s’ouvrent à droite.
Cliquez sur les deux flèches “>>” et cliquez sur l’onglet Réseau (Network) - Rechargez la page web.
- Les données se mettent à jour.
Documenter les interfaces
En phase de conception, il est important de bien communiquer les intentions d’écoconception aux développeur·euses. Vous pouvez par exemple annoter les maquettes avec des vignettes explicatives.
Trouver le bon compromis
L’un des leviers les plus efficaces reste de discuter avec l’équipe de développement pour trouver le meilleur compromis possible. Ils ou elles ont les connaissances techniques et sauront indiquer si telle ou telle fonctionnalité aura un impact plus ou moins élevé (requêtes, ressources nécessaires etc).
Voici quelques exemples de questions qui peuvent être posées en fonction du contexte :
- Est-ce que cela va nécessiter de nombreuses requêtes ?
- Est-ce que le JavaScript est nécessaire ou est-ce qu’il y a une manière plus simple de le faire en CSS ?
- Est-ce que cette requête va nécessiter de charger toute la base de données ?
- …
Pour aller plus loin :
Ressources liées
S'auto-évaluer avec le RWEB
Le référentiel d'écoconception web est un ensemble de critères mis au point par GreenIT.