4. 38%
des français possèdent un
smartphone au 1er
semestre 2012
Source : Google, Mai 2012
60% Taux de pénétration
envisagé pour l’Europe à
l’horizon 2015
Source : Morgan Stanley Research, Juin 2012
5. 25,1M de mobinautes / mois
en France
Source : Médiamétrie, Juin 2013
8,3% du trafic internet
Source : GS StatsCounter, MyFanGroup, 2013
6. 1% du trafic internet
en 2011
4% du trafic internet
en 2012
7. 98% À la maison
79% Au travail
76% En déplacement
76% Dans un magasin
65% Dans les transports
62% Au café
45% Chez le médecin
44% Dans les aéroports
42% Lors d’événements sociaux
26% En cours
Source : Google, Notre planète mobile : France, Mai 2012
8. 85%Des utilisateurs utilisent leur
smartphone pour
rechercher des
informations locales
Source : Google, Notre planète mobile :
France, Mai 2012
10. Les horaires
Quels services/contenus pour
un site mobile de bibliothèque
1 Plan et accès2
Recherche simple4
Compte lecteur
5
Formulaire de contact 6
Actualités3Bases de données
compatibles mobile
7
15. Framework complémentaire à
la librairie jQuery !
Jquery mobile
Interface utilisateur pensée
pour un usage mobile avec
prise en compte des gestes et
des écrans tactiles
Simplicité d’utilisation.
Technologies HTML5 et
CSS
Personnalisable. Un thème roller
permet de créer son propre
thème très facilement.
Jason Cooper, Developing a Prototype Library WebApp for Mobile Devices, Ariadne, Juin 2013
Permet de créer facilement des
applications Web cross-
plateforme (compatibles tous
les navigateurs, responsive
design, multiplateforme)
16.
17.
18. Application hybride
Avantages
Une seule app
déployée sur
plusieurs OS
Accès aux API
natives
HTML5, JS,
CSS3
Inconvénients
MaintenanceUX et design
non natif
Inconvénients
des
applications
19.
20. @joehewitt
Dear iPhone/iPad web designers: the browser
already has a back button, so your site doesn’t
need one. don’t copy apps just to imitate.
‟
24. Ethan Marcotte, Responsive Web Design
Fragmenting our content across different
“device-optimized” experiences is a losing
proposition, or at least an unsustainable one.
‟
26. John Allsopp, A Dao of Web Design, 2000
The control which designers know in the print
medium, and often desire in the web medium, is
simply a function of the limitation of the printed
page. We should embrace the fact that the web
doesn’t have the same constraints, and design
for this flexibility.
‟
27. Jeremy Keith, «Context» adactio
For over a decade, we have
pretended that there’s a mythical
perfect size that every person will
be using
‟
28. Stephen Hay, The Haystack
There is no mobile web. There
is only The Web, which we
view in different ways‟
32. Veronica Erb, Friday 2:45pm, The Myths of Mobile Context #ias12 @globalmoxie, Flickr, by-nc-sa
Au delà des mythes
33. Les horaires
Quels services/contenus pour
un site mobile de bibliothèque
1 Plan et accès2
Recherche simple4
Compte lecteur
5
Formulaire de contact 6
Actualités3
34. Les utilisateurs de mobiles
sont pressés et distraits
1 Mobile = Moins2
La multiplication des
gestuelles ou clics
sont le diable
4
«Il nous faut un site web mobile !»
5
Mobile = Apps 6
«Complexité» est
un vilain mot
3Les CMS et les APIs sont
pour les geeks 7
7 croyances à dépasser
Source : Josh Clark , The Seven Deadly Myths of Mobile, 2012
36. Get your content ready to
go anywhere because it’s
going to go everywhere‟ Brad Frost, For a Future-Friendly Web
37.
38. Ethan Marcotte, Responsive Web Design
Rather than tailoring disconnected designs to
each of an ever-increasing number of web
devices, we can treat them as facets of the same
experience
‟
39.
40.
41.
42. Newton icon par Mark bauer, Dribbble
Splorp, HTML5 vs Newton: The Boston Globe, Flickr
43. Trent Walton, Fit To Scale
My love for responsive centers around the idea
that my website will meet you wherever you are
from mobile to full-blown desktop and anywhere
in between.
‟
78. Matthew Reidsma, LOL,Github - https://github.com/mreidsma/lol
Reidsma, Matthew. « Responsive Web Design for Libraries: Beyond the Mobile Web ». Books
and Contributions to Books (1 mars 2013). http://scholarworks.gvsu.edu/library_books/5.
79.
80.
81.
82.
83. Liste de sites
académiques et de
bibliothèques
Eric Rumsey, Responsive Design Sites: Higher Ed, Libraries, Notables
84. Reste un problème de taille :
Les bibliothèques ne maîtrisent pas la
totalité des contenus/services offerts