Nom de l’auteur/autrice :Steven.D

Le design d’expérience utilisateur est reconnu comme le métier de choix pour concevoir des sites internet utiles et performants, on y pense en revanche moins pour sa capacité à créer des sites plus respectueux de l’environnement.

Internet représente une part croissante des émissions mondiales de gaz à effet de serre. Si on pointe souvent du doigt les infrastructures, on ignore souvent que la moitié de ces émissions provient en réalité des utilisateurs⁽¹⁾. Le problème qui se pose est que les éditeurs de sites ne leur donnent que rarement les moyens d’adopter un usage plus raisonné et écologique du web.

Une phase approfondie de conception centrée utilisateurs, portée par les UX designers, avec des choix forts mais simples d’éco-conception, permettrait pourtant de faire naître des sites plus durables et toujours remarquables.

Des choix de départ qui auront un impact sur tout le cycle de vie de votre site internet.

Les 4 piliers d’une expérience durable pour les utilisateurs, les éditeurs et l’environnement : s’assurer de concevoir un site internet utile, désirable, accessible ET éco-responsable.

Les décisions qu’il est possible de prendre très tôt dans une démarche éco-responsable sont nombreuses :

Conception centrée utilisateur

Débutez votre projet de création ou de refonte en identifiant les besoins clés de vos cibles. Encadrée par un UX designer, une phase de recherche et de définition permet de dresser la feuille de route qui vous aidera dans vos prises de décision tout au long du projet. Une définition claire des attentes de vos utilisateurs et de vos métiers permet de concentrer les efforts là où cela compte. Vous pouvez alors éviter de tomber dans des erreurs simples, qui se font au détriment de la conversion et de l’environnement, par exemple : faut-il vraiment un slideshow à cet emplacement ? Une vidéo participe-t-elle à la compréhension de cette page ? Un module interactif fait-il ici mieux le travail qu’un texte simple ? Etc.

L’éco-conception vous permet d’aller encore plus loin dans votre démarche centrée utilisateurs, avec des parcours ultra efficaces et une arborescence réduite qui s’accompagnent bien souvent d’une plus haute satisfaction de vos utilisateurs, sans se faire au détriment de la richesse de l’expérience que vous souhaitez leur proposer.

Anticiper le cycle de vie du site

La phase de définition UX est aussi le moment propice pour décider des jalons qui rythmeront la vie de votre site : quels seront les besoins d’évolution de contenus et de fonctionnalités, quand seront-elles déployées ? Quelles sont les ambitions de trafic pour lesquelles nous devons designer et développer ce site ? Toutes ces questions permettent une meilleure allocation des ressources pour créer un site plus efficace, évolutif et économe.

Intégrer l’éco-responsabilité dans une démarche plus large de conception durable.

Le web a une responsabilité qui va au-delà de son impact environnemental. La conception éco-responsable a des effets positifs sur les autres piliers du développement durable.
Pour concevoir un site internet dont la qualité, la pertinence et la durabilité le rendent remarquable, il est intéressant de considérer les points suivants.

Des impacts humains

• La simplification des contenus et des fonctionnalités rendent votre site simple d’utilisation et clair pour le plus grand nombre, répondant ainsi aux enjeux croissants d’accessibilité et d’inclusivité des dispositifs que nous devons créer.
• Les utilisateurs sont rendus acteurs, informés de l’impact de leurs usages et inclus dans la démarche éco-responsable de l’éditeur, qui met à leur disposition les moyens de faire évoluer leur comportement en ligne.
• Ces mêmes utilisateurs, pleinement inclus, adhèrent davantage à votre démarche et par voie de conséquence à votre offre.

Des impacts économiques

• Une expérience utilisateur clarifiée et efficace, qui génère plus de conversion.
• Des contenus et fonctionnalités rationalisés, avec un effet positif sur les ressources à mobiliser pour les produire et les développer.
• Une architecture de l’information resserrée qui réduit les coûts de fonctionnement et facilite la maintenance.
• Un cycle de vie du site défini en amont, qui permet d’anticiper les évolutions avec des choix qui simplifieront sa croissance et prolongeront sa durée de vie.

Notre démarche durable chez Netclic

Avec cet objectif de créer des expériences remarquables et durables pour nos clients et leurs utilisateurs, nous incluons systématiquement dans notre méthodologie un degré d’éco-responsabilité adapté aux ambitions et à la réalité de chaque projet.

La phase de conception encadrée par nos UX designers permet d’aligner besoins utilisateurs et objectifs business, de définir l’arborescence et les contenus et fonctionnalités qui la peupleront, tout en réfléchissant à l’évolution du site à moyen et long termes.

Cette expérience créée de façon collaborative passe ensuite entre les mains de nos designers et développeurs, qui mettent tout leur savoir-faire en termes d’accessibilité et de performance pour finaliser le projet dans les règles de l’art et en appliquant à tout moment les principes de l’éco-responsabilité (minimisation des requêtes, compression des ressources…).

Adveris est par ailleurs certifiée par l’Afnor et a obtenu la médaille Silver de EcoVadis pour l’ensemble de ses actions menées dans le sens de plus de responsabilité et de durabilité.

Envie d’en savoir plus ou de créer votre prochain site dans une démarche éco-responsable et durable ? Parlons-en ensemble !

Comme toute discipline, l’UX design évolue au fil du temps et des outils, et se pose régulièrement la question de l’utilité de ses livrables.

S’il peut être tentant de faire l’impasse sur certains outils ou étapes pour livrer plus rapidement une expérience finalisée, le wireframe est un outil indispensable pour l’UX Designer, à condition de savoir l’utiliser à bon escient, c’est-à-dire pour au moins 4 bonnes raisons !

Raison n°1 : explorer rapidement une idée

Les wireframes et leurs différents niveaux de fidélité sont un moyen simple d’explorer et de valider (ou non) une idée à moindre coût avant de l’emmener plus loin dans la phase de création.
La basse définition est à privilégier à un stade précoce du projet ; simple croquis ou prototype rudimentaire, elle permet de s’assurer rapidement de la validité d’une idée et d’en explorer les différentes alternatives.
Les wireframes haute définition permettront quant à eux d’acter une hiérarchie de l’information et le fonctionnement attendu d’un écran. Ils sont un support précieux pour communiquer avec toutes les parties prenantes au projet, et s’aligner sur une vision commune.

Raison n°2 : définir le cœur de l’expérience utilisateur

Par leur minimalisme intrinsèque, les wireframes nous poussent à aller à l’essentiel de l’expérience, et posent une question fondamentale : quels sont les services indispensables qu’un site doit rendre pour répondre aux besoins de ses utilisateurs ?
Le rythme très vertical et schématique des maquettes fonctionnelles nous amène aussi à nous poser la question du contenu indispensable à la parfaite compréhension de chaque page et au maintien consenti de l’utilisateur dans son parcours. Les wireframes nous permettent de créer des pages très pertinentes pour leurs lecteurs, et d’aider les équipes à se concentrer sur la production de contenus et services à forte valeur ajoutée.

Raison n°3 : lier l’architecture de l’information au design visuel d’un site

Si l’architecture de l’information est une composante essentielle du travail de l’UX Designer, il est parfois difficile de la matérialiser pour la rendre compréhensible par tous.
Or, les maquettes fonctionnelles donnent vie à cette structure en définissant les principes de navigation dans ses contenus et fonctionnalités. Elles nous permettent également de déployer les parcours conçus en amont et de s’assurer que chaque utilisateur se trouve exposé au bon niveau d’information au bon moment. On s’assure aussi grâce aux wireframes de la hiérarchie des contenus, on vérifie que les éléments comme ceci assemblés font sens autant pour une audience experte que pour un primo-visiteur, et qu’ils seront aisés à produire et intégrer par le rédacteur.

Raison n°4 : concevoir une expérience durable

Les wireframes nous aident à anticiper dès sa conception les évolutions qu’un projet connaîtra tout au long de son cycle de vie.
Pour anticiper une densification des contenus, l’ajout de fonctionnalités, l’augmentation du nombre d’utilisateurs… les maquettes fonctionnelles nous permettent de projeter rapidement et à moindre coût la façon dont le site accueillera ces évolutions. On peut ainsi mieux prévoir les impacts sur l’expérience et la technologie, pour que l’évolution s’opère de façon cohérente et transparente pour les utilisateurs, sans toucher aux principes fondamentaux définis initialement.
La durabilité d’une expérience repose aussi sur la simplicité de contribution et de maintenance pour les équipes. Les wireframes nous aident à définir un modèle de contenus clair qui facilitera le travail d’alimentation et d’animation du site au quotidien, garantissant ainsi que le site vivra mieux et plus longtemps.

Quand se passer de wireframes ?

Par définition statiques et simplistes, les wireframes ne sont pas les meilleurs livrables pour se projeter sur ce que sera l’expérience finale. S’ils s’avèrent utiles lors de la phase de recherche, on évitera donc de les inclure en test utilisateurs.
On peut également leur substituer des maquettes graphiques quand un Design System existe, il est alors plus simple et rapide de prototyper avec l’UI définitive.
Enfin le wireframe ne peut se suffire à lui-même quand il s’agit de construire une architecture de l’information particulièrement complexe, on l’associera donc toujours à un travail préalable de cartographie et de hiérarchisation (avec le Core Model par exemple).

Les wireframes sont donc encore souvent une étape essentielle du travail de conception. Ils permettent d’avoir rapidement une vision approfondie de l’expérience cible et de communiquer avec l’ensemble des parties prenantes. Bien qu’ils représentent un investissement de départ, ils font économiser du temps à l’arrivée du projet en facilitant la passation aux UI Designers, en anticipant les contraintes de développement et en préparant le travail de création de contenus pour délivrer un site original et pérenne.

Vous aussi croyez à l’absolue nécessité de concevoir des wireframes en début de projet ? Contactez-nous pour démarrer dès à présent la création ou la refonte de votre site !