Upload
juan-francisco-reyes
View
617
Download
1
Embed Size (px)
DESCRIPTION
Citation preview
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
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 in a 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 us and keep the conversation going.
William Helman twitter.com/thinkpol http://whelman.com
Juan Francisco Reyes twitter.com/pacoreyes http://xentido.com
Find this presentation at: slideshare.net/whelman