Design écologique / Eco conception

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 un design écologique / eco conception ?

Pourquoi faire un design écologique / eco conception ?

  • 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.

Quelques exemples de réalisations

Maquettes graphiques

Conception des futurs écrans en ajoutant la dimension graphique de manière à produire la représentation finale de l'interface à transmettre aux équipes projet en vu de leur intégration

En savoir plus sur Maquettes graphiques

Identité visuelle

Premier élément perçu par vos utilisateurs, l'identité visuelle permet d'illustrer votre secteur d'activité et d'être identifié simplement par vos utilisateurs ou futurs clients.

En savoir plus sur Identité visuelle

Wireframes

Le wireframe est une maquette décrivant les zones et composants essentiels que doit contenir une interface.

En savoir plus sur Wireframes

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