Formation Écoconception UX/UI : concevoir des interfaces sobres

– Matérialité du numérique : terminaux, réseaux et centres de données, ressources extraites, énergie consommée et déchets produits
– Cycle de vie d’un service numérique : fabrication, usage et fin de vie, et poids prépondérant de la fabrication des terminaux
– Durée de vie des terminaux : un service qui reste utilisable sur des appareils anciens et des connexions lentes évite d’en pousser au renouvellement
– Sobriété fonctionnelle, cognitive et énergétique : les trois angles d’action du design sur l’empreinte d’un service
– Effets rebond : quand un gain d’efficacité augmente l’usage global, et comment les anticiper en conception
– Numérique responsable : liens entre écoconception, accessibilité, captation de l’attention et protection des données personnelles

– Écoconception de services numériques : définition, principes clés et place du designer dans le cycle de vie du projet
– Unité fonctionnelle et scénario d’usage : définir ce que rend le service pour pouvoir le mesurer et le comparer
– Analyse du cycle de vie (ACV) : principes et lecture des résultats, sans réaliser d’ACV complète
– Objectifs de réduction : le repère du Facteur 4 pour fixer une ambition à la hauteur des enjeux climatiques
– Cadre légal français : lois REEN et AGEC, obligations actuelles et perspectives d’évolution
– RGESN : structure du référentiel, répartition des critères par métier et focus sur les critères UX/UI et contenus
– Guides et ressources : guide d’écoconception de services numériques, checklists pour designers, W3C Web Sustainability Guidelines (WSG)

– Cartographie de parcours : choisir les parcours clés et le scénario à évaluer
– EcoIndex et GreenIT Analysis : poids des pages, nombre de requêtes, complexité du DOM et score d’un parcours
– Outils de développement du navigateur : onglet réseau pour repérer les ressources les plus lourdes, sans compétence de code
– Limites de la mesure instantanée : ce qu’un score ne dit pas sur la fabrication, les serveurs ou les usages
– Audit RGESN volet UX/UI : vérifier les critères applicables et documenter les non-conformités
– Éléments d’interface coûteux : vidéos, carrousels, cartes interactives, polices, scripts tiers
– Priorisation des pistes d’amélioration : croiser gravité et effort, identifier les externalités positives et négatives du service

– Éliminer et renoncer : repérer les fonctionnalités superflues ou peu utilisées et la dette fonctionnelle
– Besoins réels : s’appuyer sur la recherche utilisateur et les données d’usage pour arbitrer le périmètre
– Fonctionnalités d’IA générative : interroger la valeur d’un chatbot ou d’une génération de contenus au regard de son coût environnemental et des alternatives plus simples
– Parcours raccourcis : réduire les étapes, les pages et les clics nécessaires pour atteindre l’objectif
– Cadrage UX responsable : intégrer les critères environnementaux dès la définition du produit

– Architecture de l’information : navigation simple, profondeur réduite, pagination plutôt que défilement infini
– Hiérarchie des formats : privilégier le texte, puis l’image, l’audio et la vidéo selon le besoin réel
– Médias : choix des formats, dimensions adaptées à l’affichage, compression et chargement différé
– Typographies, icônes et couleurs : polices système ou limitées, jeux d’icônes légers ; mode sombre, un effet réel mais limité aux écrans OLED
– Interactions : animations parcimonieuses, respect de la préférence « Réduire les animations », pas de lecture automatique, notifications sur consentement
– Dark patterns : les identifier et les supprimer, car sobriété et respect de l’attention vont de pair
– Contenus et mesure d’audience : sobriété éditoriale, traceurs et scripts tiers limités au nécessaire
– Compatibilité : concevoir pour les anciens terminaux, les petits écrans et les connexions lentes

– Wireframes de la refonte : traduire les pistes de l’audit en choix de conception
– Prototypage rapide sur Figma ou un outil équivalent : parcours raccourci, écrans allégés
– Équilibre entre sobriété et utilisabilité : vérifier que l’expérience utilisateur ne se dégrade pas
– Mini-audit de la refonte : checklist d’écoconception pour designers et extrait des critères RGESN
– Comparaison avant / après : estimation des gains sur le parcours évalué
– Passage de relais aux développeurs : annotations et spécifications de sobriété dans les maquettes

– Collaboration entre UX, développement et product owner : rôles de chacun dans une conception responsable
– Indicateurs de suivi : EcoIndex des parcours clés, poids des pages, retours d’usage et tests utilisateurs
– Argumenter auprès des commanditaires : bénéfices (performance, accessibilité, coûts, conformité) et réponses aux objections fréquentes
– Plan d’action : actions à mener à court, moyen et long terme
– Ressources pour aller plus loin : guides, outils et communautés de l’écoconception