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