1. Responsive,
user driven,
mobile.
Internet Librarian,
Monterey, CA
23 October, 2012
Bill Helman and Juan-Francisco Reyes,
University of Baltimore Langsdale
Library
twitter.com/pacoreyes
http://xentido.com

2. 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

3. Can you build us a mobile...
"something?"
photo by flicker user statelibrarynsw

4. One-size-fits-all
does not make sense
for mobile.
photo by flicker user jdhancock

5. Your community is like a snowflake.
Treat it that way.
photo by flicker user elifayse

6. 1. How does this solve a problem my
users are having?
2. Does this solution makes sense in
a mobile context?
photo by flicker user elifayse

7. 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

8. Gamestorming: design the
box

9. Learn new skills and put them,
immediately, into practice

10. • jQuery Mobile • ColdFusion
• HTML5 • XML
• CSS3 • Aleph
• JavaScript
• JSON
A list of common ingredients:

11. Book locator:
translating shelves
into pixels

12. One response to panic
screamsscreens

13. now test and adjust (then repeat)

14. 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)

15. Contact us
and keep the conversation going.
Find this presentation at: slideshare.net/whelman
William Helman
twitter.com/thinkpol
http://whelman.com
Juan Francisco Reyes
twitter.com/pacoreyes
http://xentido.com