Sites web de bibliothèques et terminaux mobiles

SCD Université Paul Sabatier Toulouse 3Pierre Naegelen - mars 2013

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

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