Your SlideShare is downloading. ×
Taking Your Library Website Mobile
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Taking Your Library Website Mobile


Published on

These are the slides used for my presentation on library mobile websites for NJLA 2010. These slides will also be the basis for a similar presentation to be done, as a webinar, in June sponsored by …

These are the slides used for my presentation on library mobile websites for NJLA 2010. These slides will also be the basis for a similar presentation to be done, as a webinar, in June sponsored by CJRLC, HRLC, and infolinik

Published in: Technology

  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide
  • Ask the audience and then have 2-3 of them tell you what devices they are using Point out that different people are using different devices (if they are) Ask the audience if anyone is tweeting this presentation? If so, use next slide (if not move on)
  • Have fun with this one!
  • Go through the outline and specifically highlight with some detail “What are my options” Considering you current site Tools for creating a separate mobile site
  • Highlight the fact that the largest demographic with increased usage is teens and seniors (point 3)
  • Stats tell us that: The rise in the use of mobile devices is exponential, not incremental Mobile phone users are using these devices to seek information, and they consider it an important way of obtaining information online.
  • Visitors who are looking on your current website for content, if not optimized, which have a much harder time finding information (and even harder if they are not using a smartphone) – Most mobile devices will load the website and the user will be given the top left hand corner. When a mobile user has to resize to get a wider look at the entire page, the content is rendered smaller and smaller so that much of the content on the page may not be visible to them Websites are for the most part designed to be viewed on standard computers monitors, and for laptop/desktop machines with more sophisticated browsers. However, as we have seen with the statistics, the hardware being used to view and access the web is changing. We need to account for this when providing web based content. It is important to our users that we provide an easy to navigate, easy to access user experience for our web based content which is mostly provided via our websites. More and more, we are providing access to our materials, programs, and various resources through our website as a portal of information. Just as we strive to make our physical content easier to find, and our physical spaces easier to navigate, we must do the same for our web content. We need to provide a better experience to those users accessing content via a mobile device, they are our future.
  • Instant Mobilizer Gives you a preview of your website in a mobile environment Mobiready Tests your current website for mobile usability and gives you a grade as well as a detailed report on the aspects of the page and how they stack up for mobile readiness. There is also a link that offers suggestions on how to fix mobile issues it detects If you current site is mobile friendly and does render well on mobile devices than that is great!!! You are in the minority though. For the rest of us, once we are introduced to the sad truth about our present website, its time to thing about what we can do to fix this (Hint: it is not as hard as you think!). You do have choices!!
  • Choice 1 # Take steps to make your current website mobile friendly This can be as much or as little as you want to do, the more the better, but some if better than nothing at all Conditional style sheet : A stylesheet is a file that is used by your website, or webpages, to determine things like font color, size, rations for content, etc. It instructs the browser how to display the content on your site. You can have two style sheets: one for the regular browser user, and one for the mobile user. The way this works is that when someone is on a desktop browser, the site loads the regular style sheet. When on a mobile device, the browser for the mobile device is instructed to use the mobile style sheet instead. However, creating a mobile style sheet requires a fair amount of knowledge of CSS commands and styles. Also, I have heard mixed reviews on the conditional style sheet in that some mobile devices will read it and some will ignore it.
  • Prioritize content Mobile websites should and cannot be smaller versions of your current website in regards to depth of content. Users of mobile devices are looking for quick and precise information. Also, a lot of the content that relies on scripting, Flash, etc will not load for certain devices. When it comes to mobile websites, the more content you have, generally, the harder it is to find because there is more drilling involved. So we need to make the tough choices Think about the situations when people would be accessing the library website on a mobile device; what are they looking for, what is their user behavior? We’ll talk a bit more about some mobile services later on. 2.Deciding on a platform and hosting Vendor hosted Pro: Familiar graphical interface for easy editing and adding of content Con: If vendor closes shop, and they do not have an export feature, you lose the site Self hosted Pro: You have the code for the site so, vendor viability is not an issue Pro: You have more control over URL or subdomain name Con: Have to use an HTML editor and will need to know, or have access to someone who knows, some HTML and CSS to be able to continue to add content and/or edit the site Who is going to manage, change and edit the content for the site? Again, step number one comes into play where you don’t want to make much more extra work for staff or yourself. Think about populating the mobile site with content that is less likely to change. Provide mobile content that can be pushed to the site (more on this later). To reiterate we are not trying to duplicate your present site. We are trying to provide useful, relevant, and prioritized content to users on the go.
  • Wirenode – username = cranburypl ; password = cplstaff
  • Wapple: username – ; password - cplstaff
  • Mippin ( ; cplstaff) Insert your URL and get a mobile version of your site with a URL (you can use TinyURL to mash that URL into one that is more conducive to your current site) With free account, can gain access to some limited customization features like header colors, header logo Google Mobile Optimizer Renders you site, in a regular browser, in a mobile format so you can preview what you site looks like to mobile users. You can actually also capture the URL, setup a custom or tinyurl, and use that for your mobile website (for free and without having to build anything!)
  • Twitter ( Facebook ( Ebscohost Mobile ( Moodle ( Flickr ( RSS (provide the links to the feeds) Podcasts/Vodcasts ( Blogs YouTube ( Delicious ( Google Books ( Mobile OPAC Libraries Anywhere (Librarything) – still in closed beta ($$) - http:// WorldCat Mobile iPhone app Innovative Interfaces (Airpac) There need to be more.. And we need to let our vendors know!! AOL Hack for Free Text Reference – Create a free AOL account; Login to AIM; patrons send text msg of “Send username message” to 246246; You receive msg in AIM chat and converse via text with patron. Provide instructions on mobile site. Use with regular site too!! ( Maybe demo if you can )
  • Try to address questions as best as you can
  • Have some more fun B4 ending
  • Transcript

    • 1. Taking Your Library Website Mobile Doug Baldwin Systems Administrator Cranbury Public Library
    • 2. How many of you of YOU are using a mobile device to access the Internet these days?
    • 3. Doug Baldwin talking about mobile something or other. Can’t take my eyes off him  #NJLAconf @govchristie
    • 4. Wait…I thought it was still lunch time?
      • Why have mobile website?
      • What is wrong with the one I have?
      • What are my options?
      • Mobile content
      • Q&A
    • 5. We librarians love our stats…
      • Morgan Stanley analysts predict that the mobile web will be bigger than desktop Internet usage by 2015
      • There will be 4.6 billion mobile cellular subscriptions globally by year end 2009 (International Telecommunications Union)
      • Web visitors using mobile devices increased 34% from 2008-09. Interestingly, the largest demographic to increase usage over that period were teens and seniors. (Nielson Media)
      • The number of US households using mobile devices to access news and information more than doubled (to 63.2 million) between 2008-2009” (
      • Among those users, 35% did so on a daily basis, more than double the number from the year before
    • 6. Oh yes, can’t get enough stats!!
      • 1/3 of US residents have used a cellular or smart phone to access the Internet for emailing, IM, or information seeking
      • One a given day, 19% of Americans use the Internet on a mobile device. This an increase of 43% from 2007
      • Among those using phones to access the Internet, 46% say mobile access is very important for getting information online.
      • Information taken from 2009 Pew Internet and American Life study entitled,
      • “ Wireless Internet Usage ”
    • 7. What is wrong with my current website “Mr. Know It All”?
      • Nothing!! I am sure it is fine… but,
      • Web users are inpatient, so size matters
      • What is lost in the resizing of a site?
      • We design for the hardware, but the hardware is changing
      • We are in the user experience business!
      • What can I do about it, I do not code for mobile and I do not have time?!?
    • 8. How does my current site look to the “mobile” world
      • Instant Mobilizer
      • W3C Mobile Checker
      • DotMobi Emulator
      • http://  
      • Mobiready
      • User Agent Switcher for Firefox
    • 9. Mobilizing Current Site: Tips and Tricks
      • Conditional style sheet (not very easy)
      • Use percents, not absolute values
      • Use smaller images, link out to the larger ones (or no images at all!)
      • Simplify your design
        • One column layout
        • Limit multi-media, widgets, and dynamic elements (link out)
      • Short links
      • Make content easy to find (navigation)
        • Singular navigation
        • Most used content at the top
      • Click to call link
        • <a href=&quot;tel:1-888-888-8888”>1-888-888-8888</a>
    • 10. Creating a mobile website…
      • Prioritize your content
        • Make the tough choices
        • Right content for the right medium
        • Provide services that make “mobile sense”
      • Decide on your platform and hosting
        • Vendor hosting vs. third party hosting
        • Editor vs. hand coding
      • Test, test, test !!!!
        • Patrons and staff
      • Promote, promote, promote !!!
        • Flyers, website badge, bookmarks, social networks
      • Think about maintaining content and editing
    • 11.
      • Very easy WYSWYG editor
      • Low learning curve
      • Limited customization (color, template)
      • Integration of RSS, Twitter, one-click call, Google maps, forms, and images
      • Ad supported for free version
      • Create multiple sites / “mobilize” blog
      • Remote hosting
      • Stat tracking
      • Test Drive / Live Site
    • 12.
      • Remote hosted (no export available)
      • Highly customizable (styles, content)
      • Content is modular
      • One size fits all (customized to multiple mobile devices)
      • Higher learning curve than Wirenode
      • User statistics
      • RSS, comments, and other dynamic content available as modules
      • Test Drive / Live Site
    • 13. UNC Mobile Site Generator
      • Developed by Chad Haefele at the Univ. of North Carolina
      • Uses online form to create tiered navigation for your site (a shell for the site)
      • Gives you framework for the site, content is provided by you in coding environment
      • REQUIRES working knowledge of HTML
      • Highest level of flexibility and customization
      • Must host the site yourself
      • V1.1 allows integration of RSS feeds (still in testing phase though)
      • You will want to plan you site layout B4 you use the tool!
      • Test Drive / Live Site
    • 14. How to we get users to our mobile site?
      • Link on your website
      • Conditional CSS
      • Redirect via user agent string
        • Detects whether user is on a mobile device or not and directs them to appropriate site (mobile or non-mobile)
    • 15. Is there a shortcut, Yes for some..
      • Using Wordpress?
        • WPtouch
        • WP Mobile Edition
        • WPTap
      • Using Joomla?
        • MobileBot
      • Using Drupal
        • Mobile for Drupal
    • 16. And if your really in a pinch…
      • Try Google Mobile Optimizer
      • http://
      • Try Mippin
    • 17. Providing mobile content… Can you think of any others???
    • 18. Questions
    • 19. I would have skipped my own wedding for this.. Love that Doug Baldwin  #NJLAconf @govchristie
    • 20. Cited Resources
    • 21. Contact Info
      • Doug Baldwin
      • Systems Administrator
      • Cranbury Public Library
      • [email_address]
      • Twitter / @baldwind1976
      • Facebook / http://
      • Linked In /
      • Square 2 /
      • 609-655-0555
      • Presentation, links, and resources can be found at:
      • http://