SlideShare a Scribd company logo
devs.mobi
mobidev.co.ke
info@devs.mobi
Introduction to Prototyping
“It’s faster to make a four inch mirror telescope then a
six inch than to make a six inch mirror telescope”
Introduction to Prototyping
…”Fail early and fail cheaply”
Prototype
Prototype – A model or representation of a
final product.
Functional Visual Form study Proof of
principle
Prototype
Prototypes range from rough paper sketches to
interactive simulations or wireframes that look
and function like the final product.
Prototyping
An iterative 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 specifications
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 alternatives
4. Test theories (customer centric) and confirm
performance (Efficiency/Results Centric)
Prototyping Cycle
Design
Convert the users’ description of the solution into mock-ups
Review
Share with users and evaluate whether it meets their needs and
expectations.
Refine
Based on feedback, identify areas that need to be refined, further
defined and clarified.
Repeat…
Wireframing
Wireframe serves as a blueprint or schematic of
a design template, and shows how navigation,
content and images will all work together.
Wireframes
1. More a visual communication tool than a
design tool
2. Wireframes serve as a bridge between raw
ideas and final prototypes
Prototyping tools
balsamiq axure pidoco
https://docs.google.com/spreadsheets/d/1iyTUtVWFSGyJ
wRRizafhh3B3KX4kh-fc7mwhwfg7D8o/pub?output=html
Questions?
Let’s start Prototyping

More Related Content

Prototyping