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
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?!
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
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
Questions?
Contact Info: Karrie McLellanHead of Digital ServicesEast Greenbush Community [email protected]
Slides: http://www.slideshare.net/techbrarian
Links: http://delicious.com/karriem
