Responsive, user driven, mobile.

Internet Librarian,Monterey, CA23 October, 2012

Bill Helman and Juan-Francisco Reyes,University of Baltimore Langsdale Library

twitter.com/thinkpolslideshare.net/whelman

What to expect in the next 25 minutes

1. Introduction (this slide)

2. User Centered Design philosophy (the next few slides)

3. Technologies and methods (what's under the hood)

4. Responsive design in practice (screen size matters)

5. Resources (our code on GitHub along with book and link suggestions)

photo by flicker user leynik

Can you build us a mobile... "something?"

photo by flicker user statelibrarynsw

One-size-fits-all does not make sense for mobile.

photo by flicker user jdhancock

Your community is like a snowflake. Treat it that way.

photo by flicker user elifayse

1. How does this solve a problem my users are having?

2. Does this solution makes sense ina mobile context?

photo by flicker user elifayse

Do user needs assessment on the cheap.

● Observations of users in the wild

● Whiteboard survey questions

● Focus groups and gamestorming

●

photo by flicker user elifayse

Gamestorming: design the box

Learn new skills and put them, immediately, into practice

A list of common ingredients:● jQuery Mobile● HTML5● CSS3● JavaScript● JSON

● ColdFusion● XML● Aleph

Book locator: translating shelves into pixels

One response to panic screamsscreens

now test and adjust (then repeat)

Resources we used and our code

All our code is belong to you: github.com/whelman

Head first html5 programing. http://www.worldcat.org/oclc/706018590

Gamestorming: A playbook for innovators, rulebreakers, and changemakers. http://www.worldcat.org/oclc/471816034

Head first mobile web. http://www.worldcat.org/oclc/744291335

jQuery Mobile: http://jquerymobile.com/test/ (this is an awesome site to get you up and running)

Contact usand keep the conversation going.

William Helmantwitter.com/thinkpolhttp://whelman.com

Juan Francisco Reyestwitter.com/pacoreyeshttp://xentido.com

Find this presentation at: slideshare.net/whelman