evaluating mobile options for libraries - cil 2012
DESCRIPTION
TRANSCRIPT
Ev!"#!$%&' Mobile Options
f(r Y(#r L%br!r)
Content W*!$
w%"" )(# %&+"#,-?
Deliver H(w w%"" )(#
%&f(r.!$%(&?
C(&/%,-r Your Library
A+!,-.%+
P#b"%+
S+*(("
B#/%&-//
W*!$ !r- $*-%r needs?
W*%+* devices ,( $*-) #/-?
W*( !r- )(#r "%br!r) users?
A/0
O1-rv-
S#rv-)
L%/$-&
R-v%-w Web Analytics
2!.%&- Trends
M3$ P(4#"!r L%br!r) M(b%"--Fr%-&,") C(&$-&$ 1. Contact Information 2. Hours of Operation 3. Directions 4. Catalog Search 5. Library News 6. Loan Information 7. Links to Mobile Resources 8. Ability to Check Computer Availability 9. Booking Meeting Rooms 10. Links to Mobile Search Engines
Krishnan, 2010
I&v-&$(r) Resources
S0%""/
F#&,%&'
P-(4"-
U&,-r/$!&, $*- Mobile Web
M(b%"- Stylesheet
M(b%"- Website
M(b%"- App
Stylesheet
Applies appropriate
style rules
for
mobile users
M-$! T!'
<meta name="viewport” content="width=device-width" />!
<link rel="stylesheet" type="text/css”!
media=“only screen and (max-width: 500px)” !
href=“http://www.mywebsite.com/css/mobile.css" /> !
CSS M-,%! Q#-r)
Stylesheet Pros
F"5%b"-
S%.4"-
L(w-M!%&$-&!&+-
Stylesheet Cons
N( O4$%.6!$%(&
S"(w&-// ((& +-r$!%& ,-v%+-/)
Website
Directs mobile users
to
scaled-down
website.
J!v!S+r%4$ R--D%r-+$ <script type="text/javascript"> !var UA = navigator.userAgent;!var mobile = /android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(UA);! !if (mobile) { !document.location = “mobile.html”;!!else {!document.location = “index.html”;!}!</script> !
L%&0 $( F#"" S%$-
http://www.mylibrary.com/?redirect=0!
Website Pros
P-rf(r.!&+-
C#/$(.6-, f(r .(b%"- #/-r/
Website Cons
S-4!r!$-") M!%&$!%&-,
R-/(#r+-/
Native App
Mobile users download
platform-specific
app
B#) vs
B#%",
V-&,(r/ vs
T-+*&("('%-/
Native App Pros
N!$%v- C(&$r("/
F!.%"%!r
S4-+%!"6-, F#&+$%(&!"%$)
Native App Cons
D-v-"(4.-&$/C3$
M!%&$-&!&+-
P!$r(&-D(w&"(!,
Content D-+%,- (&…
Delivery &
Your Library
B) 2!.%&%&'…
Mobile Web
& $*-
R-/(#r+-/ A List Apart, “Return of the Mobile Stylesheet” http://bit.ly/qQ9cKg
“Dive Into HTML5” http://bit.ly/xGnxG0
Global Intelligence, “Native or Web Application?...” http://bit.ly/pZCTHu
Mashable, “5 Things to Consider When Designing Your Mobile Apps.” http://on.mash.to/xaEu6d
Smashing Magazine, “Picking a Mobile Support Strategy for Your Website” http://bit.ly/po8Ub3
Smashing Magazine, “A User-Centered Approach to Web Design for Mobile Devices” http://bit.ly/zCkbvs
T(("/ iWebKit (Stylesheets for Creating Mobile Website) http://bit.ly/xVIxn2
jQuery Mobile (Build Cross-Platform HTML5 Sites) http://bit.ly/AFo46N
“Mobile Web Design” (99 cent e-book on Mobile Design) http://bit.ly/zmGviG
Phone Gap (Open Source framework that supports 7 platforms) http://bit.ly/znYYgW
Sencha Touch (Mobile Web-App Framework) http://bit.ly/x1vidB
User Agent Switching in Safari (Make Your Browser Behave Like a Mobile Browser) http://bit.ly/xSFxV2
http://tinyurl.com/87huzlt
P*($( Cr-,%$/ h-p://www.flickr.com/photos/stevecadman/486247050 h-p://bostonbliss.files.wordpress.com/2010/10/073-‐boston-‐public-‐library-‐at-‐copley-‐square-‐1.jpg h-p://www.flickr.com/photos/jcolton/220324869/in/photostream/ h-p://www.flickr.com/photos/75046679@N00/2677784633/ h-p://library.simmons.edu h-p://library.syr.edu/ h-p://m.library.syr.edu/ h-p://itunes.apple.com/us/app/sccl/id354564987?mt=8 h-p://itunes.apple.com/us/app/cu-‐library/id354721654?mt=8