Green IO Conference at apidays Paris 2024 - Eco-Designing a B2B App : the Beta.gouv Use Case, Anne Faubry, Designers Ethiques

Eco-Designing a B2B App : the Beta.gouv Use Case
Anne Faubry, Eco-Design Co-Lead at Designers Ethiques

Green IO Conference
apidays Paris 2024 - The Future API Stack for Mass Innovation
December 3 - 5, 2024

------

Check out our conferences at https://www.apidays.global/

Do you want to sponsor or talk at one of our conferences?
https://apidays.typeform.com/to/ILJeAaV8

Learn more on APIscene, the global media made by the community for the community:
https://www.apiscene.io

Explore the API ecosystem with the API Landscape:
https://apilandscape.apiscene.io/

Transcript

1. Green IO Conference 2024 Eco-designing a B2B app The beta.gouv use case Anne FAUBRY
2. Green IO Conference 2024 Anne FAUBRY UX/UI Designer and Consultant • Eco-design research program • Creation of resources such as the Eco-design guidebook for Designers • Trainer and speaker • Contributor to French and international standards (AFNOR Spec, W3C Sustainability Guidelines, RGESN...) Researcher and trainer • Design of websites and apps: Ministry of Culture, Rennes Metropole, Ministry of Agriculture, Amnesty International France... • Supervision of eco-design implementation
3. “I can’t do much in eco-design: we don’t display any images or videos.” Context “We implement GreenIT in our backend but we are not really involved in the Design team.” I often hear 3
4. Who has ever heard about eco-design but does not see what they can do regarding their product? Context 4
5. Who has ever heard about eco-design but does not see what they can do regarding their product? Context You are at the right place! 5
6. What Best practices can we implement in a B2B app? Context Best practices regarding: • Product Strategy • User research • Improvement of user journeys • Selection of components • Collaboration with Tech and Business • ... → Referring to the RGESN 6
7. “RGESN”: General policy framework for the ecodesign of digital services Context Published in May 2024 as planned in the 2021 French law “REEN” 78 criteria to assess the eco-design approach of the service 3 priority levels: Not compulsory (yet) 7 Top priority Moderate Recommended
8. Examples come from Beta.gouv Incubator program for French public services • 22 incubators • 200+ services • 1000+ Freelance workers CartoBio DiaLog Audiodescription Certifying tool for organic agriculture Digitization service for traffic regulation Catalog of audio-described movies Context
9. Best practices How can we eco-design a B2B app? 9
10. Strategy Best practices 10
11. Assess the utility of the service 11 Strategy Systemic design workshop on Audiodescription Top priority → 50 potential externalities (positive or negative) linked to features in the roadmap and safeguards Criteria RGESN 1.1, 1.2 / WSG 2.1, 5.14
12. User research Best practices 12
13. Define the users’ actual needs Criteria RGESN 1.2 / WSG 2.2 User Research Collection of user needs leading to no development (Cartobio) 13 Top priority
14. User Research 14 Include users who are “digitally estranged” and with disabilities Create personas with low digital literacy Include users with low digital literacy Criteria RGESN 1.2 / WSG 2.2 Top priority
15. Define an archiving and deletion strategy for obsolete or outdated content Criteria RGESN 5.8, 7.2 How long will the users need their data for? Ex: A non certified version of the farm land, older than 2 years and which has never been opened in a year could be automatically deleted. 16 User Research
16. Improvement of the main user journeys Best practices 17
17. Confirm the added value of a new feature in its MVP form before developing a more elaborate version: • Minimal environmental footprint • Shorter development time (Agile) • User satisfaction Criteria RGESN 4.3 / WSG 2.8, 5.12 20 User journeys Continuously improve the experience Recommended
18. Display non-essential features on click • Less entries displayed by default • Simpler interface 21 User journeys Criteria RGESN 4.3 / WSG 2.9 Keep the user interface simple Recommended
19. Remove non-essential features Criteria RGESN 4.3 / WSG 2.6 Especially important in continuous improvement 22 User journeys Recommended
20. Limit new features to the simplest possible Criteria RGESN 4.3 / WSG 2.7 23 User journeys Recommended Ex: Implementing a “Favorite” system is a simpler way of finding one’s files than adding an owner for each line
21. Selection of components Best practices 24
22. Inform users of background processing Criteria RGESN 7.3 Think about your low- bandwidth persona! Avoid multiple requests resulting from the user not knowing if its action has been taken into account 25 Components Moderate
23. Only display content without infinite scroll Criteria RGESN 4.2 WSG 2.9 26 Components Top priority
24. Inform the user of the expected input format Explicit input help texts to avoid unnecessary requests Criteria RGESN 4.10 / WSG 2.20 27 Components Moderate
25. Inform the user of the file size before download Indication of maximum weight before export Critère RGESN 4.11 / WSG 2.23 29 Components Moderate
26. Adapt to different types of display using responsive design Criteria RGESN 2.5 WSG 2.29, 3.14 30 Components Top priority
27. Collaboration with Tech and Business Best practices 31
28. Consider the environmental impacts in the Design review Criteria RGESN 2.6 WSG 2.26 32 Collaboration Recommended
29. Limit server requests during user input Minimal autocompletion: • 500ms debounce (avoiding a request for each letter) • Requests from 3 characters minimum Criteria RGESN 4.9 / WSG 3.11 33 Collaboration Moderate
30. Use standard, interoperable technologies Criteria RGESN 1.9 / WSG 3.21 Native apps imply duplicating the service with a different version for each OS. For example, favor PWA instead of native apps. 34 Collaboration Top priority
31. 35 65 to 92 % of the environmental footprint of IT lies in user devices. BrowserStack enables you to test on different browsers, environments and devices. Criteria RGESN 2.2, 2.4 / WSG 2.25 https://live.browserstack.com/ Collaboration Test on old devices (+ 7 years) Top priority
32. Apparently compatible Similarities Caution • Continuous improvement • Iterative approach • Development by value • Multi-disciplinarity • Not much time for reviewing, assessments, self-audit, experimentation, documentation, skill improvement • Incentive to launch new features on a regular basis, to add instead of improve or care, speed of quality Implement goals and safeguards to prevent Agility from being perverted 36 Collaboration Agility and eco-design
33. Conclusion Resources and conclusion 37
34. 38 To go further RGESN in English W3C Web Sustainability Guidelines https://w3c.github.io/sustyweb https://en.arcep.fr/publications.html
35. 39 To go further For French speakers, find all our free resources on our website https://designersethiques.org Including: • Guide d’écoconception de services numériques • Comment initier une démarche d’écoconception : 70 idées • RGESN, ce que doivent faire les designers • Quand faut-il numériser ? Arbre de décision • Matrice d’analyse des externalités • Index de conception responsable Ainsi que des formations
36. Good UX Conclusion Frugality Eventually, eco-design is mainly... 40 Optimization ...in this order!
37. Green IO Conference 2024 Thank you! Anne FAUBRY anne.f@designersethiques.org