Prototyping	
  

ABC
remember
Ideas are cheap but
Building them is not
What’s the solution?
Rapid Prototyping
remember
prototype != product
Sell an idea
or
Test an idea
Real Product
Magic	
  

Prototype
Maximum Effect
with
Minimum Effort
Fake it ‘till you make it’
Make only what you have to
Make only what you must
Prototype need to be
ü  Fast
ü  Beautiful
ü  Functional
ü  Something else
Prototype comprise of
ü  Layout
ü  Behaviour
ü  Flow
Prototype must be
Client	
  

Product	
  
Designer	
  
Types of prototyping
ü  Manual
ü  Low Fidelity
ü  High Fidelity
Manual prototyping
ü  You need a pen/pencil
ü  A paper/sticky note
ü  A mobile phone camera
ü  Pop app for Android or iOS
Guerrilla	
  Tes5ng	
  
Take	
  your	
  prototype	
  to	
  a	
  cafe/bar	
  	
  
Find	
  your	
  target	
  customer	
  and	
  test	
  your	
  prototype	
  with	
  them	
  
Record	
  the	
  conversa5on	
  and	
  ask	
  them	
  to	
  comment	
  while	
  they	
  	
  
are	
  using	
  the	
  app	
  
Low Fidelity prototyping
ü  Balsamiq/Pencil for Mac or windows
ü  fluidui.com
ü  Invision App
High Fidelity prototyping
ü  Photoshop/GIMP	
  for	
  windows	
  or	
  mac
ü  Invision App
Customer engagement
ü  Wufoo	
  forms
ü  Launch Rock
ü  Kickofflabs
ü  Google Drive (forms, drawing etc)
What did we learn
What did we learn
ü  Ideas	
  are	
  cheap	
  but	
  building	
  tthem	
  iis	
  not
ü  Ideas	
  are	
  cheap	
  but	
  building	
   hem	
   s	
  not
ü  Prototype !=product
ü  Prototype !=product
ü  Test your ideas
ü  Test your ideas
ü  Talk to customers
ü  Talk to customers
ü  And get out of the building and repeat
ü  And get out of the building and repeat
Salman	
  Sadiq	
  
@saalmaan	
  
Salman.sadiq@gmail.com	
  

Lets do it

Prototyping ABC: Validate your ideas