Let’s Make Some Mobile, Mmmkay? #Blogworld

BlogworldPresenter: @SaraSantiago co-owner of @RollMobile

Some stats: US smart phone penetration just hit 50% (Neilsen, 2012).

One in four US mobile phone owners use the mobile web every day (Antenna Software Report).

Gartner predicts more people will be accessing the Internet with mobile devices than with their computers by 2012.

If I access your site, what will I see? If it’s not mobile-friendly, people will go find another site that is.

White space time = commute time, getting ready for work, etc. People digest content during that white space time.

Google – howtogomo.com/en/#gomo-meter – looks at your website and tells you how mobile-friendly it is

Responsive design/Adaptive design – discussion about what they both are.

WordPress – install a mobile theme for your blog. Check out http://wordpress.org/extend/plugins/wordpress-mobile-pack/

Other blog software was covered too, including Movable Type, TypePad, WordPress.com, and Blogger.

http://www.lmgtfy.com – Let Me Google That For You

Once you make a mobile-friendly site, test out everything – make sure it works. Click the links, play the video, scroll through the site, click the navigation, etc.

QR Codes: use a link shortener first, then make your QR Code. Makes the code less dense. IF you use a QR Code, the place that code resolves to HAS TO work on a mobile phone. You KNOW the user is on a phone… so make whatever the QR code is pointing to work on a phone.

Sara’s Rules for Providing an Awesome Mobile Experience:

  1. Think. Plan. Resist “shiny new object syndrome”
  2. Remember, you aren’t creating an experience for yourself. So ask your audience what they want.
  3. Please. Don’t make me feel like you hate me. Make it easy and make it work.
  4. HTML5 is not a verb. Do some planning before you do responsive design, use HTML5, etc.
  5. Be the ball. ME – what in the world does this mean? I’m not sure, and all she said was “this is the best advice that I’ve ever heard.”

Internet Librarian 2011, Day 1: Developing a mobile presence: mobile web, usability, and devices

Developing a mobile presence: mobile web, usability, and devices

Ebsen Fjord, Nate Hill, Joel Shields

Dissemination with iPads – Ebsen

Boss wanted to spend some money on iPads … They first needed to figure out what they were going to do with them.

Goals for using iPads

  • Strengthen staff knowledge
  • Use as facilitator for interaction in the physical space
  • Educate our patrons
  • Be a tech-savvy library

What did we do?

  • 30 iPad2’s
  • Staff members knowledge and competences
  • Apps from apples AppStore – didn’t want to develop their own things, but just use what was already out there
  • The physical library

activities

  • Playing with music
  • Jane Austen reading club
  • Read the daily news on the iPad
  • Angry birds tournament
  • Book reviews on YouTube
  • Workshops

Playing with music

  • Playing instruments, working with sounds, chords, sheet music and mixing
  • 2-3 iPads with relevant apps
  • 1 iPad with musicquiz

Jane Austin

  • English language reading club for expats
  • iPads with Jane Austin manuscripts, books, analysis, and more
  • They found reading aids, etc – besides just the book

Workshops – patrons exchanging knowledge with each other

Handling and security
Patrons check them out like a book
Some are mounted in a kiosk

************

Nate Hill

San Jose – lessons learned

Scan Jose – historic photos used in a new way

Using google location API for gis stuff

Connected to layar –

Do as I say, not as I’ve done

Obstacles

  • It’s a moving target – platforms change fast
  • Staff changes – completely changed
  • Learned the tech on the fly
  • Content and communication – its not just technology, it’s storytelling. It’s hard!

Used storyboards for interaction prototyping

******************

Joel Shields

Developing a Mobile website for your library

How did I start?

Started by using mobile sites and realizing how not friendly for mobile they were

Created a wish list for the site

App or not – a consideration

  • 4 major platforms, each written in a different language, different developers fees, etc
  • So went with a web app – absolute control, your own standards,and it works on all devices

Used LAMP, written in php

iwebkit – simple framework of help build a mobile interface

Some catalogs have mobile versions too – he used an XML feed, did a bit of development work, and made a mobile version

Audience – targeting students.

M.wrlc.org – demo version

You can log in and make it personal – basically using the catalog account stuff

Now what?

  • Beta testing – find interested people who want to help
  • Advertise
  • Prove it – track use though google analytics

A few things to keep in mind

  • Brevityisthe squalor mobile design
  • Make the URL familiar and easy to typed a mobile device
  • Don’t overdo it
  • Merit personal
  • Ok to leave things out
  • Make it look good
    Plan for the future- leave room for growth
  • Advertise
  • Track usage

CIL2010: Developing & Designing for Mobile

Speaker – Jeff Wisniewski, Web Services Librarian, University of Pittsburgh

Notes from this session …

mobile will surpass desktop web access in the next couple years

if you can write html, css, and javascripting … you can write for the mobile web.

me – mobile apps are great …. but we even moreso need to be building for the mobile web.

context is important:

  • not interested in your lending policy
  • want to satisfy immediate info needs
  • usually we’re in busy places, doing multiple things when we are accessing mobile web

Mobile usability – oxymoron (not sure I agree …)

– minimize the need to input text when you can.

remember you’re designing fro a small screen and will have speed and latency issues.

Two important points to remember:

  • don’t make me think!
  • don’t make me type!

content – ask your users what they would find useful

Cake and icing:

cake – directions, hours, contact info, ask a question, etc.

icing – (do these if you can, later on, etc) – catalog search, article search…

be selective – everything is on a need to know basis

repurpose existing content – podcasts, video, alerts, rss type stuff

content we buy:

some have mobile friendly sites already, like EBSCO, PubMed, westlaw, etc.

Catalog: look for accessible version if possible – it will probably be mobile friendly

me – mobile – make sure our site and services work on a 3g network – m.tscpl.org

m.home – make a new mobile homepage:

single column

single lines

flattened hierarchy

short titles

simple standard html and css

include a mobile dtd type

ignore handheld css stylesheets. most new mobile browsers ignore handheld stylesheet statement

media query – the link media thing – tells browser to use this stylesheet if screen is smaller than a certain size

include action links like a href tel:phone# stuff – sms: – same thing – this allows people to click and call or click and text, rather than having to type

optimizing for mobile:

combine dependent files, minify your javascript and css, tell google  – register mobile site with them.

Google small business center – register library website with google local

use validation services

drupal has a mobile template

usability testing – do paper tests

analytics – google analytics has mobile tracking, or you can filter by user agents