Écoconception

Méthode

Vers une sobriété numérique

L'éco-conception est une nouvelle manière de concevoir ses interfaces. Le design écologique apportant une vision plus globale au cycle de vie du produit / service que vous proposez en se focalisant sur les impacts énergétiques. Ce n'est plus un secret, le numérique pollue : serveurs énergivores, supports numériques trop fréquemment jetés et rachetés, vidéos et streaming en pleine explosion, etc. L'approche d'éco-conception vise à réduire l'impact de votre site / service dans le web. Plusieurs solutions sont possibles pour limiter son impact ou essayer de faire un site le plus "vert" possible.

À quoi sert l'écoconception ?

  • Réduire l'empreinte environnementale d'un service sur l'ensemble de son cycle de vie, de la conception jusqu'à son arrêt.
  • Éviter d'exclure les utilisateurs équipés d'un matériel ancien ou disposant d'une connexion limitée
  • Alléger les parcours et les contenus, ce qui bénéficie aussi au référencement naturel.
  • Objectiver les arbitrages de fonctionnalités, en mettant leur utilité réelle en regard des ressources qu'elles mobilisent.
  • Rendre la démarche vérifiable, à travers une déclaration d'écoconception qui expose les choix effectués et les objectifs suivis.

Pourquoi faire de l'écoconception ?

  • Evaluer l'empreinte énergétique de vos produits et services
  • Identifier vos leviers de progression vers plus de sobriété numérique
  • Optimiser les performances de votre site internet ou application mobile

Les bonnes pratiques en écoconception UX-UI

Voici une liste non exhaustive des éléments que vous pouvez modifier ou intégrer :

01

Limiter les contenus lourds

Éviter les carrousels ou sliders (ou en limiter l'utilisation). Éviter au maximum les vidéos et bannir l'autoplay. Éviter le scroll infini, qui demande énormément de ressources.

02

Optimiser les visuels

Reprendre au maximum les mêmes images à travers les pages du site et ainsi éviter de surcharger le serveur avec trop de visuels. Limiter l'utilisation des photos en privilégiant les pictogrammes, le format .svg étant bien plus léger.

03

Concevoir sobre et responsive

Concevoir des interfaces mobile friendly qui sont responsive. Éviter l'autocomplétion dans les champs textuels. Limiter les plugins et services tiers (et si besoin d'en mettre, proposer l'activation/désactivation à l'utilisateur).

04

Dark mode éco-responsable

Ne pas utiliser un noir absolu #000000, qui est très énergivore, mais privilégier un gris noir.

En pratique

S’inscrire dans une démarche de sobriété numérique amène à considérer des aspects complémentaires de vos produits et services. Vous pouvez approfondir le sujet en consultant notre article de blog qui aborde le sujet de l’éco-conception numérique et télécharger notre checklist éco conception.

Questions fréquentes

Quelques exemples de réalisations

Maquettes graphiques

Les maquettes graphiques donnent leur forme définitive aux futurs écrans, à transmettre aux équipes projet en vue de l'intégration.

En savoir plus sur Maquettes graphiques

Identité visuelle

Premier élément perçu par vos utilisateurs, l'identité visuelle illustre votre secteur d'activité et vous rend identifiable simplement.

En savoir plus sur Identité visuelle

Wireframes

Maquette sans aucun élément graphique, décrivant les zones et les composants essentiels que doit contenir une interface.

En savoir plus sur Wireframes

RGESN

Le RGESN définit des critères d'écoconception pour les services numériques et sert de référence pour les acteurs du secteur.

En savoir plus sur RGESN

Opquast

Opquast regroupe 245 règles de qualité web : accessibilité, référencement, performance, sécurité. Son référentiel et sa certification structurent les pratiques.

En savoir plus sur Opquast

Accessibilité numérique

L'accessibilité numérique rend les produits utilisables par toutes les personnes. Dans le numérique, c’est le RGAA qui fait référence en la matière.

En savoir plus sur Accessibilité numérique

Design éthique

Le design éthique intègre l'impact sur les utilisateurs dès la conception. Il s'oppose aux dark patterns et pose la question de la responsabilité du designer.

En savoir plus sur Design éthique

Design system

Le design system, c'est une bibliothèque de composants et la gouvernance qui va avec. Ce qui le distingue d'un design kit, et quand il devient nécessaire.

En savoir plus sur Design system

Design pattern

Un design pattern est une solution éprouvée à un problème récurrent : breadcrumb, modal, accordéon. Ces conventions existent parce qu’elles fonctionnent pour les utilisateurs.

En savoir plus sur Design pattern

Design d’expérience

Le design d'expérience (UX design) conçoit ce que l'utilisateur rencontre au-delà de l'interface : parcours, émotions, contextes.

En savoir plus sur Design d’expérience

Parcours utilisateur

Le parcours utilisateur décompose un processus en étapes pour mettre en avant les besoins et attentes des utilisateurs pour un objectif donné.

En savoir plus sur Parcours utilisateur

Utilisabilité

L’utilisabilité mesure si un produit permet d’atteindre ses objectifs avec efficacité, efficience et satisfaction, selon la norme ISO 9241-11. Une composante essentielle de l’UX.

En savoir plus sur Utilisabilité

Vous souhaitez en savoir plus sur nous ?

Tout le monde parle experience utilisateur, design de service, ergonomie...
C'est pas très clair, mais vous aimeriez bien découvrir tout ca ou progresser.

Parlons-en