Your Library on the Go: Catching Up with Your Mobile Patrons

Your Library on the Go: Catching Up with Your Mobile Patrons

Or, How to Optimize Your Mobile Presence with Minimal Investment and Expertise

Karrie McLellanHead of Digital ServicesEast Greenbush Community Library

Disclaimer

What Does Mobile-Friendly Mean?

Separate Sites

Responsive Site

Apps

I hate to throw my own library system under the bus…

Does your library need a mobile presence?

YES!**Some special libraries may be exceptions

The Numbers

58% of American adults have a

smartphone.http://www.pewinternet.org/fact-sheets/mobile-technology-fact-sheet/

25% of US Web users are mobile ONLYhttp://mobithinking.com

Your Options

1. Do Nothing

2. Apps

Should we have one?

Why?

Free App Builders

Free(ish) Services

http://iui-js.org

3. Retrofit

Early WordPress Plugin

Full page

Mobile top

Mobile bottom

http://techtips.eastgreenbushlibrary.org

Responsive Theme “Twenty

Twelve”

4. Separate Sites

5. Build a New Site

Responsive Design

Example - OverDrive

http://digitalcollection.uhls.org

More Examples• http://blog.lib.uiowa.edu/hardinmd/2012/05/03/re

sponsive-design-sites-higher-ed-libraries-notables/

• http://bostonglobe.com/• http://jstor.com/• http://www.bbc.co.uk/news/• http://2012.buildconf.com/• http://contentsmagazine.com/• http://css-tricks.com/

*also a useful site on this subject

Mobile Design Tools

Free to low cost Prefab Library

Free, but limited templates.

More options and flexibility.

$, comes with 24/7 support

Looks promising!

What to Include

Also…

And…

Layout? Style?!

Prefab Library

http://helloprefab.com/

Mobile Tips

ADA Considerations

Alt Tags

Headings

Document Type Indicators

Choosing “Safe” Colors

http://www.visibone.com/colorblind/

http://safecolours.rigdenage.com/colourchoice.html

Geek Alert!

http://caniuse.com/#feat=css-mediaqueries

http://bradfrost.github.io/this-is-responsive/index.html

http://matthew.reidsrow.com/articles/23

Jason Clark, Chad Mairn – Supreme Geeks

Test and Test again

Emulatorhttp://www.mobilephoneemulator.com/

Validator

Testing RWD

http://designyourway.net/blog/resources/tools-for-testing-responsive-websites-21-items

Many, Many Resources• http://libsuccess.org/M-Libraries • http://oedb.org/ilibrarian/the-ultimate-mega-essential-websi

te-design-guide-115-resources/

• Rock stars to follow online:o Ellyssa Kroski (iLibrarian blog)o David Lee King

o Jonathan Stark (non-librarian)o Chad Mairno Jason Clarko Brad Frosto Matthew Reidsrow

Responsive: http://www.abookapart.com/ , http://www.alistapart.com/

Complementary Tools

QR Codes

How We Use Them

Other Library Ideas• Link to movie trailers• Link to librarian book talks• Readers advisory – “If you like

this…”• Nonfiction pathfinders• Scavenger hunt• Scan to sign up for electronic

newsletter• Pull up a map of the library

What Do Your Patrons Need?

TESCO/Home Plus in South Korea: http://www.youtube.com/watch?v=fGaVFRzTTP4

Delivr - Create

Delivr - Style

QR Code Tips

QR Code Resources• http://hackaday.com/2011/08/11/how-to-put-your-logo-in-a-

qr-code/

• http://oedb.org/ilibrarian/qr-code-roundup-10-resources-for-librarians-and-educators/

• http://mashable.com/2010/08/23/how-to-create-qr-codes/

QR Code Generators:• http://delivr.com/QR-Code-Generator • http://qrcode.kaywa.com/ (no free stats)• http://www.qrstuff.com/

Social Media

Your VoiceDO: DON’T

:

Ground Rules

Woobox

RSS Graffiti App (Facebook)

Twitterfeed.com, IFTTT, Event Calendar API

Pinterest

Questions?

Contact Info: Karrie McLellanHead of Digital ServicesEast Greenbush Community [email protected]

Slides: http://www.slideshare.net/techbrarian

Links: http://delicious.com/karriem