Your SlideShare is downloading. ×
0
Mobile UX: Responsive Design & Tips - Internet librarian 2012
Mobile UX: Responsive Design & Tips - Internet librarian 2012
Mobile UX: Responsive Design & Tips - Internet librarian 2012
Mobile UX: Responsive Design & Tips - Internet librarian 2012
Mobile UX: Responsive Design & Tips - Internet librarian 2012
Mobile UX: Responsive Design & Tips - Internet librarian 2012
Mobile UX: Responsive Design & Tips - Internet librarian 2012
Mobile UX: Responsive Design & Tips - Internet librarian 2012
Mobile UX: Responsive Design & Tips - Internet librarian 2012
Mobile UX: Responsive Design & Tips - Internet librarian 2012
Mobile UX: Responsive Design & Tips - Internet librarian 2012
Mobile UX: Responsive Design & Tips - Internet librarian 2012
Mobile UX: Responsive Design & Tips - Internet librarian 2012
Mobile UX: Responsive Design & Tips - Internet librarian 2012
Mobile UX: Responsive Design & Tips - Internet librarian 2012
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Mobile UX: Responsive Design & Tips - Internet librarian 2012

453

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
453
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Responsive,user driven,mobile. Internet Librarian, Monterey, CA 23 October, 2012 Bill Helman and Juan-Francisco Reyes, University of Baltimore LangsdaleLibrary twitter.com/pacoreyes http://xentido.com
  • 2. What to expect in the next 25minutes1.  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. Can you build us a mobile..."something?" photo by flicker user statelibrarynsw
  • 4. One-size-fits-alldoes not make sensefor 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 myusers are having?2. Does this solution makes sense ina mobile context? photo by flicker user elifayse
  • 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. Gamestorming: design thebox
  • 9. Learn new skills and put them,immediately, into practice
  • 10. •  jQuery Mobile •  ColdFusion•  HTML5 •  XML•  CSS3 •  Aleph•  JavaScript•  JSONA list of common ingredients:
  • 11. Book locator:translating shelvesinto pixels
  • 12. One response to panicscreamsscreens
  • 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 anawesome site to get you up and running)
  • 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

×