Mobile Website Design for Libraries

1,117 views
1,039 views

Published on

This presentation, given by Steve Butzel at the 2012 Connecticut Library Association conference, covers trends in mobile website design and possibilities for libraries. Library apps are critically reviewed while simpler, less expensive mobile website techniques are favored.

In addition, Steve discusses his Online Newsstand Project which improves access to library database content.

Steve Butzel, Assistant Director of the Portsmouth Public Library, Portsmouth, NH

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,117
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
16
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mobile Website Design for Libraries

  1. 1. Serving Library Patrons in the Mobile Space Steve Butzel Portsmouth Public Library
  2. 2. “Imitate, Assimilate, Innovate” Steve Butzel Portsmouth Public Library
  3. 3. Mobile & Smartphone Stats Two in five cell owners (42%) own a smartphone as of May 2011* Since 83% of Americans own some kind of mobile phone, this means that one-third of all American adults (35%) are smartphone owners.* Morgan Stanley analysts predict that the mobile web will be bigger than desktop Internet usage by 2015 * Information taken from 2011 Pew Internet and American Life study, “Smartphone Adoption & Usage”
  4. 4. Quick, easy access to information…
  5. 5. What do our patrons want in the mobile space?
  6. 6. When does the library open or close?
  7. 7. When is story hour today?
  8. 8. New arrivalsDoes my library have these?
  9. 9. Back to our users…they’re busy.Really busy. So keep your mobile site simple!
  10. 10. Apps
  11. 11. http://www.bibliocommons.com
  12. 12. But can we do better?
  13. 13. What are other trends in mobile webpage design?
  14. 14. What seem to be the trends? A branded banner image A good attention grabbing visual Some interactivity, transactions Easy navigation Ties to Social Networking Sites Automatically hide the address bar  <body onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);"></body>
  15. 15. Other possibilities
  16. 16. Gamificationhttp://gamesandlibraries.wetpaint.com/page/2011+Games+and+public+libraries
  17. 17. Gamificationhttp://gamification.co/2011/04/05/find-the-future-at-the-new-york-public-library/
  18. 18. What do you think?
  19. 19. Some technical stuff (Thanks Brian) Auto-Detect & Redirect Options Testing on multiple devices Tracking statistics
  20. 20. Auto-Detect & Redirect: Options CSS (like Canton Public Library)  Bestmethod, but most takes the most work to implement Javascript  Runs in patron’s browser, so not totally reliable PHP & ASP  Runs on the server, so better than javascript
  21. 21. Auto-Detect & Redirect: PHPhttp://detectmobilebrowsers.mobi/1. Download their main script to your webserver2. Use their Function Generator to build the code for your main website homepage3. Edit your .htaccess to allow .html files to run PHP code4. Their FAQ explains everything
  22. 22. Auto-Detect & Redirect  But just in case…Failsafe Link
  23. 23. Test, Test, Test, Test, Test Try your new mobile site out on as many different phones you can find Online phone emulators  http://www.testiphone.com  http://mobiready.com  http://validator.w3.org/mobile/ Firefox User Agent Switcher  https://addons.mozilla.org/en-US/firefox/addon/59/
  24. 24. Tracking Usage Stats http://www.statcounter.com http://www.google.com/analytics/ http://piwik.org What to look for  Overall usage  Visitor location Devices used …all the usual stats
  25. 25. Tracking Usage Stats: Overall Use
  26. 26. Tracking Usage Stats: Location
  27. 27. Tracking Usage Stats: Devices
  28. 28. Other Good Web Resources One Pager, (http://influx.us/onepager) Jakob Nielsen, “Mobile Site vs. Full Site” (http://www.useit.com/alertbox/mobile-vs-full-sites.html) “Why We Shouldn’t Make Separate Mobile Websites” (http://www.smashingmagazine.com/2012/04/19/why-we-shouldnt- make-separate-mobile-websites/)
  29. 29. Online Newsstand Project http://www.theonlinenewsstand.org
  30. 30. Participating Libraries
  31. 31. Participating Libraries
  32. 32. Online Newsstand Project - Gale
  33. 33. Thank You! skbutzel@cityofportsmouth.com @sbutzel (rarely) 603-766-1711 Brian Herzog, SwissArmyLibrarian.net/mobile herzogbr@swissarmylibrarian.net My colleagues: Jennifer Moore, Kim McKee, Heather Armitage, Barbara Bourgoine

×