Embed Size (px)
Citation preview
MONEY CAN BUY LOVE!?
Introduc*on to Prototyping
“It’s faster to make a four inch mirror telescope then a six inch than to make a six inch mirror telescope”
Introduc*on to Prototyping
…”Fail early and fail cheaply”
Prototype
Prototype – A model or representa*on of a final product.
Func3onal Visual Form study Proof of principle
Prototype
Prototypes range from rough paper sketches to interac*ve simula*ons or wireframes that look and func*on like the final product.
Prototyping
An itera*ve process of rapidly mocking up the future state of a system/product, generates feedback early, improving the final design.
When/How to start
System Requirements specifica*ons
Use Cases/User Stories
Why Prototype
Why
1. Uncertainty as to the performance of the new design/product
2. Unexpected problems associated with new products
3. Explore design alterna*ves 4. Test theories (customer centric) and confirm
performance (Efficiency/Results Centric)
Prototyping Cycle
Design Convert the users’ descrip*on of the solu*on into mock-‐ups
Review Share with users and evaluate whether it meets their needs and expecta*ons.
Refine Based on feedback, iden*fy areas that need to be refined, further defined and clarified.
Repeat…
Wireframing
Wireframe serves as a blueprint or schema*c of a design template, and shows how naviga*on, content and images will all work together.
Wireframes
1. More a visual communica*on tool than a design tool
2. Wireframes serve as a bridge between raw ideas and final prototypes
Prototyping tools
balsamiq
axure pidoco
h[ps://docs.google.com/spreadsheets/d/1iyTUtVWFSGyJwRRizaah3B3KX4kh-‐fc7mwhwfg7D8o/pub?output=html
Ques*ons?
Let’s start Prototyping
