Les portails de
bibliothèques
FIBE – 24 février 2015
Pierre Naegelen
Responsable du Service des Ressources
Électroniques &...
Introduction: Les nouveaux besoins des BU à l’ère du
numérique
• La gestion de projet de site web
• Exemples d'exploitatio...
Introduction: Les nouveaux
besoins des BU à l’ère du
numérique
Plan
- Évolution des bibliothèques (à
grands traits)
- Les nouveaux besoins en RH qui
en découlent
Évolution des bibliothèques
•Première thèse : la machine bibliothèque est « une sphère dont le centre est
partout et la circonférence nulle part »
•De...
Première thèse : la machine bibliothèque est
« une sphère dont le centre est partout et la
circonférence nulle part »
Dématérialisation de la documentation électronique…
Apparition des e-books…. Accès distants…
Première thèse : la machine bibliothèque est « une
sphère dont le centre est partout et la
circonférence nulle part »
 “M...
Première thèse : la machine bibliothèque est « une
sphère dont le centre est partout et la
circonférence nulle part »
« Se...
« Les catalogues dans le web ». Par figoblog (Emmanuelle Bermès). Source: Slideshare
« Les catalogues dans le web ». Par figoblog (Emmanuelle Bermès). Source: Slideshare
Troisième thèse : la machine bibliothèque
délie ce que le livre avait lié et déborde ce qu’il
avait limité
Troisième thèse : la machine bibliothèque délie ce que le livre
avait lié
et déborde ce qu’il avait limité
Troisième thèse : la machine bibliothèque délie ce que le livre avait lié
et déborde ce qu’il avait limité
Troisième thèse : la machine bibliothèque délie ce que le livre avait lié
et déborde ce qu’il avait limité
Quatrième thèse : la machine bibliothèque devient encore plus importante
qu’auparavant car elle doit réinventer les synthè...
Réponse:
un outil de
découverte
répond au
besoin
Sur le futur site
web: possibilité
de signaler des
sites de facultés,
d’étudiants, de
professeurs, ou
d’autres sites en
ra...
• Cinquième et dernière thèse : la machine
bibliothèque fusionne avec les salles de classe
et les centres de recherche
Les nouveaux besoins en RH
qui en découlent
Besoin d’un IGE pour développer de
nouvelles applications !
• Besoin connexe 1 :
Pour la publication de contenus…
On a besoin
- d’un webmaster
- d’un spécialiste en droit d’auteur…
Menu PAGES
Droits de
création/
édition de
compte
Droits de
publication
Droits de
rédaction
Droits de
catégoriser
Droit de
...
Attention ! Danger !
La licence indique que toutes les images ne sont pas nécessairement
libres de réutilisation. Il faut ...
• Besoin connexe 2 :
Mieux connaître nos publics:
- Evaluation quantitative et qualitative des usages
de la documentation ...
Nombre de téléchargements de 2008 à 2011
• Besoin connexe 3 :
Un rôle d’appui à la recherche, notamment pour
les archives ouvertes:
Promotion, formation, aide…
Synthèse
Source: Les bibliothèques numériques, formats, accès, services EBD 2009
by Luc Bellier on Nov 15, 2009. Source: Slideshare
On a besoin:
- d’un IGE pour développer de nouvelles applications
- d’un juriste pour les questions liées au droit d’auteu...
Pour assaisonner avec quelques épices…
Des personnes qui aiment :
Faire de la veille
Proposer des services innovants
Fa...
La gestion de
projet de site
web
L’humanité évolue…
Human evolution scheme. Par M. Garde (Self work (Original by: José-
Manuel Benitos)) [GFDL (http://www....
Les sites web aussi…
Premier site web du SCD…
Source: Internet Archive. Version du 19 juillet 2005
http://web.archive.org/web/20050719080109/ht...
Deuxième site web…
Source: Internet Archive. Version du 18 janvier 2006
http://web.archive.org/web/20050719080109/http://w...
Et maintenant…
Objectifs du site:
Permettre un accès rapide aux services proposés par les bibliothèques de l’UPS
Valoriser la production ...
Objectifs du site:
Faciliter l'accès nomade aux ressources électroniques pour lesquelles l'Université a
souscrit un abonne...
Notions-clés: la bibliothèque hybride et les services
Caractère hybride des bibliothèques: les services articulent toujour...
Quelle méthode de travail ?
1. Evaluer le site actuel pour établir une
cartographie de l’existant
2. Recenser et synthétiser les besoins
3. Benchmarki...
1. Evaluation du site web…
Source: Internet Archive. Version du 18 janvier 2006
http://web.archive.org/web/20050719080109/...
– Au plan de l'ergonomie
Le site web du SCD (http://www.scd.ups-tlse.fr) présentait notamment les
défauts suivants :
- Pro...
– Au plan fonctionnel
- Site qui ne sollicitait pas de participation active des usagers: modèle
d'information descendante
...
• Pour recueillir et formaliser les besoins, on a eu
recours à la technique du « brown paper »
2. Expression des besoins…
Elément-clé de la méthode de travail:
l’écoute de l’autre…
Domestic Quarrel. Par zubrow. CC BY-NC 2.0.
Source: Flickr
Autrement dit regarder ce qui se fait ailleurs.
3. Le benchmarking…
SCD Université Versailles Saint-Quentin
Formulation claire et simple…que
nous avons reprise
Le SCD Université Lyon 2
Mise en
valeur
efficace des
services
proposés par
la
bibliothèque
La BNUS
Les
différents
formulaires
de contact
sont
regroupés
sur une
même page
La Boston University
Place
considérable
laissée à l’image
fixe ou vidéo
+
Menu « scroll
down »
La Cornell University Library
L’image de fond se modifie à
chaque rafraîchissement de la
page
La Bibliothèque de l'Université d'Amsterdam
L’image de
fond est
changeante
+
Caractère
volontairement
dépouillé du
site :
...
La NCSU Library
Plusieurs qualités listées par J. Sicot et A. Marois :
• « Carte interactive et en temps réel des postes informatiques dis...
La mise en valeur des bases de données:
l'exemple inspirant de la BUA
• SCD Université Lyon 1 (ancien site)
• BULCO Bibliothèque de l'Université du Littoral
Côte d'Opale
• SCD de l'Université ...
SCD Pau : la page de premier niveau est très convaincante…
La page de second niveau est pas mal, mais on peut mieux faire…
Lucy Scribner Library (ancienne version du site)
Heureusement, on a finalement trouvé ce site !
• Exemple : University of Saskatchewan
Offrir la possibilité de partager n'importe quelle page... Est-ce bien utile ?
Perm...
• Georgia Tech Library
Autre idée (que nous n’avons pas reprise) : la carte interactive indiquant la disponibilité
en temp...
• Ball State University Library
Computer availability
• NCSU Library
Computer availability
• Oregon Sate University Library
Computer availability
4. Modélisation
Un peu de carton et de colle…
Des tentatives avec un éditeur de texte
Et beaucoup de maquettes sous forme de
diaporamas plus ou moins affreuses…
Ce défilé d’horreurs nous a conduits
à tirer la conclusion qui s’imposait:
nous avions besoin d’un
graphiste…
• Cahier des clauses techniques particulières
Travail minutieux permettant de dégager les
spécifications techniques, page ...
I) Cartographie de l’existant
A) Faiblesses du site actuel
1. Au plan de l'ergonomie
2. Au plan fonctionnel
3. Au plan tec...
Un projet qui mobilise 4 types d’acteurs
Maîtrise d’Œuvre et Maîtrise d’Ouvrage
Equipe projet MOA:
Missions:
• Étude de l’existant
• Définition des besoins
fonctio...
MOE : Le Département TIC/TICE et
multimédia
Missions:
• Apporter au MOA son concours pour l’expression des besoins,
l’étud...
Comité Technique:
Missions:
• pour le développement de la solution, il arbitre les priorités des besoins
détaillés, valide...
Comité de pilotage
Missions: Instance de décision et de pilotage stratégique du projet
• Lancement du projet: finalités, o...
Graphiste
Vincent Fleury (société c’tookom) a élaboré la
maquette graphique et la charte graphique
Intégrateur Drupal
La s...
• Rédaction d’une chaîne éditoriale
• Rédaction d’une charte éditoriale
• Formation des personnels (en présentiel et via d...
Chaîne éditoriale
Chaîne éditoriale
Charte éditoriale
Le calendrier…
De mars 2011 à juin 2011: réunions hebdomadaires Groupe projet site web + DTICE
pour déterminer les spécifi...
• Les contraintes organisationnelles ont fait que le laps de
temps entre la fin de la conception du site et la mise en
lig...
2 billets très riches d'Etienne Cavalié (SCD de Nice) :
Retour d’expérience sur la mise en place du nouveau site web du SC...
Quelques conseils de lecture...
Exemples
d'exploitation des
statistiques fournies
par Google Analytics
Ce n'est pas du tout
l'ordre de nos
rubriques --> Il faudra
qu'on le modifie...
Les usability
tests
« Usability tests » : procéder à des tests auprès des usagers afin de dégager les points forts et surtout les
points faibl...
From Don't make me think! : a common sense approach to Web usability by Steve Krug.
Bohyun Kim & Marissa Ball - 3/23/2011 ...
From Don't make me think! : a common sense approach to Web usability by Steve Krug.
Bohyun Kim & Marissa Ball -
3/23/2011 ...
1. Clutter / Noise
2. Dated look
3. Too subtle design
4. Unclear terms / library jargon
5. Redundant or unnecessary conten...
Un excellent exemple d’ usability test :
le blog de la NCSU Library
Méthode :
• une trentaine d’usagers pris au hasard dan...
Les usability tests pratiqués par la NCSU Library
Ce qui permet de
lister les points
forts et les points
faibles.
Les usability tests pratiqués par la NCSU Library
• une trentaine d’usagers pris au hasard dans le hall
de la bibliothèque est sollicitée pour tester la
navigation sur le s...
Deux difficultés apparaissaient :
1) Arriverait-on à solliciter une trentaine d'usagers?
2) Si l'on affichait une quinzain...
1) Si les usagers ne viennent pas à nous, c'est à
nous de venir à eux... En troquant un ordinateur
de bureau contre un ord...
L'ergonomie de l'outil de découverte peut
être améliorée
La question 14 se présentait ainsi : "Vous faites une
recherche e...
Site « normal » :
Site test :
Trois défauts mis en lumière par les
usability tests
1) Les usagers ne trouvent pas les pages
thématiques
Solution proposée :
Rendre le bouton plus visible et/ou ajouter un lien hypertexte sous le bouton,
lien qui serait intitul...
2) Les usagers ne voient pas l'icône présente
dans le pied de page leur permettant d'accéder
à "BloBuss", le blog de la BU...
3) L'URL du site (http://scd.univ-tlse3.fr) n'est
pas parlante pour les usagers.
Solution proposée :
nouvelle URL http://b...
Amélioration
de
l’ergonomie
de l’outil de
découverte
Amélioration de l’ergonomie de l’outil de
découverte
Solutions propriétaires
EBSCO Discovery Service (EBSCO)
OCLC WoldCat local (OCLC)
Primo (EXLibris)
Summon (SerialsSolution...
Difficultés liées aux Outils de découverte (DT = Discovery Tools)
• Couverture des éditeurs français
• Besoin de vues par ...
L'ergonomie de l'outil de découverte peut
être améliorée
La question 14 se présentait ainsi : "Vous faites une
recherche e...
Site « normal » :
Site test :
Idée : les lecteurs sont perdus par l’abondance des résultats proposés et
n’utilisent pas les facettes en aval. Il faut do...
Autres exemples d'amélioration de l'ergonomie de l’outil de découverte
CSU San Marcos Libraries
NCSU LibrariesDuke Univers...
Projet de Discovery Tool national
Source : Couperin
Sites web de
bibliothèques et
terminaux mobiles
4 façons de rendre accessible un site sur un terminal
mobile :
- Via une application mobile native
- Via un site web mobil...
Une application mobile native…
•Une application nécessite d’être téléchargée par l’usager
(ainsi que ses mises à jour)
•Il...
Site web mobile...
• Bordeaux 3
• Soit l’usager doit composer une adresse
URL spécifique, soit la version mobile
s’affiche...
Site web mobile...
• University of Arizona Library • University of Michigan Library
Site web mobile...
• Ball State University Libraries • Oregon State Universities
Libraries
Pour voir d'autres réalisations...
Concept récent (2010). Idée : l’apparence du site s’adapte à la taille de
l’écran. Le site est « fluide » (les images se r...
Liste sélective de sites d’universités:
•Harvard University
•College Mount University
•University of Nebraska-Lincoln
•Cha...
Identification des points de rupture
320 pixels Appareils à petit écran, comme les téléphones en mode portrait
480 pixels ...
Le responsive design résumé en 9 gifs animés :
http://blog.froont.com/9-basic-principles-of-
responsive-web-design/
Clique...
Illustration: le site web du SCD de Toulouse 3
Une seconde feuille de style s’ouvre quand un
terminal mobile est détecté
Une seconde
feuille de style
• BUA (Angers)
Les forfaits sont-ils un obstacle à la recherche documentaire sur terminal
mobile?
- Les smartphones permettent de se conn...
Conclusion : un changement de méthode pour la
conception de site web est en train de voir le jour :
réfléchir au mobile en...
Des questions ?
Question Mark. Par Winged Wolf. CC BY-NC-ND 2.0. Source: Flickr
Merci de votre attention !
pierre.naegelen@univ-tlse3.fr
Blog : Numeribib
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Portails de bibliothèques
Prochain SlideShare
Chargement dans…5
×

Portails de bibliothèques

2 797 vues

Publié le

discovery tool, libraries, library, library and information science, mobile application development, mobile phone, universite paul sabatier toulouse 3, university, web design, web design and development, website...

Publié dans : Formation

Portails de bibliothèques

  1. 1. Les portails de bibliothèques FIBE – 24 février 2015 Pierre Naegelen Responsable du Service des Ressources Électroniques & Administrateur de contenus site web Service Commun de la Documentation Université Paul Sabatier Toulouse III
  2. 2. Introduction: Les nouveaux besoins des BU à l’ère du numérique • La gestion de projet de site web • Exemples d'exploitation des statistiques fournies par Google Analytics • Les Usability tests • Outil de découverte et ergonomie • Site web sur terminaux mobiles PLAN
  3. 3. Introduction: Les nouveaux besoins des BU à l’ère du numérique
  4. 4. Plan - Évolution des bibliothèques (à grands traits) - Les nouveaux besoins en RH qui en découlent
  5. 5. Évolution des bibliothèques
  6. 6. •Première thèse : la machine bibliothèque est « une sphère dont le centre est partout et la circonférence nulle part » •Deuxième thèse : la machine bibliothèque est de moins en moins virtuelle et de plus en plus réelle et matérielle  On laissera de côté cette thèse •Troisième thèse : la machine bibliothèque délie ce que le livre avait lié et déborde ce qu’il avait limité •Quatrième thèse : la machine bibliothèque devient encore plus importante qu’auparavant car elle doit réinventer les synthèses que l’éclatement des documents ne permet plus •Cinquième et dernière thèse : la machine bibliothèque fusionne avec les salles de classe et les centres de recherche LATOUR, Bruno. « Plus elles se répandent, plus les bibliothèques deviennent centrales », BBF, 2011, n° 1, p. 34-36 [en ligne] <http://bbf.enssib.fr/> “Plus elles se répandent, plus les bibliothèques deviennent centrales” (B. Latour)
  7. 7. Première thèse : la machine bibliothèque est « une sphère dont le centre est partout et la circonférence nulle part »
  8. 8. Dématérialisation de la documentation électronique… Apparition des e-books…. Accès distants…
  9. 9. Première thèse : la machine bibliothèque est « une sphère dont le centre est partout et la circonférence nulle part »  “Mobiquité”= mobilité + ubiquité  Le terme de mobiquité est né de la fusion des mots mobilité et ubiquité. Il correspond au concept d'ATAWAD (AnyTime, AnyWhere, AnyDevice) déposé par Xavier Dalloz. Ce concept décrit la capacité d'un usager en situation de mobilité à se connecter à un réseau sans contrainte de temps, de localisation, ou de terminal. Source: Wikipedia, article « Mobiquité »
  10. 10. Première thèse : la machine bibliothèque est « une sphère dont le centre est partout et la circonférence nulle part » « Services Mobiles en BU – Réflexions à Bordeaux 3 ». Par Sylvain Machefert. Source: Slideshare
  11. 11. « Les catalogues dans le web ». Par figoblog (Emmanuelle Bermès). Source: Slideshare
  12. 12. « Les catalogues dans le web ». Par figoblog (Emmanuelle Bermès). Source: Slideshare
  13. 13. Troisième thèse : la machine bibliothèque délie ce que le livre avait lié et déborde ce qu’il avait limité
  14. 14. Troisième thèse : la machine bibliothèque délie ce que le livre avait lié et déborde ce qu’il avait limité
  15. 15. Troisième thèse : la machine bibliothèque délie ce que le livre avait lié et déborde ce qu’il avait limité
  16. 16. Troisième thèse : la machine bibliothèque délie ce que le livre avait lié et déborde ce qu’il avait limité
  17. 17. Quatrième thèse : la machine bibliothèque devient encore plus importante qu’auparavant car elle doit réinventer les synthèses que l’éclatement des documents ne permet plus  Comment offrir aux usagers un mode de recherche rapide et efficace qui propose une entrée unique pour effectuer d'un seul coup l'essentiel des recherches ? Question Mark. Par Winged Wolf. CC BY-NC-ND 2.0. Source: Flickr
  18. 18. Réponse: un outil de découverte répond au besoin
  19. 19. Sur le futur site web: possibilité de signaler des sites de facultés, d’étudiants, de professeurs, ou d’autres sites en rapport avec la discipline. Outil utilisé: Storify La « curation » est une autre forme (même partielle) de réponse à la quatrième thèse …
  20. 20. • Cinquième et dernière thèse : la machine bibliothèque fusionne avec les salles de classe et les centres de recherche
  21. 21. Les nouveaux besoins en RH qui en découlent
  22. 22. Besoin d’un IGE pour développer de nouvelles applications !
  23. 23. • Besoin connexe 1 : Pour la publication de contenus… On a besoin - d’un webmaster - d’un spécialiste en droit d’auteur…
  24. 24. Menu PAGES Droits de création/ édition de compte Droits de publication Droits de rédaction Droits de catégoriser Droit de commente Toutes les pages par défaut Administrateur Administrateur Rédacteur en chef Administrateur Rédacteur en chef Administrateur Rédacteur en chef Actualités (hors billets blog) Rédacteur en chef Rédacteur-Resp-Service- Lecteurs Rédacteur-Resp- Formation Rédacteur-Service-Ress- Elec Rédacteur-Resp-Section Rédacteur-Resp- Communication Rédacteur-Resp- Acquisitions Rédacteur en chef Rédacteur-Resp-Service- Lecteurs Rédacteur-Resp- Formation Rédacteur-Service-Ress- Elec Rédacteur-Resp-Section Rédacteur-Resp- Communication Rédacteur-Resp- Acquisitions Visiteurs Services soumis à authentification Rédacteur-Resp- Service-Lecteurs Rédacteur-Service- Ress-Elec Rédacteur-Resp-Service- Lecteurs Rédacteur-Service-Ress- Elec Rédacteur en chef Rédacteur-Resp-Service- Lecteurs Rédacteur-Service-Ress- Elec Horaires BU Sciences Horaires BU Santé Rédacteur-Resp- Service-Lecteurs Rédacteur-Resp- Section Rédacteur-Resp-Service- Lecteurs Rédacteur-Resp-Section Rédacteur en chef Rédacteur-Resp-Service- Lecteurs Rédacteur-Resp-Section Horaires autres bibliothèques Rédacteur-Resp-de- Bibliothèque Rédacteur-Resp-de- Bibliothèque Rédacteur en chef Rédacteur-Resp-de- Bibliothèque Accéder aux ress. Descriptif ressources électroniques: bases de données, encyclopédies et dictionnaires, archives ouvertes Rédacteur-Resp- Formation Rédacteur-Service- Ress-Elec Rédacteur-Resp- Formation Rédacteur-Service-Ress- Elec Rédacteur en chef Rédacteur-Resp- Formation Rédacteur-Service-Ress- Elec Rédacteur-Resp- Rédacteur en chef
  25. 25. Attention ! Danger ! La licence indique que toutes les images ne sont pas nécessairement libres de réutilisation. Il faut donc vérifier au cas par cas:
  26. 26. • Besoin connexe 2 : Mieux connaître nos publics: - Evaluation quantitative et qualitative des usages de la documentation électronique et des besoins - Evaluation des pratiques des étudiants et des chercheurs On a besoin d’un sociologue orienté bibliométrie
  27. 27. Nombre de téléchargements de 2008 à 2011
  28. 28. • Besoin connexe 3 : Un rôle d’appui à la recherche, notamment pour les archives ouvertes: Promotion, formation, aide…
  29. 29. Synthèse
  30. 30. Source: Les bibliothèques numériques, formats, accès, services EBD 2009 by Luc Bellier on Nov 15, 2009. Source: Slideshare
  31. 31. On a besoin: - d’un IGE pour développer de nouvelles applications - d’un juriste pour les questions liées au droit d’auteur - d’un webmaster - d’un statisticien orienté bibliométrie - d’un bibliothécaire pour la promotion des archives ouvertes - de l’inclusion dans les fiches de postes de nouvelles fonctions: communication via les réseaux sociaux, compétences informatiques Synthèse:
  32. 32. Pour assaisonner avec quelques épices… Des personnes qui aiment : Faire de la veille Proposer des services innovants Faire de la médiation numérique .
  33. 33. La gestion de projet de site web
  34. 34. L’humanité évolue… Human evolution scheme. Par M. Garde (Self work (Original by: José- Manuel Benitos)) [GFDL (http://www.gnu.org/copyleft/fdl.html) ou CC-BY-SA- 3.0 (http://creativecommons.org/licenses/by-sa/3.0/)], via Wikimedia Commons
  35. 35. Les sites web aussi…
  36. 36. Premier site web du SCD… Source: Internet Archive. Version du 19 juillet 2005 http://web.archive.org/web/20050719080109/http://www.scd.ups-tlse.fr/
  37. 37. Deuxième site web… Source: Internet Archive. Version du 18 janvier 2006 http://web.archive.org/web/20050719080109/http://www.scd.ups-tlse.fr/
  38. 38. Et maintenant…
  39. 39. Objectifs du site: Permettre un accès rapide aux services proposés par les bibliothèques de l’UPS Valoriser la production de l’établissement : thèses, archives ouvertes, cours en ligne Permettre un accès rapide aux services proposés par les bibliothèques de l’UPS, y compris des services nouveaux ou innovants : chat, web-confs, rendez-vous bibliographiques individualisés, réservation de salle de travail en groupe Donner un maximum de visibilité aux actualités Constituer un espace ouvert interactif, c’est-à-dire: - Mise en valeur du service « Une question ? » - Les actualités sont ouvertes aux commentaires - Présence de la bibliothèque sur des réseaux sociaux -Permettre aux usagers de nous contacter à n'importe quel moment et sur n'importe quel sujet Permettre un accès facile et rapide aux informations pratiques : notamment les horaires des bibliothèques visibles dès la page d’accueil, ou bien accéder facilement aux infos détaillées concernant chacune des bibliothèques
  40. 40. Objectifs du site: Faciliter l'accès nomade aux ressources électroniques pour lesquelles l'Université a souscrit un abonnement Proposer un accompagnement individualisé interactif via des accès thématiques profilés selon l’internaute Proposer un site traduit en plusieurs langues Offrir un accès qui soit ouvert à tous et en même temps personnalisé et ciblé en fonction des besoins des étudiants et personnels de l'établissement
  41. 41. Notions-clés: la bibliothèque hybride et les services Caractère hybride des bibliothèques: les services articulent toujours deux niveaux: physique/numérique, local/global Le site web doit être orienté vers les services et non pas simplement vers les documents Le site web doit présenter comme un tout homogène l’ensemble des services, qu’ils soient physiques ou numériques Qu’il s’agisse de services physiques ou numériques, il s’agit de mettre l’usager au cœur du dispositif
  42. 42. Quelle méthode de travail ?
  43. 43. 1. Evaluer le site actuel pour établir une cartographie de l’existant 2. Recenser et synthétiser les besoins 3. Benchmarking 4. Modélisation 5. Rédaction d’un cahier des charges 6. Phases ultimes avant la mise en ligne Méthode de travail…
  44. 44. 1. Evaluation du site web… Source: Internet Archive. Version du 18 janvier 2006 http://web.archive.org/web/20050719080109/http://www.scd.ups-tlse.fr/
  45. 45. – Au plan de l'ergonomie Le site web du SCD (http://www.scd.ups-tlse.fr) présentait notamment les défauts suivants : - Problèmes de navigation au sein du site et difficultés de repérage : pas de fil d’Ariane, pas de plan du site, pas de moteur de recherche pour l’ensemble du site - Les informations sur un même point étaient disséminées dans plusieurs rubriques qu’il faut toutes consulter pour reconstituer le message complet. Exemples :  Les informations sur les services étaient éparpillées dans 3 rubriques : bibliothèques, services en ligne, besoin d’aide.  Formation : pas de rubrique dédiée, très difficile à trouver. On ne percevait pas bien la logique de l’organisation.  Service de référence virtuel : manque de cohérence : désigné parfois par « Eurêk@ », parfois par « questions BU ». - Le site ne permettait pas de mettre en valeur les actualités (expositions, nouvelles ressources documentaires…) - Le site était inadapté à la présentation de nouveaux services au public (tutoriels, formations, messagerie instantanée...) Cartographie de l’existant
  46. 46. – Au plan fonctionnel - Site qui ne sollicitait pas de participation active des usagers: modèle d'information descendante - Site orienté vers le document et pas assez vers les services
  47. 47. • Pour recueillir et formaliser les besoins, on a eu recours à la technique du « brown paper » 2. Expression des besoins…
  48. 48. Elément-clé de la méthode de travail: l’écoute de l’autre… Domestic Quarrel. Par zubrow. CC BY-NC 2.0. Source: Flickr
  49. 49. Autrement dit regarder ce qui se fait ailleurs. 3. Le benchmarking…
  50. 50. SCD Université Versailles Saint-Quentin Formulation claire et simple…que nous avons reprise
  51. 51. Le SCD Université Lyon 2 Mise en valeur efficace des services proposés par la bibliothèque
  52. 52. La BNUS Les différents formulaires de contact sont regroupés sur une même page
  53. 53. La Boston University Place considérable laissée à l’image fixe ou vidéo + Menu « scroll down »
  54. 54. La Cornell University Library L’image de fond se modifie à chaque rafraîchissement de la page
  55. 55. La Bibliothèque de l'Université d'Amsterdam L’image de fond est changeante + Caractère volontairement dépouillé du site : esprit « zen »
  56. 56. La NCSU Library
  57. 57. Plusieurs qualités listées par J. Sicot et A. Marois : • « Carte interactive et en temps réel des postes informatiques disponibles ou non dans la bibliothèque • Système de réservation de salles de travail • Le système principal de navigation (megadropdown menus) permet une très bonne visibilité de l'ensemble des rubriques/services du site (le tout sans un seul clic, simplement au survol) • Système de chat disponible dès la page d'accueil, par un simple clic • Tableau des horaires d'ouverture pour toutes les bibliothèques et pour toutes les périodes de l'année • Page présentant les différentes modalités disponibles pour demander de l'aide à un bibliothécaire (tel, sms, RDV, chat, email) • Consultation des ressources électroniques par discipline ou par liste alphabétique • Annuaire dynamique du personnel • Visite guidée et illustrée de la bibliothèque • Page listant tous les screencasts réalisés par la bibliothèque » La NCSU Library
  58. 58. La mise en valeur des bases de données: l'exemple inspirant de la BUA
  59. 59. • SCD Université Lyon 1 (ancien site) • BULCO Bibliothèque de l'Université du Littoral Côte d'Opale • SCD de l'Université de Reims Champagne- Ardennes • SCD de Limoges • SCD de l'Université Méditerranée Aix-Marseille II La question des accès disciplinaires... Aucun de ces exemples n'est convaincant... Manque de lisibilité... Aspect fourre-tout...
  60. 60. SCD Pau : la page de premier niveau est très convaincante…
  61. 61. La page de second niveau est pas mal, mais on peut mieux faire…
  62. 62. Lucy Scribner Library (ancienne version du site) Heureusement, on a finalement trouvé ce site !
  63. 63. • Exemple : University of Saskatchewan Offrir la possibilité de partager n'importe quelle page... Est-ce bien utile ? Permettre de partager les actualités, c'est peut-être bien suffisant...
  64. 64. • Georgia Tech Library Autre idée (que nous n’avons pas reprise) : la carte interactive indiquant la disponibilité en temps réel des ordinateurs en libre accès
  65. 65. • Ball State University Library Computer availability
  66. 66. • NCSU Library Computer availability
  67. 67. • Oregon Sate University Library Computer availability
  68. 68. 4. Modélisation
  69. 69. Un peu de carton et de colle…
  70. 70. Des tentatives avec un éditeur de texte
  71. 71. Et beaucoup de maquettes sous forme de diaporamas plus ou moins affreuses…
  72. 72. Ce défilé d’horreurs nous a conduits à tirer la conclusion qui s’imposait: nous avions besoin d’un graphiste…
  73. 73. • Cahier des clauses techniques particulières Travail minutieux permettant de dégager les spécifications techniques, page par page • Plan-projet Surtout axé sur la gestion de projet (organisation, répartition des rôles) • Plan de tests Permet d’évaluer le travail du prestataire (« recette ») Il découle des spécifications techniques 5 -La rédaction d’un cahier des charges
  74. 74. I) Cartographie de l’existant A) Faiblesses du site actuel 1. Au plan de l'ergonomie 2. Au plan fonctionnel 3. Au plan technique B) Volumétrie indicative II) Objectifs III) Public cible IV) Exigences techniques particulières V) Acteurs (MOA et MOE) VI) Plan d’assurance-qualité A) Pilotage du projet 1. Participants 2. Ordre du jour type B) Reporting C) Communication VII) Calendrier provisoire et phases du projet Structure du plan-projet
  75. 75. Un projet qui mobilise 4 types d’acteurs
  76. 76. Maîtrise d’Œuvre et Maîtrise d’Ouvrage Equipe projet MOA: Missions: • Étude de l’existant • Définition des besoins fonctionnels • Modélisation d’une maquette PPT • Validation des travaux du graphiste Membres: • Chef de projet : Pierre Naegelen (Affaires Générales) • Charpentier Hervé (Affaires Générales) • Comaills Tania (BU Santé) • Daudé Vincent (BU Sciences) • De Daran Henriette (BU Sciences) • Marty Laurent (BU Santé) • Piani Dominique (BU Sciences) • Rosier Fabienne (Santé/Affaires Générales) • Viguier Philippe (BU Sciences)
  77. 77. MOE : Le Département TIC/TICE et multimédia Missions: • Apporter au MOA son concours pour l’expression des besoins, l’étude d’opportunité et l’élaboration de la note de lancement d’un projet • Effectuer le choix du CMS • Sélectionner et paramétrer les modules dans Drupal Membres: • Chef de projet : Gilles de Berranger • Philippe Baqué • Philippe Gil Maîtrise d’Œuvre et Maîtrise d’Ouvrage
  78. 78. Comité Technique: Missions: • pour le développement de la solution, il arbitre les priorités des besoins détaillés, valide les documents de conception, suite les actions de sous- traitance • réceptionne les travaux • pour le management du projet, il suit la gestion des risques Membres: • Pierre Naegelen (SCD) • Hervé Charpentier (SCD) • Gilles de Berranger (PSN-DTICE) • Philippe Baqué (PSN-DTICE) • Philippe Gil (PSN-DTICE) Maîtrise d’Œuvre et Maîtrise d’Ouvrage
  79. 79. Comité de pilotage Missions: Instance de décision et de pilotage stratégique du projet • Lancement du projet: finalités, objectifs, facteurs qualité et arbitrage des moyens du projet • Management du projet correspondant au suivi des échéances, des risques et du contrôle qualité Membres: • Eric Marchadier (PSN) • Pierre Chourreu (SCD) • Michel Jacob (PSN-DTICE) Maîtrise d’Œuvre et Maîtrise d’Ouvrage
  80. 80. Graphiste Vincent Fleury (société c’tookom) a élaboré la maquette graphique et la charte graphique Intégrateur Drupal La société Makina Corpus, chargée de réaliser l'intégration graphique de la maquette dans le CMS Drupal. Makina Corpus a également apporté son expertise et son appui technique pour le paramétrage de Drupal. Prestataires
  81. 81. • Rédaction d’une chaîne éditoriale • Rédaction d’une charte éditoriale • Formation des personnels (en présentiel et via des tutoriels vidéos) • Familiarisation des personnels avec l’outil (très important !) 6. Phases ultimes avant la mise en ligne
  82. 82. Chaîne éditoriale
  83. 83. Chaîne éditoriale
  84. 84. Charte éditoriale
  85. 85. Le calendrier… De mars 2011 à juin 2011: réunions hebdomadaires Groupe projet site web + DTICE pour déterminer les spécifications fonctionnelles et techniques De novembre 2011 à avril 2012: élaboration/validation des maquettes avec le graphiste Vincent Fleury De janvier 2012 à octobre 2012: paramétrage du CMS Drupal par la dTICE De fin août 2012 à mi-octobre 2012: intégration graphique par Makina Corpus 15 octobre: site disponible pour tout le personnel des bibliothèques de l’UPS 12 novembre : site ouvert au public
  86. 86. • Les contraintes organisationnelles ont fait que le laps de temps entre la fin de la conception du site et la mise en ligne était trop court, de sorte que les personnels contributeurs ont eu trop peu de temps pour se familiariser avec l'outil • Nous n'avons pas constitué de "focus groups" dans la phase d'élaboration du site: architecture, structure des pages, ergonomie... Avec du recul... les points faibles de notre gestion de projet
  87. 87. 2 billets très riches d'Etienne Cavalié (SCD de Nice) : Retour d’expérience sur la mise en place du nouveau site web du SCD de Nice (1/2) Retour d’expérience sur la mise en place du nouveau site web du SCD de Nice (2/2) Avec notamment le recours à la méthode du tri de cartes Le tri par cartes est une méthode utilisée en ergonomie informatique (voir aussi Conception centrée sur l'utilisateur) où un groupe de participants experts ou utilisateurs d'un produit de type logiciel ou site web, est accompagné dans la classification de termes. Cette démarche a pour but de concevoir l'architecture de l'information de l'application informatique2. Par exemple : • l'arborescence des rubriques d'un site web ; • la structure des menus ; • l'organisation des fonctionnalités d'un logiciel. Cas d'une création de site web de bibliothèque qui s'appuie sur un focus group Source: "Tri par cartes", Wikipedia, CC-BY-SA.
  88. 88. Quelques conseils de lecture...
  89. 89. Exemples d'exploitation des statistiques fournies par Google Analytics
  90. 90. Ce n'est pas du tout l'ordre de nos rubriques --> Il faudra qu'on le modifie...
  91. 91. Les usability tests
  92. 92. « Usability tests » : procéder à des tests auprès des usagers afin de dégager les points forts et surtout les points faibles d’un site, afin de l’améliorer. L’utilisabilité, usabilité ou encore aptitude à l'utilisation est définie par la norme ISO 9241-11 comme « le degré selon lequel un produit peut être utilisé, par des utilisateurs identifiés, pour atteindre des buts définis avec efficacité, efficience et satisfaction, dans un contexte d’utilisation spécifié ». [Source : Wikipedia] 1. Les usability tests Vitesse et rapidité Petit échantillon “ Usability means that people who use the [site] can do so quickly and easily to accomplish their own tasks” (Dumas et Redish) “It takes only five users to uncover 80 percent of high-level usability problems”. (Jakob Nielsen) Source : Bohyun Kim & Marissa Ball - Florida International University testing retesting redesign Processus itératif “Usability is an iterative process of testing/redesign, retesting/redesign, & retesting/redesign.” (Luther)
  93. 93. From Don't make me think! : a common sense approach to Web usability by Steve Krug. Bohyun Kim & Marissa Ball - 3/23/2011 Computers in Libraries 2011 http://fr.slideshare.net/bohyunkim/usability-express-recipe-for-libraries
  94. 94. From Don't make me think! : a common sense approach to Web usability by Steve Krug. Bohyun Kim & Marissa Ball - 3/23/2011 Computers in Libraries 2011
  95. 95. 1. Clutter / Noise 2. Dated look 3. Too subtle design 4. Unclear terms / library jargon 5. Redundant or unnecessary content 6. Bad writing 7. Design against convention 8. Unintuitive navigation Usual Suspects Bohyun Kim & Marissa Ball - 3/23/2011 Computers in Libraries 2011
  96. 96. Un excellent exemple d’ usability test : le blog de la NCSU Library Méthode : • une trentaine d’usagers pris au hasard dans le hall de la bibliothèque est sollicitée pour tester la navigation sur le site • Une liste de 15 tâches leur est proposée. Ils doivent effectuer 4 des 15 tâches et indiquer dans un questionnaire par quel chemin ils sont passés
  97. 97. Les usability tests pratiqués par la NCSU Library Ce qui permet de lister les points forts et les points faibles.
  98. 98. Les usability tests pratiqués par la NCSU Library
  99. 99. • une trentaine d’usagers pris au hasard dans le hall de la bibliothèque est sollicitée pour tester la navigation sur le site • une liste de 15 tâches leur est proposée. Ils doivent effectuer 4 des 15 tâches et indiquer dans un questionnaire quel chemin ils ont emprunté Usability tests pratiqués en juin 2013
  100. 100. Deux difficultés apparaissaient : 1) Arriverait-on à solliciter une trentaine d'usagers? 2) Si l'on affichait une quinzaine de tâches en demandant à l'usager interviewé de n'en remplir que quatre de son choix, ne courait-on pas le risque que les usagers interviewés choisissent à peu près tous les quatre mêmes questions (les plus faciles ou celles du début de la liste) ? Usability tests pratiqués en juin 2013
  101. 101. 1) Si les usagers ne viennent pas à nous, c'est à nous de venir à eux... En troquant un ordinateur de bureau contre un ordinateur portable, nous avons pu facilement nous déplacer d'une table à l'autre entre les groupes d'étudiants installés... 2) Le responsable du S.I. a créé un logiciel permettant d'afficher aléatoirement 4 questions parmi les 18 que nous avions préparées. Autre intérêt du logiciel : les réponses étaient stockées en temps réel dans un tableur, permettant une exploitation rapide et simple. Solutions…
  102. 102. L'ergonomie de l'outil de découverte peut être améliorée La question 14 se présentait ainsi : "Vous faites une recherche et vous souhaitez obtenir en une seule interrogation des articles provenant de différentes bases de données. Comment faites-vous ?" Or il se trouve que les deux ordinateurs portables n'affichaient pas exactement la même page d'accueil…
  103. 103. Site « normal » : Site test :
  104. 104. Trois défauts mis en lumière par les usability tests 1) Les usagers ne trouvent pas les pages thématiques
  105. 105. Solution proposée : Rendre le bouton plus visible et/ou ajouter un lien hypertexte sous le bouton, lien qui serait intitulé "Accès thématiques". C'est une option similaire qui a été choisie par le site de la NCSU Library :
  106. 106. 2) Les usagers ne voient pas l'icône présente dans le pied de page leur permettant d'accéder à "BloBuss", le blog de la BU Sciences. Solution proposée : Les actualités du site web ne doivent pas dupliquer en entier les billets du blog. Elles doivent comporter un lien "Lire la suite dans BloBuss". Cette solution ferait d’une pierre deux coups ; elle permettrait : - d’accroître les taux de consultation de BloBuss - d’éviter le danger de la désindexation du site ou du blog par les moteurs de recherche du fait de la similarité des textes : il s’agit du problème des « contenus dupliqués ».
  107. 107. 3) L'URL du site (http://scd.univ-tlse3.fr) n'est pas parlante pour les usagers. Solution proposée : nouvelle URL http://bibliotheques.univ-tlse3.fr Cliquez pour ajouter du texte Pour en savoir plus: "Exemple de "usability tests" autour du site web des bibliothèques de l'Université Toulouse 3" Numeribib [Blog]
  108. 108. Amélioration de l’ergonomie de l’outil de découverte
  109. 109. Amélioration de l’ergonomie de l’outil de découverte
  110. 110. Solutions propriétaires EBSCO Discovery Service (EBSCO) OCLC WoldCat local (OCLC) Primo (EXLibris) Summon (SerialsSolutions) Solution libre Trove (Bibliothèque nationale d’Australie)
  111. 111. Difficultés liées aux Outils de découverte (DT = Discovery Tools) • Couverture des éditeurs français • Besoin de vues par bibliothèque ou groupe de bibliothèques • Langue de recherche, classement pertinent des résultats • La base de connaissance reste une boîte noire • Résultats parfois incompréhensibles • Redondance du travail de corrections
  112. 112. L'ergonomie de l'outil de découverte peut être améliorée La question 14 se présentait ainsi : "Vous faites une recherche et vous souhaitez obtenir en une seule interrogation des articles provenant de différentes bases de données. Comment faites-vous ?" Or il se trouve que les deux ordinateurs portables n'affichaient pas exactement la même page d'accueil…
  113. 113. Site « normal » : Site test :
  114. 114. Idée : les lecteurs sont perdus par l’abondance des résultats proposés et n’utilisent pas les facettes en aval. Il faut donc proposer des facettes en amont… Exemple : Queensland University of Technology Library
  115. 115. Autres exemples d'amélioration de l'ergonomie de l’outil de découverte CSU San Marcos Libraries NCSU LibrariesDuke University Libraries Emory Libraries
  116. 116. Projet de Discovery Tool national Source : Couperin
  117. 117. Sites web de bibliothèques et terminaux mobiles
  118. 118. 4 façons de rendre accessible un site sur un terminal mobile : - Via une application mobile native - Via un site web mobile - Via un site responsive web design - Via une seconde feuille de style Sites web de bibliothèques et terminaux mobiles
  119. 119. Une application mobile native… •Une application nécessite d’être téléchargée par l’usager (ainsi que ses mises à jour) •Il faut prévoir autant d’applications que de systèmes d’exploitation
  120. 120. Site web mobile... • Bordeaux 3 • Soit l’usager doit composer une adresse URL spécifique, soit la version mobile s’affiche automatiquement dès que le terminal mobile est détecté •Il s’agit toujours d’un site simplifié, voire appauvri
  121. 121. Site web mobile... • University of Arizona Library • University of Michigan Library
  122. 122. Site web mobile... • Ball State University Libraries • Oregon State Universities Libraries Pour voir d'autres réalisations, se reporter à http://www.libsuccess.org/index.php?title=M-Libraries
  123. 123. Concept récent (2010). Idée : l’apparence du site s’adapte à la taille de l’écran. Le site est « fluide » (les images se réduisent, la police se modifie, les blocs se déplacent, etc) Ouvrage de référence : Responsive web design par Ethan Marcotte Un site en responsive web design • Cette fois-ci on n’a plus deux sites (ou un site + des applications) mais un seul • Le site sur terminal mobile présente quasiment le même contenu que sur un ordinateur de bureau
  124. 124. Liste sélective de sites d’universités: •Harvard University •College Mount University •University of Nebraska-Lincoln •Chapman University •Claremont McKenna College •University of Colorado Boulder •Drexel University •Florida International University •University of California at Los Angeles (UCLA) •Arkansas State University •University of California San Diego Pour une liste plus complète : HigherEd RWD Directory Rares sites de bibliothèques en responsive design •Allison Library (Regent College) (pas très convaincant) •The University of Arizona Library – Special Collections ( collections patrimoniales) Autres sites de bibliothèques : Responsive Design Sites: Higher Ed, Libraries, Notables Un site en responsive web design
  125. 125. Identification des points de rupture 320 pixels Appareils à petit écran, comme les téléphones en mode portrait 480 pixels Appareils à petit écran, comme les téléphones en mode paysage 600 pixels Petites tablettes, comme le Kindle d’Amazon (600x800) et le Nook de Barnes & Noble (600x1024) en mode portrait 768 pixels Tablettes de dix pouces comme l’iPad (768x1024) en mode portrait 1024 pixels Tablettes comme l’iPad (1024x768) en mode paysage ainsi que certains ordinateurs portables, netbooks et ordinateurs de bureau 1200 pixels Écran large, principalement les ordinateurs portables et de bureau Source : Ethan Marcotte. Responsive Web Design, p. 114 Voir aussi : 5 outils pour tester les sites responsive design
  126. 126. Le responsive design résumé en 9 gifs animés : http://blog.froont.com/9-basic-principles-of- responsive-web-design/ Cliquez pour ajouter du texte
  127. 127. Illustration: le site web du SCD de Toulouse 3
  128. 128. Une seconde feuille de style s’ouvre quand un terminal mobile est détecté Une seconde feuille de style • BUA (Angers)
  129. 129. Les forfaits sont-ils un obstacle à la recherche documentaire sur terminal mobile? - Les smartphones permettent de se connecter au WiFi - La plupart des nouveaux forfaits de smartphones ne sont plus basés sur une durée de connexion Catalogue, liste A-Z de périodiques, thèses, archives ouvertes : Qu’est-ce qu’on fait s’ils ne sont pas lisibles sur un écran de petit format ? Roue de secours : un outil de découverte en version mobile… E-books et Bases de données : Faut-il signaler les e-books et bases de données (version mobile ?) - Bases de données : un grand nombre d'éditeurs proposent des versions mobiles (se reporter à Bibliopedia) - E-books : Situation contrastée. Exemple: tous les e-books Springer ont une version mobile mais pas ceux de Cyberlibris Questions qui se posent pour un site de bibliothèque, quelle que soit la solution choisie
  130. 130. Conclusion : un changement de méthode pour la conception de site web est en train de voir le jour : réfléchir au mobile en premier... "Si vous pensez d'abord aux appareils mobiles, vous devez vous mettre d'accord sur ce qui compte le plus. Vous pouvez ensuite appliquer la même logique à la version bureau/ordinateur portable du site Web". Luke Wroblewski
  131. 131. Des questions ? Question Mark. Par Winged Wolf. CC BY-NC-ND 2.0. Source: Flickr
  132. 132. Merci de votre attention ! pierre.naegelen@univ-tlse3.fr Blog : Numeribib

×