Le département de Seine-Maritime nous a sollicité pour améliorer l'expérience utilisateur de son site institutionnel, tout en favorisant un site 100 % accessible et éco-conçu. L’objectif de cette refonte était d’optimiser la navigation et de moderniser l'interface utilisateur, tout en l’alignant avec celle de l'application fraîchement redesignée.
Nous nous sommes réunis avec la direction adjointe des systèmes d'information et du numérique, ainsi qu'avec l'adjoint à la cheffe de service Information et Numérique, afin de définir les résultats attendus et répondre aux problématiques suivants :
Nous avons réalisé un audit UI/UX des interfaces du site institutionnel, mettant en avant les problèmes d’ergonomie, de fonctionnalités et d’affordance.
Version desktop
Version mobile
À cette étape du projet, nous avons analysé les performances des pages du site en termes de vues, taux de rebond, temps moyen passé sur la page, taux de sortie et temps de chargement pour le dernier un an. La page d’accueil, ainsi que les sections "Mon quotidien" et "Mon département", constituent le cœur du site en termes de trafic.
Un taux de rebond élevé est un indicateur d’un manque d’engagement des utilisateurs. Par exemple, la page "Actualités" affiche un taux de rebond de 79 %, ce qui suggère que la majorité des visiteurs quittent la page sans explorer davantage le contenu.
Le parcours de recherche présente un taux de rebond de 100 %, ce qui traduit des problèmes d’ergonomie et de pertinence des résultats. Cela indique que l’expérience ne répond pas aux attentes des utilisateurs.
Nous avons rencontré certains utilisateurs du département afin de mieux comprendre les besoins et motivations des différentes typologies d’utilisateurs. Ces entretiens ont été réalisés auprès de 8 utilisateurs visitant le site pour la gestion des subventions, les démarches administratives, les services étudiants et la recherche d'emploi.
Le site comporte un grand nombre de pages (215 pages) et une forte densité de contenu, ce qui complique l’accès aux informations pertinentes et décourage les utilisateurs dans leur expérience. À l’inverse, certaines pages manquent de contenu, les rendant moins utiles et engageantes pour les utilisateurs.
De plus, la version responsive est insuffisante, rendant la navigation encore plus difficile sur mobile.
L’arborescence du site est trop profonde, obligeant l’utilisateur à cliquer plusieurs fois avant d’atteindre l’information recherchée et à son objectif.
Par ailleurs, la majorité des utilisateurs ne comprennent pas toujours les titres des pages, qui ne reflètent pas fidèlement leur contenu, ce qui génère de la confusion.
Lors des échanges avec des utilisateurs, la barre de recherche n’était pas suffisamment visible, et la majorité des utilisateurs n’avait pas remarqué sa présence.
Certaines fonctionnalités, comme les filtres de recherche, ne sont pas comprises par les utilisateurs. L’expérience utilisateur globale manque de clarté et d’accessibilité, ce qui nuit à la navigation et à l’engagement des utilisateurs.
Nous avons travaillé sur l’optimisation de l’arborescence afin de réduire au maximum la dette textuelle tout en regroupant les contenus sous différentes catégories pour améliorer le parcours utilisateur selon les besoins de différents typologies utilisateurs.
Suite à cette phase de la recherche, nous avons envisagé d’hiérarchiser et regrouper les contenus pour éviter la surcharge cognitive, améliorer l’UI et la visibilité des fonctionnalités clés, Simplifier l’arborescence pour faciliter la navigation et la rendre plus intuitive, limiter l’usage des contenus multimédias, personnaliser la fonctionnalité de l’accessibilité destinée aux utilisateurs en situation de handicap.
Version desktop
Version mobile
Ces maquettes ont été testé auprès 8 utilisateurs ( 5 particuliers, 1 commune, 2 associations) et il s’agissait de tester huit scénarios visant à évaluer la fluidité de la navigation, l’efficacité des fonctionnalités, la clarté de la structure du site.
Globalement, l’expérience utilisateur est perçue comme intuitive et bien structurée. Les points positifs sont :
En cours d’évaluation…
D’un point de vue éco-conception, la première étape a été d’auditer le site en utilisant les critères du RGESN. Nous avons ensuite restitué les résultats au client afin de définir des stratégies et un plan d’action pour la refonte.
Tout au long de la conception, nous avons suivi et veillé à ce que le parcours utilisateur soit centré sur l’unité fonctionnelle, en tenant compte des typologies d’utilisateurs. Nous avons également suggéré des alternatives aux idées énergivores et polluantes.
Une fois la conception aboutie, une séance de passation a été organisée avec les développeurs d’Attineos. Cette rencontre nous a permis d’expliquer les maquettes, de les former et de les sensibiliser aux bonnes pratiques de l’éco-conception.
À la fin de l’intégration, nous avons repris cinq pages du site, parmi les plus visitées, et réalisé un audit final afin de proposer des axes d’amélioration. Nous avons également alerté sur les points de vigilance pouvant impacter le score d’éco-conception. Pour cela, nous nous sommes appuyés sur les principes des 115 bonnes pratiques de l’éco-conception : simplicité, frugalité et pertinence.
À l’aide d’outils tels qu’Ecoindex et GreenIT, nous avons évalué les performances environnementales de nos pages clés, identifiant ainsi les marges de progression possibles. Ce travail nous a permis d’obtenir un score D (54/100) sur Ecoindex. Le nouveau site a été optimisé d’environ 51,72% par rapport à la version précédente. Ce résultat repose sur l’amélioration de plusieurs aspects critiques : temps de chargement, fluidité du parcours, optimisation des médias (images, vidéos), compression des ressources, ainsi que la minification et validation des scripts.
Un résultat plutôt satisfaisant comparé à la version précédente. Cependant, ce score, inférieur au niveau C malgré les améliorations apportées, s’explique par la décision de Seine-Maritime de conserver certaines fonctionnalités à forte consommation énergétique. La suppression de ces dernières pourrait permettre d’améliorer significativement le score et d’atteindre un niveau supérieur en termes d’éco-conception.
Ce projet s’est révélé particulièrement enrichissant, tant du point de vue de l’expérience utilisateur que des enjeux éthiques liés à l’accessibilité et à l’éco-conception. Grâce à une approche centrée sur les utilisateurs, nous avons pu identifier les frictions majeures et proposer des solutions adaptées pour rendre la navigation plus fluide, les contenus plus accessibles et les fonctionnalités plus intuitives. L’intégration des tests utilisateurs a permis de valider nos choix et d’orienter la conception vers une expérience plus inclusive et efficace.
Sur le plan éthique et environnemental, la démarche adoptée a permis d’optimiser l’empreinte écologique du site tout en garantissant une meilleure conformité aux normes d’accessibilité. En réduisant la dette textuelle, en améliorant l’ergonomie et en optimisant les ressources, nous avons contribué à la création d’un produit plus responsable et plus performant.
Ce projet illustre pleinement notre engagement pour un design éthique, conciliant expérience utilisateur optimisée, accessibilité renforcée et impact environnemental réduit. Nous sommes convaincus que ces principes doivent être au cœur des projets digitaux et nous nous réjouissons d’avoir pu accompagner cette transformation aux côtés du département Seine et Maritime.
