Responsive, user driven, mobile.

674 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
674
On SlideShare
0
From Embeds
0
Number of Embeds
32
Actions
Shares
0
Downloads
2
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Responsive, user driven, mobile.

  1. 1. Responsive,user driven,mobile.Internet Librarian,Monterey, CA23 October, 2012Bill Helman and Juan-Francisco Reyes,University of Baltimore Langsdale Library twitter.com/thinkpol slideshare.net/whelman
  2. 2. What to expect in the next 25 minutes1. Introduction (this slide)2. User Centered Design philosophy (the next few slides)3. Technologies and methods (whats 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. 3. Can you build us a mobile..."something?" photo by flicker user statelibrarynsw
  4. 4. One-size-fits-alldoes not make sensefor mobile. photo by flicker user jdhancock
  5. 5. Your community is like a snowflake.Treat it that way. photo by flicker user elifayse
  6. 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. 7. Do user needs assessmenton the cheap. ● Observations of users in the wild ● Whiteboard survey questions ● Focus groups and gamestorming ● photo by flicker user elifayse
  8. 8. Gamestorming: design the box
  9. 9. Learn new skills and put them,immediately, into practice
  10. 10. A list of common ingredients:● jQuery Mobile ● ColdFusion● HTML5 ● XML● CSS3 ● Aleph● JavaScript● JSON
  11. 11. Book locator:translating shelvesinto pixels
  12. 12. One response to panic screamsscreens
  13. 13. now test and adjust (then repeat)
  14. 14. Resources we used and our codeAll our code is belong to you: github.com/whelmanHead first html5 programing. http://www.worldcat.org/oclc/706018590Gamestorming: A playbook for innovators, rulebreakers,and changemakers. http://www.worldcat.org/oclc/471816034Head first mobile web. http://www.worldcat.org/oclc/744291335jQuery Mobile: http://jquerymobile.com/test/ (this is anawesome site to get you up and running)
  15. 15. Contact us and keep the conversation going.Find this presentation at: slideshare.net/whelmanWilliam Helman twitter.com/thinkpol http://whelman.comJuan Francisco Reyes twitter.com/pacoreyes http://xentido.com

×