jQuery Mobile is an interresting tool, especially for rapid prototyping.

1. Rapid prototyping with
jQuery Mobile
@alanhortz - @mpedriale
@handsonio

2. www.handson.io
Collaboration
Innovation
Exchange
Communication
Solution
Respect
Evolution

3. Prototyping

5. iPhone
http://www.theverge.com/2012/7/26/3190849/court-documents-reveal-multiple-ipad-iphone-prototypes-kickstand

6. iPad (?)

7. Excerpt from: Björn Hartmann, Gaining Design
Insight Through Interaction Prototyping Tools.
http://designclinics.pbworks.com/f/hartmann-prototypes-ch2.pdf

8. Excerpt from: Björn Hartmann, Gaining Design
Insight Through Interaction Prototyping Tools.
http://designclinics.pbworks.com/f/hartmann-prototypes-ch2.pdf

9. /Pr[o|e]totyping/

10. Pretotyping
Create an extremely simplified versions of
a product to help validate the premise
that “If we build it, they will use it.”

11. Pretotyping
Create an extremely simplified versions of
a product to help validate the premise
that “If we build it, they will use it.”
before a significant investment is done

12. Pretotype
Palm Pilot (1998)
http://www.computerhistory.org/collections/catalog/102716262

13. Pretotyping
Faking before making it
Good Failure vs. Bad Failure
Fail Fast ... and Often
http://www.pretotyping.org/

14. bottom line…

15. Validate early
Inspect and adapt
Engage your clients / stakeholders
Conduct “safe to fail” experiments
Reduce feedback cycle
requirements discovery

17. Hands-on Time!

18. Hands-on Time!
Let’s prototype the user interface of a Book Library
application
!
TODO:
•Main menu
•Home page listing of books
•Book detail page
•Checkout confirmation dialog

19. Where is the code?
https://github.com/handsonio/
prototyping_jquery_mobile

20. Resources
http://jquerymobile.com/resources/
http://www.businessinsider.com/inside-story-of-clinkle-
2014-4
https://github.com/handsonio

22. github.com/handsonio