Contactez-nous
Une question ? N’hésitez pas à nous écrire !
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 ?
Contexte
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 :
- 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.
- 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 :
- Une approche aux formes arrondies pour un côté plus accueillant et friendly
- Une version avec des éléments rectangulaires pour un style plus sobre
- 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)
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.
