Un diagnostic exhaustif de l’existant
Une prise de conscience par l’expérience
Suite à la refonte complète du site web de la métropole avec une nouvelle identité graphique un peu plus d’un an auparavant, le site a pu être éprouvé. Plusieurs retours, en interne mais aussi par les utilisateurs, ont soulevé une variété de problématiques (homogénéité, accessibilité, écoconception…). Malgré une volonté d’écoconcevoir le site, le site obtient la note F à l’EcoIndex. En cause notamment, le poids des pages et le nombre trop important de requêtes. De plus, même si l’accessibilité du site est partielle, plusieurs critères RGAA supplémentaires peuvent être appliqués.
L’objectif de notre collaboration réside, en premier lieu, dans un audit exhaustif du site afin de faire quantifier les types de problématiques (accessibilité, utilisabilité, écoconception, homogénéité…). Cet audit servira ensuite de socle de base pour la suite des travaux : priorisation des modifications, maquettages des quickwins… Bordeaux Métropole a besoin d’une vue d’ensemble sous forme de diagnostic exhaustif pour pouvoir faire des choix éclairés sur la direction à prendre sur les ajustements du site. Il lui faut optimiser les modifications à forte valeur ajoutée pour les usagers tout en conservant un temps de développement maitrisé.
Un effort à redistribuer intelligemment
Catégorisé, recommandé et estimé
Notre audit exhaustif est réalisé sur l’ensemble des gabarits de page du site (page d’accueil, page article, page carrefour, menu,…). Il s’intéresse autant à la navigation qu’aux composants unitaires. Chaque élément améliorable est catégorisé selon le ou les critères auxquels il ne répond pas (ex : guidage, lisibilité, homogénéité, accessibilité, écoconception…).
En complément, nous indiquons notre évaluation de la criticité de notre recommandation. Une criticité « mineure » n’a qu’un faible impact général sur l’utilisabilité du site tandis qu’une criticité « critique » est considérée comme bloquante.
En complément de nos évaluations ergonomiques, nous appliquons également une mention sur la complexité de mise en œuvre. Cette évaluation est à titre indicatif seulement et est à challenger avec les développeurs. L’intérêt pour Bordeaux Métropole est de pouvoir rapidement cerner les quickwins. Une criticité « critique » avec une complexité de mise en œuvre « simple » est pertinente à prendre en compte le plus rapidement possible.
Au total, lors de cet audit, un nombre total de 65 recommandations différentes a été rédigé dont 54 constats « critiques » ou « majeurs ». La majorité des points relevés concernent l’homogénéité et le guidage des utilisateurs.
Sans pouvoir prendre la responsabilité d’assurer atteindre une note spécifique à l’EcoIndex, le calcul portant davantage sur le code source, nous avons profité de cet audit pour pousser des bonnes pratiques d’écoconception. Ces recommandations ont pour objectif de réduire le poids des pages et le nombre de requêtes sans dégrader l’expérience utilisateur.
Nos recommandations prennent vie
Bordeaux Métropole est lucide face à ses faiblesses
Bordeaux Métropole a déjà conscience des pages les plus enclines à l’amélioration. De ce fait, la priorisation des écrans pour appliquer nos recommandations fut rapide. Nous ne pouvions pas toucher à l’arborescence du site : ce chantier nécessitant davantage de temps à la fois d’un point de vue de l’expérience que du développement. Toutefois nous avons fait le choix de proposer un nouvel affichage de la navigation en version desktop pour faciliter la navigation dans le site.
Les pages carrefours étaient prioritaires pour Bordeaux Métropole. L’équipe projet était consciente de l’ergonomie insuffisante de ces pages charnières pourtant primordiales dans une arborescence descendant jusqu’à 7 niveaux de profondeur.
Un gabarit de page article a également été redesigné car c’est un type de page dans lequel de nombreux composants cohabitent et où l’homogénéité est donc d’autant plus importante.
Écoconception et accessibilité au cœur de la réflexion
L’architecture d’information a été revue sur l’ensemble des pages avec des ajustements plus ou moins conséquents selon les composants pour corriger les lacunes évoquées dans notre audit. Du point de vue de l’écoconception, nous avons, par exemple, proposé comme alternative à la carte interactive automatiquement chargée sur les pages de type lieu, une carte interactive qui ne se charge qu’au clic de l’utilisateur. Cette simple recommandation permet d’obtenir un composant écoconçu mais améliore aussi l’utilisabilité du site. En effet, le scroll sur la page était interrompu (voire complètement stoppé sur mobile) dès lors que le curseur se trouvait dans la zone de la carte.
Une des propositions à valeur ajoutée que nous avons maquettées est le nouveau menu. L’idée est d’avoir un menu du type Mega Menu qui s’ouvre sous forme de modale sur l’ensemble de l’écran. En plus de garder une cohérence d’affichage par rapport aux autres items du menu (ex : accès rapide, recherche…), cette mise en page permet à l’utilisateur de naviguer plus rapidement entre les différentes entrées de niveau 2 et 3 plutôt que de devoir cliquer en permanence sur un bouton retour pour accéder aux niveaux précédents. En lien avec ce nouveau menu, les pages carrefours ont été repensées pour permettre de descendre deux niveaux de profondeur en un clic grâce à une présentation rassemblée. L’utilisateur peut choisir d’accéder à une catégorie entière (Nx) ou à une catégorie appartenant à la catégorie Nx (donc Nx-1).
Garantir l’homogénéité et la passation dev avec un Design kit
Bordeaux Métropole possède son propre Design System depuis sa refonte. Afin de faciliter la mise à jour de ce dernier par l’équipe projet, nous avons fourni un design kit avec l’ensemble des composants des maquettes refondus.
Ce design kit est moins détaillé qu’un design system mais il possède l’avantage de présenter les différents composants et leurs états ainsi que quelques recommandations d’usage. C’est aussi un bon outil à fournir aux développeurs en attendant l’intégration des composants mis à jour dans le Design System.
Offrir une expérience à l’image de la Métropole
Impact et perspectives
Suite à la livraison de notre audit et des maquettes faisant figure de mise en pratique des recommandations de l’audit, Bordeaux Métropole a toutes les clés en main pour faire des choix éclairés sur les chantiers à prioriser avec son prestataire de développement.
Cette première collaboration avec la direction de la communication de Bordeaux Métropole a su démontrer l’importance d’une bonne approche UX lors d’une refonte graphique pour garantir la qualité d’un site web.
Nous avons pu évangéliser sur les sujets d’écoconception, d’accessibilité et de qualité web grâce à une équipe Bordeaux Métropole ouverte à ces sujets et en confiance avec notre posture d’expert.
Finalement, cette prise de conscience à la suite de la refonte de leur site marque la volonté de Bordeaux Métropole d’offrir une expérience de qualité à ses citoyens.
Cette forte implication dans la digitalisation des services métropolitains est conscientisée. Les valeurs de la métropole se doivent de transparaitre via leur site. L’effort mis sur la qualité de l’expérience mais également sur l’accessibilité et l’écoconception témoignent d’une métropole en accord avec son époque.
Ce projet est une belle opportunité pour prouver qu’un site est vivant et qu’il doit en permanence s’adapter aux enjeux actuels et futurs.
