Published on

  • Be the first to comment

  • Be the first to like this


  1. 2. Overview <ul><li>Mobile Strategy </li></ul><ul><li>  </li></ul><ul><li>Content – top library tasks, info pages are secondary, social media </li></ul><ul><li>Design - accessibility first, must work on all devices, not just the iPhone </li></ul><ul><li>Sites vs Apps </li></ul><ul><li>Design Process </li></ul><ul><li>Vendor vs In-house development </li></ul><ul><li>Accessing your data </li></ul><ul><li>Deciding on content </li></ul><ul><li>Integrating with your full site, Drupal </li></ul><ul><li>Which devices? </li></ul><ul><li>Mobile detection </li></ul><ul><li>Mobile layout </li></ul><ul><li>Testing (emulators, native devices) </li></ul><ul><li>Promotion </li></ul><ul><li>Maintenance </li></ul>
  2. 3. Mobile Strategy <ul><li>Mobile is a core service, not a frill </li></ul><ul><li>Content – top library tasks, info pages are secondary, social media </li></ul><ul><li>Design - accessibility first, must work on all devices, not just the iPhone </li></ul><ul><li>Sites vs Apps </li></ul><ul><li> </li></ul><ul><li>Only Apple users browse the web? </li></ul>
  3. 4. Identify content <ul><li>Mobile sites are another degree of task based design </li></ul><ul><li>Identify tasks </li></ul><ul><li>Identify products </li></ul><ul><li>Minimal organizational info or static info </li></ul>
  4. 5. Page Pageviews – March 2010 to March 2011 /en/main/overview 7486225 /en/main/find 443970 /fr/main/overview 430815 /en/main/library 370425 /en/main/find/catalog/search/all/about 268408 /en/main/find/download 162844 /en/main/program 111021 /en/main/find/online 103624 /en/main/interest 80412 /en/main/library/card 64233 /en/main/about 63336 /en/main/library/location/central 59022 /en/main/about/contact 52688 /en/main/library/card/using/borrow/help 33801 /fr/main/find 32206
  5. 6. Top content <ul><li>Catalogue Search / My Account </li></ul><ul><li>Locations </li></ul><ul><li>Digital Media </li></ul><ul><li>Programs </li></ul><ul><li>Databases </li></ul><ul><li>Subject guides / Readers’ Advisory </li></ul><ul><li>Contact </li></ul>
  6. 7. Mobile design <ul><li>After content, then….. </li></ul><ul><li>Which devices? </li></ul><ul><li>Sites vs Apps </li></ul><ul><li>Mobile detection </li></ul><ul><li>Layout and resizing </li></ul><ul><li> </li></ul>
  7. 8. Mobile sites vs mobile apps <ul><li>Biggest issue with creating apps is the problem of creating an app for every mobile OS </li></ul><ul><li>The idea of creating websites as apps is a step backwards – web apps </li></ul><ul><li>More difficult to update </li></ul><ul><li>Apps should be created when you actually need an application </li></ul>
  8. 13. Mobile Traffic - Catalogue
  9. 14. Mobile Traffic - Website
  10. 15. Mobile Browsers <ul><li>Safari </li></ul><ul><li>Opera Mini </li></ul><ul><li>Android </li></ul><ul><li>Blackberry </li></ul><ul><li>Dolfin – Samsung </li></ul><ul><li>Nokia / Symbian </li></ul><ul><li>Firefox? </li></ul><ul><li>IE? </li></ul>
  11. 16. Benefits of Apps <ul><li>Speed:  JavaScript performance has increased dramatically in the past few years, but as an interpreted language, it will never be as fast as compiled code that runs directly on the processor. In a mobile environment where processors run slower to conserve power, every clock cycle counts. </li></ul><ul><li>Data Management:   Core Data on the iPhone provides a much more sophisticated system where relationships between your data objects are managed automatically. </li></ul><ul><li>Animation:  CSS3 and Javascript provides ways to animate page elements, but much more sophisticated effects are possible when you access the underlying Core Animation framework with native code. </li></ul><ul><li>Resources:  Mobile developers never have enough memory, network speed, or CPU power. These limited resources are much harder to control when they’re being managed by JavaScript or the browser. It’s easier for native applications to detect these situations and adapt the user experience accordingly. </li></ul><ul><li>Usability:  iPhone users feel most comfortable when they’re using the standard controls they’ve become accustomed to in Apple’s built-in apps. </li></ul><ul><li>Integration:  An iPhone has many capabilities that are beyond the reach of the web browser. Some simple examples are the user’s contacts, the photo library, voice recording, and device movement. </li></ul>
  12. 17. In-house vs Vendor Development <ul><li>In-house development requires mobile programming expertise, site is easier to build as it uses more common programming languages </li></ul><ul><li>Our setup </li></ul><ul><li>Need access to your data – API </li></ul><ul><li>Every new application requires maintenance </li></ul><ul><li>Drupal modules </li></ul>
  13. 18. Vendor options <ul><li>Boopsie </li></ul><ul><li>Popular mobile solution for your catalogue and gives you some static pages </li></ul><ul><li>Integrates with every major ILS </li></ul><ul><li>Key prediction, live integration </li></ul><ul><li>Drawbacks – different search query, not completely live synching </li></ul><ul><li>Good reviews </li></ul>
  14. 19. BookMyne <ul><li>Sirsi Dynix </li></ul><ul><li>For the iPhone </li></ul><ul><li>Barcode scanning capability </li></ul><ul><li>Social recommendation engine powered via Goodreads </li></ul><ul><li>For non-iPhone users, all SirsiDynix library technology is supported on Android, Blackberry and other smartphone browsers for mobile-friendly access. </li></ul><ul><li>We don’t have iBistro so not an option </li></ul>
  15. 20. Community Development <ul><li>Apps4Ottawa </li></ul><ul><li>API access vs Flat files </li></ul><ul><li>Maintenance? Control over design? </li></ul><ul><li>Great secondary option and way to stimulate development, engage community </li></ul><ul><li>LibraryBooks, Ottawa Library Find, Libraries Ottawa, WordPress Plugin </li></ul>
  16. 21. Our current implementation <ul><li>Partnered with other Bibliocommons libraries to develop a complete mobile solution </li></ul><ul><li>EPL funded an iPhone app </li></ul><ul><li>OPL funded a mobile site </li></ul><ul><li>Bibliocommons developing an Android app </li></ul><ul><li>Annual subscription gives you access to all three, includes maintenance, development </li></ul>
  17. 27. Mobile Design <ul><li>Mobile Detection </li></ul><ul><li>User agents, @media queries (CSS3) </li></ul><ul><li>User Agent API - </li></ul><ul><li>No perfect system for all devices </li></ul><ul><li>Any different than testing regular content for browsers? </li></ul><ul><li>Progressive Enhancement </li></ul><ul><li>Bandwidth </li></ul>
  18. 28. Mobile Layout <ul><li>“ As a long-time proponent of non-fixed layouts, I’ve long felt they were more “future proof” simply because they were layout agnostic.” </li></ul><ul><li>- </li></ul>
  19. 30. Fluid Layout <ul><li>In a fluid website layout, also referred to as a liquid layout, the majority of the components inside have percentage widths, and thus adjust to the user’s screen resolution. </li></ul><ul><li>The amount of extra white space is similar between all browsers and screen resolutions, which can be more visually appealing. </li></ul><ul><li>If designed well, a fluid layout can eliminate horizontal scroll bars in smaller screen resolutions. </li></ul><ul><li>It will also be more compatible with alternate screen resolutions. With cleaner code and design, compatibility problems are more easily prevented, found and dealt with. </li></ul><ul><li> </li></ul>
  20. 31. Testing <ul><li>Emulators - </li></ul><ul><li>“ This underscores a general rule of the utmost importance to web developers: There is no unified WebKit on mobile. I tested nine mobile WebKit-based browsers and they all behave differently . Not wildly so: Baseline CSS support is good, and JavaScript is definitely workable. Still, each one has its problems and strong points.” </li></ul><ul><li> </li></ul><ul><li>Emulators vs Native devices </li></ul>
  21. 32. Promotion <ul><li>Mobile services can be a great promotional tool for your library </li></ul><ul><li>Considered newsworthy </li></ul><ul><li>Generates social media traffic </li></ul>