Festorama du Collectif des

Festivals

UX/UI Design en éco-conception Web

Tout au long d’un projet, comme le dirait Tim Brown, créateur du livre et aussi promoteur de l’Esprit Design, il faut penser un projet web avec 3 règles d’or : Désirabilité, viabilité et faisabilité. J’ajouterai une règle supplémentaire, sobriété numérique.

UX Design

Comment créer une plateforme éco-responsable qui rassemble toute la documentation sur l’organisation durable et solidaire d’un festival tout en étant éco-conçu ?

Il faut déjà savoir que l’éco-conception se fait à chaque phase. Dès le travail sur les besoins on peut réduire fortement les choses inutiles, less is more.

Selon Frédéric Bordage, de Green IT : « 45% des fonctionnalités ne sont pas utilisées sur un site web, d’où l’importance d’épurer au maximum leur usage. »

Lors du recueil des besoins avec mon questionnaire UX, j’ai recueilli beaucoup d’informations sur les besoins mais aussi sur les freins des utilisateurs et utilisatrices sur le site du Collectif des Festivals. En effet les ressources étaient auparavant sur le site du Collectif des Festivals.

Tout au long de cette phase, j’ai accentué sur les retours des utilisateurs et utilisatrices et l’éco-conception web. Je devais absolument faciliter l’accès aux ressources dans un but de pousser la démarche responsable dans les festivals.

De plus, par rapport aux retours, les usagers ont peu de temps à consacrer à la recherche, il fallait les immerger directement dans les ressources via un plan interactif pour les garder en haleine. Cependant, un plan interactif peut vite devenir un frein pour l’usager et aussi être conséquent en terme d’éco-conception.

Je devais redoubler de vigilance pour l’usabilité. C’est-à-dire selon la norme ISO 9241-11:  » le degré selon lequel un système, un produit ou un service peut être utilisé, par des utilisateurs spécifiés, pour atteindre des buts définis avec efficacité, efficience et satisfaction, dans un contexte d’utilisation spécifié « 

Je devais donc faciliter l’usage mais aussi éviter tout frein à l’utilisation du plan interactif. C’est pourquoi avant la conception des wireframes, j’ai réalisé l’user flow de l’usager pour déterminer son parcours jusqu’à la ressource désirée, mais pour avoir aussi une navigation claire et aller à l’essentiel pour amoindrir l’impact environnemental. Le but était que l’utilisateur et l’utilisatrice aient deux entrées pour trouver les ressources :  une entrée via le plan mais aussi via une page de ressources. Bien que rapide, comme je dis souvent il vaut mieux avoir 5 clics et un parcours fluide et clair pour l’usager plus tôt que respecter la règle des 3 clics et ne pas avoir un parcours clair. Cette règle est d’ailleurs pour moi un peu désuète mais passons.

Sur cette page de ressources, les retours des usagers sur le site mère du Collectif des Festivals ont été très enrichissants.

Le nombre de ressources a été le point noir du projet. Le nombre étant fortement important comment pouvait-il s’inscrire dans une démarche en éco-conception web ?

Pour le coup, nous sommes partis sur 2 types de solutions : une solution en plusieurs pages avec un système de catégorisations ou une page archive de ressources avec 2 filtres et une limitation de 12 ressources par page.

La première solution n’était pas viable et non pratique pour l’usager c’est pourquoi nous sommes partis sur la deuxième solution.

Le système de filtre devait être très parlant mais aussi le plus simple possible. C’est pourquoi je suis parti sur un filtre selon le besoin et un autre sur le thème de la ressource.

UI Design

Grâce à l’UX design, on a pu répondre à une partie de la viabilité, faisabilité ainsi qu’à la sobriété numérique.

Cependant, le travail n’est pas fini sur ces piliers et on va ajouter la désirabilité. Comment donner envie d’utiliser la plateforme sans oublier bien entendu l’ergonomie et l’accessibilité ?

Minuit Studio en charge de l’identité visuelle a été missionné par le Collectif pour concevoir une identité éco-conçu mais aussi accessible.

Nous avons travaillé en synergie ensemble pour plus de cohérence graphique mais aussi pour plus d’utilisabilité et de frugalité.

Sur ce projet, je savais que le désir d’avoir seulement des illustrations allait permettre de réduire fortement le poids des pages. Mais encore faut-il bien créer un univers d’illustration réduit en détail permettant d’utiliser la force du format SVG : pas de pixellisation et un poids léger.

C’est pourquoi la mission de Minuit Studio a été de proposer une identité sobre et notamment un univers d’illustrations filaires moins gourmand en énergie.

De mon côté, les besoins et les envies du Collectifs des Festivals était de créer la curiosité via la structure du site web. Ma vision d’UI Designer était assez claire dès le début du projet.

Le souhait de rendre la recherche d’information facile, rapide et ludique m’a amené à imaginer un web design gaming mais toutefois de manière assez sobre pour ne pas complexifier l’interface web. Le design ne doit pas supplanter l’information.

Concernant les illustrations, j’ai imaginé grâce au SVG des animations entre nuance de gris et couleurs à l’apparition et au clic des illustrations pour apporter un aspect ludique et coloré.