flèche bleu tournée vers la droite

Bibliothèques de Nîmes

Refonte UX-UI du site & Accessibilité numérique

2025

Culturel
Refonte UX-UI
Accessibilité numérique

Le groupement des bibliothèques de Nîmes a souhaité créer un portail numérique unifié, capable de centraliser catalogue, ressources, services et actualités au sein d’une expérience fluide et accessible à tous. Wolfox a accompagné la Ville dans cette refonte stratégique en alliant recherche utilisateur, conception UX/UI et exigences d’accessibilité, le tout dans le cadre contraint d’un CMS spécialisé : Syracuse.

Problématiques

Comment repenser l’expérience utilisateur d’un portail riche en contenus et fonctionnalités sans perdre la clarté de navigation ?
Comment repenser l’expérience utilisateur d’un portail riche en contenus et fonctionnalités sans perdre la clarté de navigation ?

Le groupement des bibliothèques de Nîmes a entrepris la création d'un portail numérique unifié pour remplacer leurs différents environnements numériques fragmentés : - Catalogue des bibliothèques - Ressources numériques en ligne (abonnements, livres numériques) - Services et outils (agenda APIDAE, inscriptions avec paiement en ligne, réservations, comptes lecteurs) - Blog La solution technique retenue était la plateforme logicielle Syracuse, spécialisée dans la gestion et la diffusion de contenus et services culturels.

Défis & Objectifs

  • Accessibilité numérique : Garantir un score minimum de 80% sur les critères RGAA (Référentiel général d'amélioration et d'accessibilité)
  • Expertise UX/UI : Concilier les besoins du client, les attentes des utilisateurs et les contraintes techniques de l’outil qui propose une structure limitée par des blocs pré-définis.
  • Gestion de projet : Mettre en place un processus fluide avec une planification rigoureuse pour faciliter la communication avec les nombreux intervenants
  • Pédagogie : Accompagner les équipes dans la compréhension des enjeux UX/UI et du processus de design

La démarche projet

Phase de recherche

Nous avons orienté nos recherches sur plusieurs axes pour identifier des opportunités d'innovation :

1. Analyse concurrentielle

Nous avons étudié les portails de bibliothèques similaires pour identifier les bonnes pratiques. Cette analyse a confirmé l'importance cruciale de l'accessibilité et mis en évidence la nécessité d'une structure claire, d'accès rapides aux ressources et d'un design épuré favorisant la lisibilité.

2. Entretiens utilisateurs

Nous avons mené 6 entretiens approfondis de 45 minutes chacun, ciblant la compréhension des besoins et des usages actuels. Ces échanges ont révélé :

  • Des difficultés de navigation entre les différentes plateformes existantes
  • Des points de friction provoquant des abandons
  • Une opportunité forte : le souhait de retrouver virtuellement l'expérience de la bibliothèque physique, notamment les recommandations des bibliothécaires

3. Création de personas

En nous appuyant sur les recherches préalables et les entretiens, nous avons développé des personas détaillés qui ont servi de guide tout au long du processus de conception, clarifiant les profils d'utilisateurs et leurs objectifs.

4. Journey mapping

Cette étape nous a permis d'analyser en profondeur les parcours utilisateur existants, d'identifier les frictions et de définir clairement les objectifs d'amélioration, permettant de définir les objectifs du projet et les exigences de conception à maintenir tout au long du projet

Conception

Architecture de l'information

Suite à la recherche, nous avons animé un atelier de priorisation de contenu avec les équipes des bibliothèques pour :

  • Hiérarchiser les informations issues des différents sites existants
  • Identifier les fonctionnalités attendues pour chaque page
  • Élaborer une sitemap structurée et cohérente

Wireframes

Nous avons d'abord conçu des wireframes pour les pages principales (accueil, résultats de recherche catalogue, fiche détaillée d'un livre). Cependant, lors des premiers échanges, nous avons identifié deux défis majeurs :

  1. Appropriation par les décideurs : Les wireframes, bien que méthodologiquement pertinents, ne permettaient pas au comité de direction de se projeter suffisamment dans le produit final, créant des difficultés dans le processus de validation.
  2. Contraintes techniques structurantes : La plateforme Syracuse imposait une architecture par blocs prédéfinis, limitant considérablement la liberté de structuration des pages.

Face à cette situation, nous avons adapté notre approche méthodologique pour garantir l'avancement du projet et l'adhésion de toutes les parties prenantes.Nous avons donc décidé de passer directement en UI sur le reste des pages en intégrant du contenu réel afin de s’assurer de valider :

  • La présentation et la hiérarchie de l'information
  • La compréhension des éléments de navigation
  • L'ergonomie globale

Maquettes haute-fidélité

Nous avons développé trois propositions distinctes pour la page d'accueil :

  1. Une approche aux formes arrondies pour un côté plus accueillant et friendly
  2. Une version avec des éléments rectangulaires pour un style plus sobre
  3. Une proposition compacte et fonctionnelle

Après validation de la direction artistique, nous avons décliné l'ensemble des templates clés du portail.

Le travail de direction artistique tenait compte :

  • Des exigences d'accessibilité
  • De la charte graphique de la ville de Nîmes (à adapter pour le digital)
  • Des contraintes techniques de la solution Syracuse
  • Des enseignements de mes recherches (benchmark et entretiens utilisateurs)
Homepage
Sélection des livres du moment

Validation de l'accessibilité

Nous avons particulièrement veillé au respect du Référentiel Général d'Amélioration de l'Accessibilité (RGAA), en travaillant sur :

  • L'optimisation des couleurs et des contrastes
  • L'explicitation claire de tous les liens et actions
  • La structuration de l'information (rapports de taille, …)
  • La présentation de l'information (Tailles de caractère, espacements, …)
  • La navigation
  • La mis en forme des formulaires

Un audit final de la plateforme sera réalisé une fois la plateforme intégrée.

Conclusion

Grâce à une démarche centrée sur la co-construction et l’accessibilité, Wolfox a conçu un portail culturel moderne, lisible et inclusif, où les habitants de Nîmes pourront retrouver facilement leurs ressources, événements et services. Cette refonte marque une étape clé dans la transformation numérique du réseau des bibliothèques, en conciliant simplicité d’usage, cohérence graphique et conformité RGAA.