Evaluating Mobile Options For Libraries - CIL 2012

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

& $*-

7!&0 Y(#!

A.) D-/+*-&-/ Beatley Library, Simmons College, Boston, MA

deschene@simmons.edu | @amyhannah

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