Le digital rend nos vies meilleures, mais a ses côtés sombres méconnus. Nos sites, nos applis, nos objets connectés, nos datas et serveurs...cela consomme énormément de ressources et d’énergie ! En tant que professionnels Product et de la Tech, nous avons une responsabilité directe sur l’impact de nos services digitaux et Produit sur l’environnement. Nous verrons dans cette présentation comment nous pouvons agir au quotidien, et si une approche plus responsable est compatible avec les enjeux business. Par Alexandre TAKACS - Product & UX Director indépendant

1. Sustainable Product
Comment RÉDUIRE l’impact
de votre produit ?
Alexandre Takacs
@Alex_Tak
alxtakacs@gmail.com
🌍

2. PRODUCT & UX DIRECTOR - INDEPENDANT
15+ années dans la conception de produits et services digitaux,
utilisés par des millions de personnes.
2007 - 2011 2011 - 2017
Bonsoir ! 👋
2017 - 2019

3. Tout est parti d’une grosse claque...

5. La planète chauffe… de plus en plus vite
1850 2019
#ShowYourStripes

6. Conséquences
pour les humains
Impact sur les
écosytèmes
Activité humaine
En résumé :
Emissions
massives
de GES
Déréglement
climatique

7. Il est *vraiment* temps d’agir !

9. ��
�� ��
��

10. “Le numérique c’est virtuel, pas de problèmes !”

11. Il n’y a pas de virtuel sans matériel.
Terminaux Infrastructures Serveurs
DATA = ENERGIE = CO2

12. Le numérique = 4% des émissions de GES
Fabrication des
terminaux et
infrastructures
Data Centers
Utilisation
Soit autant
que l’Inde...
… ou que tout le secteur
de l’aviation !
Source : The Shift Project - 2018

13. Usages : Internet et la vidéo explosent tout
80 %
de la bande passante mondiale
Source : The Shift Project - 2018

14. Un impact en croissance exponentielle
8 %
des émissions de
GES en
2025
Autant que le
trafic
automobile
aujourd’hui...
Source : The Shift Project - 2018

16. Une responsabilité dans nos choix quotidiens

17. Quelques exemples
Vidéos en Autoplay
Newsletters en masse
Requêtes externes (pub,
analytics…)

18. Les pages web ne cessent de grossir...
467
Ko
1969
Ko
20202010
Poids médian - Source : httparchive.org

19. Le nombre de requêtes aussi...
Source : JDN nov. 2019
😈 😈

20. Le temps passé sur le web explose
x4en 10 ans
1h37/jour en 2018 du temps passé
vient
des suggestions.
70%

21. Mesurons l’impact de nos choix,
agissons pour un web plus responsable.
Let’s make our product
MORE sustainable.
#SUSTAINABLE PRODUCT
#GREENIT
#ECO-CONCEPTION
#...
Awesome product people

22. A Travailler sur un produit à impact positif par nature 🌱
B Réduire l’impact de son produit - expertise métier 🤓
C En collectif - sensibiliser dans l’entreprise et au delà ! 🚀

23. Expertise métier - quelques prérequisB
Mesurer l’état actuel
Utiliser des outils comme
ecoindex.fr ou websitecarbon.com
Sustainable by design
L’impact carbone comme Design
Principle
Se contraindre
Fixer un objectif de poids de page
(ou d’app) max et s’y tenir !

24. UX DESIGN
DÉVELOPPEMENT
HÉBERGEMENT
MARKETING
UTILISATION
Actions sur tout le cycle de vieB
DISCOVERY /
CONCEPTION
CONCEPTION
/ DISCOVERY

25. PRODUCT DESIGN DEV
FEATURES: LESS IS MORE
Savoir dire non.
Killer les features non utilisées.
CONTENUS = PERTINENCE
Mobile first.
Moins d’images / vidéos.
Autoplay
Limiter les composants riches.
MINIMUM VIABLE DATA
Analytics : ne pas tout tracker !
Limiter les services tiers
User : demander & stocker a minima
UX / NAVIGATION
Navigation claire
+ Parcours users simples
= Moins de pages vues inutiles
UI DESIGN
Design minimaliste
Attention aux typos custom !
Dark Mode (écrans OLED)
Emojis FTW 👍
INTERACTION DESIGN
Animations / transitions
Eviter les carrousels...
CODE DESIGN
Choix du langage & framework
Attention aux JavaScripts
AMP / PWA ⚡
Utiliser les atouts du CSS
PERFORMANCES
Monitoring de la rapidité
Images optimisées + responsive
Optimisation des fonts
Lazy loading, cache, CDN...
IT et HÉBERGEMENT ☁🌱
Conserver ses devices plus longtemps
Cloud et énergies renouvelables
Disponibilité 24/7 ?
+ WORKFLOW & OUTILS

26. Level up - impact as a featureB

27. Level up - impact as a featureB

28. Quelques outilsB
CALCUL EMPREINTE CARBONE
➔ Carbonalyser (plugin firefox)
➔ websitecarbon.com
➔ ecoindex.fr
➔ ecograder.com
PERFORMANCES
➔ https://webtest.app/ (impact de la pub / 3rd parties)
➔ https://www.webpagetest.org/
➔ LightHouse + plugin GreenHouse
➔ Safari Web Inspector
➔ Greenspector pour les apps.
IMAGES
➔ tinyPNG
➔ Plugins dans Sketch (ImageOptim…)

29. Résultat...B

30. En collectif : Sensibiliser, convaincre, mobiliser.C
Tester la réceptivité de ses collaborateurs directs
Abordez le sujet autour d’un café / dej, lors d’une rétro...
Initiatives au sein de votre équipe
Définir l’impact environnemental comme un “design principle”
Atelier collaboratif -> backlog (impact vs complexité)
Intégrer à vos rituels d’équipe : “planet sprint” ou “planet day”
Diffuser / élargir à d’autres équipes.
Partagez vos initiatives et résultats
Channel slack dédié aux sujets environnementaux
Evénements de sensibilisation : “Green Hackathon”, “fresque du climat” ...
1
2
3

31. Au delà de votre entrepriseC

33. 🤔
Ne pas aller trop loin au risque de dégrader l’UX et l’engagement.
Freins humains en interne (direction ?) selon le niveau de sensibilité
dans l’entreprise.

34. 🤩
Simplicité, performances = UX et accessibilité au top.
Donner du sens et de la motivation aux équipes.
Valoriser votre marque.
Source de créativité et de différentiation :
inventer les nouveaux standards de demain.

35. L’impact du digital est énorme et en croissance exponentielle.
Nous avons tous la capacité d’agir au quotidien dans nos métiers,
individuellement et surtout collectivement.
Mesurez l’empreinte environnementale de vos services.
Considérez l’impact dès la conception (design principle, KPI…)
C’est bon pour la planète, pour vos utilisateurs, donc pour votre business !
A retenir

36. Merci.
Alexandre Takacs
@Alex_Tak
alxtakacs@gmail.com