Design & performance

Concevoir mieux, consommer moins : le rôle clé de l’UX dans l’éco-conception

Sobriété numérique, impact environnemental, éthique… les enjeux de l’éco-conception prennent aujourd’hui une place croissante dans les projets numériques. Mais comment concevoir des services plus responsables sans sacrifier l’efficacité ? En travaillant sur l’expérience utilisateur (UX), la clarté des interfaces et en simplifiant les fonctionnalités, il est possible de réduire l’impact des services numériques tout en améliorant leur qualité d’usage.

  • Publié le 05 octobre 2026
  • Temps de lecture : 8 minutes
  • Rédigé par : Mégane G., Experte fonctionnelle

À retenir

  • L’Eco conception d’un service web n’est pas que technique, elle repose aussi sur l’optimisation des parcours utilisateurs
  • Des fonctionnalités mal ajustées peuvent augmenter la consommation des ressources
  • Pour être la plus bénéfique, l’éco-conception doit être intégrée dès le lancement du projet

L’enjeu de l’écoconception n’est pas seulement de faire “moins”, mais de faire mieux

Quand on parle d’éco-conception, on pense souvent à des aspects techniques : réduction du poids des pages, optimisation des ressources techniques ou limitation des fonctionnalités. Ces sujets sont essentiels, mais ils ne suffisent pas.

Un service numérique sobre est d’abord un service qui répond de façon juste aux besoins réels des utilisateurs et ce tout au long de son cycle de vie.

Dans une démarche d’éco-conception, chaque choix compte : une fonctionnalité ajoutée, un parcours rallongé, une surcharge graphique ou une navigation peu intuitive peuvent rapidement alourdir l’expérience et, finalement, augmenter inutilement la consommation de ressources et ainsi participer à pousser l’utilisateur à renouveler ses équipements.

UX et UI : deux leviers concrets pour concevoir plus sobrement

Chez La Fabrique, les équipes UX & UI (Interfaces Utilisateur) mêlent leur expertise en conception avec les exigences du RGESN (Référentiel général d'écoconception de services numériques) pour :

  • Réduire les parcours inutiles : aller droit au but en limitant les actions superflues, les pages parcourues. Ainsi on permet à l’utilisateur de gagner en efficacité et en satisfaction.
  • Hiérarchiser l’information : un contenu bien structuré évite la surcharge cognitive.
  • Limiter les fonctionnalités non essentielles : chaque option ajoutée doit répondre à un besoin réel. Une bonne compréhension des contextes d’utilisation permet d’éviter les développements “pour anticiper au cas où”.
  • Favoriser l’autonomie de l’utilisateur : plus une interface est claire, moins elle génère de frictions et de sollicitations inutiles et plus l’utilisateur est disposé à compléter sa navigation.
  • Limiter les développements techniques : durant la phase de conception en limitant les fonctionnalités ou leur complexité on réduit la charge de développement et on facilite le travail de maintenance technique par la suite.

Une UI bien pensée peut améliorer la lisibilité et réduire la complexité visuelle. Pour cela on agit sur différents éléments :

  • Alléger les interfaces pour éviter la surcharge graphique.
  • Privilégier une hiérarchie visuelle claire pour guider rapidement l’utilisateur.
  • Limiter les éléments décoratifs inutiles qui alourdissent les pages sans apporter de valeur.
  • Optimiser les contrastes, la taille des contenus et la navigation pour améliorer l’accessibilité et le confort de lecture.
  • Concevoir des composants réutilisables et cohérents pour éviter la duplication et faciliter la maintenance.

Un exemple concret d’éco-conception fonctionnelle : demander une carte nationale d’identité (CNI)

Lors de la refonte d’un site de commune française nous avons analysé les statistiques de fréquentation afin d’identifier les démarches les plus souvent réalisées par les usagers. Nous avons ainsi choisi d’auditer le parcours nécessaire à la prise de rendez-vous pour demander une CNI. Il fallait près de 13 étapes et 7 pages parcourues (selon le chemin choisi) pour arriver sur le formulaire de prise de rendez-vous :

Figure 1Parcours utilisateur prise de rendez-vous pour demander une carte d'identité avant refonteVoir l'image en grand
Etape Actions / pages Score EcoIndex*
1 L’utilisateur saisit l’adresse du site dans son navigateur -
2 Arrivé sur la page d’accueil : il scrolle et consulte les informations E
3 Il ne trouve pas d’accès rapides correspondant et utilise le moteur de recherche
4 Arrivé sur la page de résultats, il ne trouve pas l’information en page 1 & 2 C + C
5 Retour sur la page d’accueil, il clique sur « formalités administratives » E
6 Arrivé sur la page « formalités administratives » il trouve un bloc « CNI sécurisé et passeport » C
7 Arrivé sur la page « CNI sécurisé et passeport », l’utilisateur clique sur « demande de CNI et/ou passeport » D
8 L’utilisateur parcourt la page mais ne voit pas tout de suite le lien « Accéder à la demande »
9 Il trouve le lien. Arriver sur la page de prise de rendez-vous un bloc l’informe qu’« il est indispensable de consulter la liste des pièces avant la prise de rendez-vous » - L’utilisateur clique sur le lien des pièces à fournir D
10 Retour à l’étape 5 pour lire la liste des pièces à fournir C
11 L’utilisateur repasse par la page « demande de CNI et/ou passeport » D
12 Il clique sur le bouton « Accéder à la demande » D
13 L’utilisateur peut effectuer sa demande de prise de rendez-vous ! D

*Le score EcoIndex est calculé sur le site ecoindex.fr pour chaque page, selon plusieurs critères : complexité du DOM (Document Object Model), poids des données transférées et nombre de requêtes http.

Chaque page chargée dans le navigateur de l’utilisateur augmente l’empreinte environnementale du service mais aussi la frustration de l’utilisateur qui doit réaliser des allers-retours pour atteindre son objectif.


En étudiant des parcours existants dans d’autres communes françaises nous avons pu estimer un taux de réduction de l’impact pour cette unité fonctionnelle en appliquant quelques ajustements :

  • Hiérarchisation des accès rapides en page d’accueil,
  • Modification des critères d’indexation et de pondération des démarches dans le moteur de recherche interne du site,
  • Ajout de repères de navigation dans les pages internes,
  • Réécriture de contenus dans le site.

Avec cette approche structurée nous avons pu réduire le nombre d’étapes nécessaires à la réalisation de cette démarche avec moins de 5 actions demandées à l’utilisateur et 2 à 3 pages parcourues selon le chemin suivi.

Figure 2 Parcours utilisateur prise de rendez-vous pour demander une carte d'identité après refonteVoir l'image en grand
Etape Actions / pages Score EcoIndex
1 L’utilisateur saisie l’adresse du site dans son navigateur -
2 Arrivé sur la page d’accueil : scrolle et consulte les informations D
3 Depuis la page d’accueil, il clique dans les accès rapides sur « Titres d’identité »
4 Il arrive sur la page « Demander une carte nationale d’identité ou un passeport » C
5 Il clique sur le lien « effectuer votre pré-demande en ligne » que le redirige sur le service externe associé.

Quels sont les bénéfices de l’éco-conception pour une organisation ?


L’éco-conception ne doit pas être ajoutée à la fin d’un projet comme une contrainte supplémentaire mais dès la phase de cadrage et de définition comme une opportunité de revenir à l’essentiel.

  • D’un point de vue utilisateur, les bénéfices sont immédiats : en offrant une expérience plus fluide, plus agréable et plus efficace, le service gagne en qualité perçue, renforce la satisfaction des utilisateurs et donne envie de revenir.
  • D’un point de vue organisationnel, les gains sont tout aussi concrets : meilleure efficacité, réduction de la complexité et de l’assistance aux usagers, limitation des développements inutiles, maintenance facilitée et cohérence renforcée entre les besoins métier et la solution proposée.

Au sein de La Fabrique, nous accompagnons dans le temps les organisations publiques et privées dans la conception de leurs services.

Vous souhaitez intégrer l’éco-conception à votre démarche de création ou de refonte de services numériques ?

Parlons-en

En ce moment

ChatGPT Ads : tout savoir avant de se lancer

Publié le 21 septembre 2026

Marketing digital

10 erreurs à ne plus commettre pour optimiser vos reportings Data Studio

Publié le 14 septembre 2026

Marketing digital