Top Banner
MONEY CAN BUY LOVE!?
16

WananCHI Prototyping

Aug 16, 2015

Download

Design

WananCHI
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: WananCHI Prototyping

MONEY  CAN  BUY  LOVE!?  

Page 2: WananCHI Prototyping

   

MOSES KIOKOMOBIDEV KENYA [email protected]

Page 3: WananCHI Prototyping

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”  

Page 4: WananCHI Prototyping

Introduc*on  to  Prototyping  

…”Fail  early  and  fail  cheaply”  

Page 5: WananCHI Prototyping

Prototype  

Prototype  –  A  model  or  representa*on  of  a  final  product.          

Func3onal   Visual   Form  study   Proof  of  principle  

Page 6: WananCHI Prototyping

 Prototype  

Prototypes  range  from  rough  paper  sketches  to  interac*ve  simula*ons  or  wireframes  that  look  and  func*on  like  the  final  product.  

Page 7: WananCHI Prototyping

Prototyping  

An  itera*ve  process  of  rapidly  mocking  up  the  future  state  of  a  system/product,  generates  feedback  early,  improving  the  final  design.  

Page 8: WananCHI Prototyping

When/How  to  start  

System  Requirements  specifica*ons    

Use  Cases/User  Stories    

Page 9: WananCHI Prototyping

Why  Prototype  

Page 10: WananCHI Prototyping

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)  

Page 11: WananCHI Prototyping

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…  

Page 12: WananCHI Prototyping

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.  

Page 13: WananCHI Prototyping

Wireframes  

1.  More  a  visual  communica*on  tool  than  a  design  tool  

2.  Wireframes  serve  as  a  bridge  between  raw  ideas  and  final  prototypes  

 

Page 14: WananCHI Prototyping

Prototyping  tools  

balsamiq      

axure   pidoco  

h[ps://docs.google.com/spreadsheets/d/1iyTUtVWFSGyJwRRizaah3B3KX4kh-­‐fc7mwhwfg7D8o/pub?output=html  

Page 15: WananCHI Prototyping

Ques*ons?  

Page 16: WananCHI Prototyping

   Let’s  start  Prototyping