Rapid prototyping with jQuery Mobile
@alanhortz - @mpedriale
@handsonio
www.handson.io
Collaboration
Innovation
ExchangeCommunication
Solution
Respect
Evolution
Prototyping
http://www.theverge.com/2012/7/26/3190849/court-documents-reveal-multiple-ipad-iphone-prototypes-kickstand
iPhone
iPad (?)
Excerpt from: Björn Hartmann, Gaining Design Insight Through Interaction Prototyping Tools.
http://designclinics.pbworks.com/f/hartmann-prototypes-ch2.pdf
Excerpt from: Björn Hartmann, Gaining Design Insight Through Interaction Prototyping Tools.
http://designclinics.pbworks.com/f/hartmann-prototypes-ch2.pdf
/Pr[o|e]totyping/
Create an extremely simplified versions of
a product to help validate the premise
that “If we build it, they will use it.”
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
Pretotyping
http://www.computerhistory.org/collections/catalog/102716262
Palm Pilot (1998)
Pretotype
Pretotyping
Good Failure vs. Bad Failure
Faking before making it
Fail Fast ... and Often http://www.pretotyping.org/
bottom line…
requirements discovery
Validate early
Reduce feedback cycle
Engage your clients / stakeholders
Inspect and adapt
Conduct “safe to fail” experiments
Hands-on Time!
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
Where is the code?https://github.com/handsonio/
prototyping_jquery_mobile
Resources
http://jquerymobile.com/resources/
http://www.businessinsider.com/inside-story-of-clinkle-2014-4
https://github.com/handsonio
github.com/handsonio