Mobile Website Design for Libraries
0 likes920 views
The document discusses the importance of mobile services in libraries, noting that a significant percentage of Americans own smartphones and predicting a shift towards mobile web usage. It emphasizes the need for simple, user-friendly mobile sites that provide quick access to essential library information and explores trends in mobile webpage design. Additionally, it outlines technical considerations for implementing mobile site features, including auto-detection and tracking user statistics.
Mobile Website Design for Libraries
- 1. Serving Library Patrons in the Mobile Space Steve Butzel Portsmouth Public Library
- 2. “Imitate, Assimilate, Innovate” Steve Butzel Portsmouth Public Library
- 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”
- 7. Quick, easy access to information…
- 8. What do our patrons want in the mobile space?
- 9. When does the library open or close?
- 10. When is story hour today?
- 11. New arrivals Does my library have these?
- 12. Back to our users…they’re busy. Really busy. So keep your mobile site simple!
- 36. Apps
- 48. But can we do better?
- 49. What are other trends in mobile webpage design?
- 55. 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>
- 69. What do you think?
- 70. Some technical stuff (Thanks Brian) Auto-Detect & Redirect Options Testing on multiple devices Tracking statistics
- 71. 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
- 72. Auto-Detect & Redirect: PHP http://detectmobilebrowsers.mobi/ 1. Download their main script to your webserver 2. Use their Function Generator to build the code for your main website homepage 3. Edit your .htaccess to allow .html files to run PHP code 4. Their FAQ explains everything
- 73. Auto-Detect & Redirect But just in case… Failsafe Link
- 74. 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/
- 75. 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
- 76. Tracking Usage Stats: Overall Use
- 77. Tracking Usage Stats: Location
- 78. Tracking Usage Stats: Devices
- 79. 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/)
- 80. Online Newsstand Project http://www.theonlinenewsstand.org
- 86. Online Newsstand Project - Gale
- 87. 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