← Retour
Refonte de site

Refondre le site des bibliothèques d'Aix-Marseille Université autour des tâches clés des étudiants

Une refonte du site des Bibliothèques universitaires d'Aix-Marseille Université centrée sur les tâches les plus fréquentes des étudiants (trouver un document, consulter les horaires, accéder aux services), testée avec plus de 20 étudiants sur une tâche réelle de bout en bout avant la mise en production.

Le défi

Le site des bibliothèques était devenu de plus en plus difficile à parcourir et à maintenir. Son design paraissait daté, et la quantité croissante de contenus et de services compliquait l'accès rapide des étudiants aux informations essentielles.

Des tâches clés comme consulter les horaires, accéder aux services ou trouver un document demandaient trop de navigation et manquaient de hiérarchie claire.

Principaux enjeux :

  • Une interface datée, qui ne reflétait plus l'écosystème numérique de l'université
  • Une navigation complexe dans une grande quantité de contenus et de services
  • Une faible visibilité des informations pratiques essentielles
  • Une recherche documentaire reposant sur un outil externe, en dehors du site principal
  • Un environnement très riche, mêlant ressources, services, actualités et contenus institutionnels

La refonte devait moderniser l'interface tout en préservant les structures qui fonctionnaient déjà pour les utilisateurs.

(Capture de l'ancien site)

Ma démarche

La refonte est partie d'une analyse du site existant plutôt que d'une rupture totale : l'objectif était de garder ce qui était familier et utile, et de supprimer ce qui créait des frictions.

1. Recherche & benchmark

J'ai réalisé un benchmark de sites d'universités et de bibliothèques comparables, et analysé le site existant en profondeur.

Axes d'analyse :

  • Les schémas de navigation et d'architecture de l'information
  • Les expériences de recherche et la découverte des services
  • Les structures existantes à conserver
  • Les parcours redondants ou difficiles

Cette recherche a fixé une direction claire, sans casser les repères déjà familiers aux utilisateurs.

2. Une architecture de l'information construite autour des tâches clés

La nouvelle structure a rapproché de la surface les tâches les plus fréquentes des étudiants.

Tâches prioritaires :

  • Trouver un document
  • Consulter les horaires des bibliothèques
  • Accéder aux services des bibliothèques
  • Comprendre les ressources disponibles
  • Découvrir les formations et l'accompagnement

La navigation a été réorganisée autour de catégories plus claires et de points d'entrée explicites, ce qui réduit l'effort pour accéder aux services les plus utilisés.

3. Concevoir autour d'un outil de recherche externe

Le parcours de catalogue et de réservation reposait sur un outil de recherche externe complexe, mal intégré au site principal et en dehors du périmètre direct du projet.

Réponse design :

  • Un point d'entrée de recherche mis en avant sur la page d'accueil
  • Une transition plus claire entre le site des bibliothèques et l'environnement de recherche
  • Des repères cohérents pour que les étudiants sachent où ils se trouvent dans le parcours

Plutôt que de redessiner un outil qu'il ne pouvait pas modifier, le projet s'est concentré sur un chemin le plus clair possible pour y accéder.

4. Wireframes & UI design

Des wireframes ont été réalisés pour les pages principales, en version ordinateur et mobile, puis traduits en une interface contemporaine adaptée à un environnement institutionnel.

Principes de design :

  • Une hiérarchie de couleurs fondée sur l'identité des bibliothèques : rouge principal (#D0224A) et bleu principal (#1568D5)
  • Jost pour les titres et Mulish pour le texte courant
  • Une hiérarchie forte et des appels à l'action clairs
  • Des contrastes et une typographie lisibles, selon les principes du RGAA et des WCAG

L'interface a conservé des schémas cohérents pour des types de contenus très différents.

5. Alignement des parties prenantes & contraintes Drupal

J'ai travaillé en lien étroit avec le chef de projet, les développeurs, les bibliothécaires et les personnels administratifs chargés du site.

Points d'attention :

  • La connaissance qu'ont les bibliothécaires des services et de la gestion quotidienne des contenus
  • Les contraintes institutionnelles et opérationnelles
  • La faisabilité technique dans l'environnement Drupal existant

Cette collaboration a permis de garder un design réaliste à développer et à maintenir.

Validation

Une première version développée a été testée avec des étudiants à la bibliothèque universitaire d'Aix-en-Provence.

Protocole de test :

  • Plus de 20 étudiants participants sur une journée
  • Une tâche réaliste de bout en bout : trouver un livre précis et tenter de le réserver
  • Une évaluation de l'approche visuelle comme de la structure

Le test a été concluant : les étudiants ont compris la nouvelle interface et ont atteint la ressource demandée. Il a aussi révélé des pistes pour améliorer l'interaction avec l'outil de recherche documentaire, intégrées dans l'itération suivante avant la mise en production.

Résultats

La refonte a apporté une expérience plus moderne et mieux structurée, tout en préservant les services et les repères que les utilisateurs connaissaient déjà. Validée par des étudiants sur une tâche réelle, la nouvelle interface rend les informations essentielles plus faciles à trouver et réduit les frictions dans les tâches courantes.

Principales améliorations

  • Un accès plus rapide aux horaires et aux services clés
  • Une recherche documentaire plus visible et plus claire
  • Une navigation simplifiée avec des points d'entrée explicites
  • Des contenus hiérarchisés selon les besoins des étudiants
  • Une interface moderne, accessible et responsive
  • Un design validé avec plus de 20 étudiants

1 / 6

Ce que j'en retiens

Ce projet m'a confirmé l'importance de concevoir au sein d'un écosystème existant plutôt que de traiter une refonte comme une page blanche, en conciliant attentes des utilisateurs, exigences institutionnelles, contraintes techniques et complexité des contenus.

Tester avec plus de 20 étudiants a été particulièrement précieux : cela a montré à quelle vitesse des hypothèses de design peuvent être confirmées, ou remises en question, dès que de vrais utilisateurs utilisent le produit.

Travailler avec Drupal et autour d'un outil de recherche externe m'a aussi appris à me concentrer sur ce que le design peut améliorer dans un périmètre donné, plutôt que sur ce qui se trouve en dehors.