Embed Size (px)
Citation preview
Les portails de
bibliothèquesFIBE – 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
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
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 »
•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)
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 » “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é »
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
« 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è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
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
rapport avec la
discipline.
Outil utilisé:
Storify
La « curation »
est une autre
forme (même
partielle) de
réponse à la
quatrième
thèse …
• 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
commenter
Toutes les pages
par défautAdministrateur
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
Accéder
Rédacteur-Resp-
AcquisitionsRédacteur-Resp-
Rédacteur en chef
Rédacteur-Resp-
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:
• 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
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’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:
Pour assaisonner avec quelques épices…
Des personnes qui aiment :
Faire de la veille
Proposer des services innovants
Faire de la médiation numérique
.
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.gnu.org/copyleft/fdl.html) ou CC-BY-SA-
3.0 (http://creativecommons.org/licenses/by-sa/3.0/)], via Wikimedia
Commons
Les sites web aussi…
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/
Deuxième site web…
Source: Internet Archive. Version du 18 janvier 2006
http://web.archive.org/web/20050719080109/http://www.scd.ups-tlse.fr/
Et maintenant…
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
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
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
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. Benchmarking
4. Modélisation
5. Rédaction d’un cahier des charges
6. Phases ultimes avant la mise en ligne
Méthode de travail…
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/
– Au plan de l'ergonomieLe 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
– 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
• 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 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 :
esprit « zen »
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
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é 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...
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 ?
Permettre de partager les
actualités,
c'est peut-être bien
suffisant...
• 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
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 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
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
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
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)
MOE : Le Département TIC/TICE et
multimédiaMissions:
• 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
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
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
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
• 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
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é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
• 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
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.
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 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)
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 2011http://fr.slideshare.net/bohyunkim/usability-express-recipe-for-libraries
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
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
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
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 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
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
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…
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…
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é "Accès thématiques". C'est une option similaire qui a été
choisie par le site de la NCSU Library :
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 ».
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]
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 (SerialsSolutions)
Solution libre
Trove (Bibliothèque nationale d’Australie)
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
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…
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 donc proposer des facettes en
amont…
Exemple : Queensland University of Technology Library
Autres exemples d'amélioration de l'ergonomie de l’outil de découverte
CSU San Marcos Libraries
NCSU LibrariesDuke University Libraries
Emory Libraries
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 mobile
- Via un site responsive web design
- Via une seconde feuille de style
Sites web de bibliothèques et terminaux
mobiles
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
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
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, se reporter
à http://www.libsuccess.org/index.php?title=M-Libraries
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
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
Identification des points de rupture320 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
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
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 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
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
Des questions ?
Question Mark. Par Winged Wolf. CC BY-NC-ND 2.0. Source: Flickr
Merci de votre attention !
Blog : Numeribib
