Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Prototyping: A Component for Successful Projects

Prototyping: A Component for Successful Projects

E47af1013d3ab2bd530c8b87010074b4?s=128

Chris Griffith

January 24, 2014
Tweet

Transcript

  1. Prototyping:  A  Component   for  Successful  Projects   Chris  Griffith

      Qualcomm,  Inc.   User  Experience  Group  
  2. Available  for  iPhone   h/p://bit.ly/ctSHPY   Conference  App  Available  

  3. None
  4. What  is  Prototyping    …incomplete  versions  of  the  soEware  program

     being   developed.  A  prototype  typically  implements  only  a  small   subset  of  the  features  of  the  eventual  program,  and  the   implementaHon  may  be  completely  different  from  that  of   the  eventual  product.     (hKp://en.wikipedia.org/wiki/SoEware_prototyping)  
  5. None
  6. None
  7. None
  8. None
  9. None
  10. Source:  hKp://www.whaKofix.com/blog/archives/2008/05/peace_for_pachy.php  

  11. None
  12. None
  13. None
  14. None
  15. None
  16. None
  17. None
  18. Short  Timeframes  

  19. Build  only  what  you  need  

  20. Don’t  be  afraid  to  throw  it  out  

  21. Types  of  Prototyping   • Low  Fidelity   • Medium  Fidelity  

    • High  Fidelity  
  22. Low  Fidelity   • Quick  to  develop   • Allows  for  exploraHons

     of  ideas   • Can  be  more  difficult  to  conduct  user  studies   • Zero  coding!  
  23. Paper  Prototyping   Source:  hKp://usereccentric.com/entries/000333.html  

  24. Paper  Prototyping  

  25. Tools  

  26. Resources  

  27. Medium  Fidelity   • More  “real”  user  experience   • Longer  design

     Hme   • Longer  development  Hme   • Some  level  of  programming   • “Golden  Path”  /  Slideshow  
  28. Medium  Fidelity  

  29. Tools  

  30. High  Fidelity   • Closer  to  reality   • Greater  design  requirements

      • More  development  Hme   • Can  serve  as  a  reference  pla_orm  for  other  groups   (Engineering,  QA,  MarkeHng)  
  31. High  Fidelity  

  32. Tools  

  33. None
  34. None
  35. None
  36. Demos  

  37. iPhone  Tricks   <link  rel=“apple-­‐touch-­‐icon”  href=“myIcon.png”>   <link  rel=“apple-­‐touch-­‐icon-­‐precomposed”  

    href=“myIcon.png”>   <meta  name=“apple-­‐mobile-­‐web-­‐app-­‐capable”   content=“yes”>   <link  rel=“apple-­‐touch-­‐startup-­‐image”   href=“mySplash.png”>    
  38. None
  39. Source  hKp://usability.wikimedia.org/wiki/File:Research-­‐Photo-­‐LabTesHng.jpg  

  40. Prototyping  PiJalls  

  41. Fidelity  Trap  

  42. “Looks  Done  to  me!   Ship  IT!”  

  43. Prototyping:  A  PracOOoner's  Guide  

  44. None
  45. Keys  to  Successful  Prototyping   • Short  development  Hme   • Throw-­‐away

     code  (mostly)   • Fake  it  (when  you  can)  
  46. Q&A  

  47. Contact  me:   • cgriffith@qualcomm.com   • TwiKer:  @chrisgriffith   • Blog:  hKp://chrisgriffith.wordpress.com/

     
  48. Thanks!  

  49. None
  50. Title