Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Mobile Websites for Libraries - NELA 2011

514 views

Published on

Presentation given by Steve Butzel of the Portsmouth Public Library at the New England Library Association Conference on Monday, October 3, 2011.

Published in: Design, Technology, Education
  • Be the first to comment

  • Be the first to like this

Mobile Websites for Libraries - NELA 2011

  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 <ul><li>Two in five cell owners (42%) own a smartphone as of May 2011* </li></ul><ul><li>Since 83% of Americans own some kind of mobile phone, this means that one-third of all American adults (35%) are smartphone owners.* </li></ul><ul><li>Morgan Stanley analysts predict that the mobile web will be bigger than desktop Internet usage by 2015 </li></ul>* Information taken from 2011 Pew Internet and American Life study, “Smartphone Adoption & Usage”
  4. 7. <ul><li>Quick, easy access to information… </li></ul>
  5. 8. What do our patrons want in the mobile space? What do our patrons want in the mobile space?
  6. 9. When does the library open or close? When does the library open or close?
  7. 10. When is story hour today? When is story hour today?
  8. 11. New arrivals Does my library have these? Does my library have these?
  9. 12. So keep your mobile site simple! Back to our users…they’re busy. Back to our users…they’re busy. Really busy. Really busy.
  10. 30. Apps
  11. 31. http://www.bibliocommons.com
  12. 42. But can we do better?
  13. 43. What are other trends in mobile webpage design?
  14. 47. What seem to be the trends? <ul><li>A branded banner image </li></ul><ul><li>A good attention grabbing visual </li></ul><ul><li>Some interactivity, transactions </li></ul><ul><li>Easy navigation </li></ul><ul><li>Ties to Social Networking Sites </li></ul><ul><li>Automatically hide the address bar </li></ul><ul><ul><li><body onload=&quot;setTimeout(function() { window.scrollTo(0, 1) }, 100);&quot;></body> </li></ul></ul>
  15. 52. Gamification http://gamesandlibraries.wetpaint.com/page/2011+Games+and+public+libraries
  16. 53. Gamification http://gamification.co/2011/04/05/find-the-future-at-the-new-york-public-library/
  17. 60. What do you think?
  18. 61. Some technical stuff (Thanks Brian) <ul><li>Auto-Detect & Redirect Options </li></ul><ul><li>Testing on multiple devices </li></ul><ul><li>Tracking statistics </li></ul>
  19. 62. Auto-Detect & Redirect: Options <ul><li>CSS (like Canton Public Library) </li></ul><ul><ul><li>Best method, but most takes the most work to implement </li></ul></ul><ul><li>Javascript </li></ul><ul><ul><li>Runs in patron’s browser, so not totally reliable </li></ul></ul><ul><li>PHP & ASP </li></ul><ul><ul><li>Runs on the server, so better than javascript </li></ul></ul>
  20. 63. Auto-Detect & Redirect: PHP <ul><li>http://detectmobilebrowsers.mobi/ </li></ul><ul><li>Download their main script to your webserver </li></ul><ul><li>Use their Function Generator to build the code for your main website homepage </li></ul><ul><li>Edit your .htaccess to allow .html files to run PHP code </li></ul><ul><li>Their FAQ explains everything </li></ul>
  21. 64. Auto-Detect & Redirect <ul><li>But just in case… </li></ul>Failsafe Link
  22. 65. Test, Test, Test, Test, Test <ul><li>Try your new mobile site out on as many different phones you can find </li></ul><ul><li>Online phone emulators </li></ul><ul><ul><li>http://www.testiphone.com </li></ul></ul><ul><ul><li>http://mobiready.com </li></ul></ul><ul><ul><li>http://validator.w3.org/mobile/ </li></ul></ul><ul><li>Firefox User Agent Switcher </li></ul><ul><ul><li>https://addons.mozilla.org/en-US/firefox/addon/59/ </li></ul></ul>
  23. 66. Tracking Usage Stats <ul><li>http://www.statcounter.com </li></ul><ul><li>http://www.google.com/analytics/ </li></ul><ul><li>What to look for </li></ul><ul><ul><li>Overall usage </li></ul></ul><ul><ul><li>Visitor location </li></ul></ul><ul><ul><li>Devices used </li></ul></ul><ul><ul><li>… all the usual stats </li></ul></ul>
  24. 67. Tracking Usage Stats: Overall Use
  25. 68. Tracking Usage Stats: Location
  26. 69. Tracking Usage Stats: Devices
  27. 70. Online Newsstand Project <ul><li>http://www.theonlinenewsstand.org </li></ul>
  28. 74. Participating Libraries
  29. 76. Thank You! <ul><li>[email_address] </li></ul><ul><li>@sbutzel (rarely) </li></ul><ul><li>603-766-1711 </li></ul><ul><li>Brian Herzog, SwissArmyLibrarian.net/mobile [email_address] </li></ul><ul><li>My colleagues: Jennifer Moore, Kim McKee, Heather Armitage, Barbara Bourgoine </li></ul>

×