0
LeanPrototyping For Startups                Original iPod Prototype
What this talk  is about
Who am I?
2 short stories    about prototyping
A pictureis worth a thousand    words             A prototype             is worth a             thousand             pict...
Whats aprototype?
Early versionof an idea
Te s t a ble     Early version     of an idea
This is nota prototype
This is nota prototype
This is
Why Prototype?
To answerquestionsand generate new ones
Validate yourassumptions
comparealternatives
Failearly d    an y      ea pl   ch
To Visualizeyour ideas
To Visualizeyour ideasand share themwith others
To Visualize    your ideas    and share them    with othersTeam                 users   investors   clients
So you    till youFake it   make it
What makes  a goodPrototype?
QuickYou can create multiple versions fast      and iterate even faster!
CheapYou wouldnt mind throwing it away and        starting all over again
Favorites   Check-in           ChatPictures       Minimal           Contains only           core features
TestableYou can put it in front of people and have them                    try it out     (instead of just telling them ab...
MeasurableYou can get the numbers behindwhats working and whats not.
And hopefully fun to create and use
How I DoRapi d + CheapPrototyping*      *Without writing code
1Plan
Define stories,and identify tasks
Create a userflow diagram
Sketch roughinterface screens              Photo courtesy of StevenVanwel on Flickr
2Build    Photo courtesy of Mr. T in DC on Flickr
Decide what youwant to prototype Which questions do you want to answer?
Main screen  Login screenDesign main screens
Create UI states                 Update StatusProfile pop-up                   highlight update
Add user interaction
3Test
Test several prototypes  To get objective feedback
Decide whatto measure  To get accurate feedback
Choose theright users  To get relevant feedback
Ask them tothink aloud  To get constant feedback
Interview them   at the end   To get even more feedback
4Refine
Discuss resultswith your team
Integrate findings
Test againwith users
5Share
Have yourteam playwith theprototype,instead ofwriting longspecificationdocuments
Wh yIp  roto type wi th Ke ynote
Design tool   withoutfeature creep
clickable      Fast            SlowLow fidelity           High fidelity      Proto types
Basic    shapesThe ones you need, without the distraction of                      the ones you dont need
AlignmentandSnapping
Copy StyleVisual             K                Lstyles             K                L   Quickly share styles across shapes
Masterslides- Less copy/paste- Update multiple pages with asingle change
Hyperlinks Add user interaction without writing code
SlideTransitions
ExportHyperlinks are preser ved!
Test onDeviceWithout doing any extra work
Works withAdobe suite   Copy   Paste
Embed product demos withinyour presentations
And it costsless than $20
Fi reho se D emo
lden Rule s for5 Go     Pro toty pingLean
Dont fall in love with  your early ideas
If you cant play with it, its still a fantasy
EVERYTHINGis an experiment
Favor kaizen over   perfection
Be a goodstoryteller
Tha nk y ou!    Questions
Lean prototyping for entrepreneurs
Lean prototyping for entrepreneurs
Lean prototyping for entrepreneurs
Upcoming SlideShare
Loading in...5
×

Lean prototyping for entrepreneurs

4,067

Published on

Published in: Technology, Business

Transcript of "Lean prototyping for entrepreneurs"

  1. 1. LeanPrototyping For Startups Original iPod Prototype
  2. 2. What this talk is about
  3. 3. Who am I?
  4. 4. 2 short stories about prototyping
  5. 5. A pictureis worth a thousand words A prototype is worth a thousand pictures
  6. 6. Whats aprototype?
  7. 7. Early versionof an idea
  8. 8. Te s t a ble Early version of an idea
  9. 9. This is nota prototype
  10. 10. This is nota prototype
  11. 11. This is
  12. 12. Why Prototype?
  13. 13. To answerquestionsand generate new ones
  14. 14. Validate yourassumptions
  15. 15. comparealternatives
  16. 16. Failearly d an y ea pl ch
  17. 17. To Visualizeyour ideas
  18. 18. To Visualizeyour ideasand share themwith others
  19. 19. To Visualize your ideas and share them with othersTeam users investors clients
  20. 20. So you till youFake it make it
  21. 21. What makes a goodPrototype?
  22. 22. QuickYou can create multiple versions fast and iterate even faster!
  23. 23. CheapYou wouldnt mind throwing it away and starting all over again
  24. 24. Favorites Check-in ChatPictures Minimal Contains only core features
  25. 25. TestableYou can put it in front of people and have them try it out (instead of just telling them about it)
  26. 26. MeasurableYou can get the numbers behindwhats working and whats not.
  27. 27. And hopefully fun to create and use
  28. 28. How I DoRapi d + CheapPrototyping* *Without writing code
  29. 29. 1Plan
  30. 30. Define stories,and identify tasks
  31. 31. Create a userflow diagram
  32. 32. Sketch roughinterface screens Photo courtesy of StevenVanwel on Flickr
  33. 33. 2Build Photo courtesy of Mr. T in DC on Flickr
  34. 34. Decide what youwant to prototype Which questions do you want to answer?
  35. 35. Main screen Login screenDesign main screens
  36. 36. Create UI states Update StatusProfile pop-up highlight update
  37. 37. Add user interaction
  38. 38. 3Test
  39. 39. Test several prototypes To get objective feedback
  40. 40. Decide whatto measure To get accurate feedback
  41. 41. Choose theright users To get relevant feedback
  42. 42. Ask them tothink aloud To get constant feedback
  43. 43. Interview them at the end To get even more feedback
  44. 44. 4Refine
  45. 45. Discuss resultswith your team
  46. 46. Integrate findings
  47. 47. Test againwith users
  48. 48. 5Share
  49. 49. Have yourteam playwith theprototype,instead ofwriting longspecificationdocuments
  50. 50. Wh yIp roto type wi th Ke ynote
  51. 51. Design tool withoutfeature creep
  52. 52. clickable Fast SlowLow fidelity High fidelity Proto types
  53. 53. Basic shapesThe ones you need, without the distraction of the ones you dont need
  54. 54. AlignmentandSnapping
  55. 55. Copy StyleVisual K Lstyles K L Quickly share styles across shapes
  56. 56. Masterslides- Less copy/paste- Update multiple pages with asingle change
  57. 57. Hyperlinks Add user interaction without writing code
  58. 58. SlideTransitions
  59. 59. ExportHyperlinks are preser ved!
  60. 60. Test onDeviceWithout doing any extra work
  61. 61. Works withAdobe suite Copy Paste
  62. 62. Embed product demos withinyour presentations
  63. 63. And it costsless than $20
  64. 64. Fi reho se D emo
  65. 65. lden Rule s for5 Go Pro toty pingLean
  66. 66. Dont fall in love with your early ideas
  67. 67. If you cant play with it, its still a fantasy
  68. 68. EVERYTHINGis an experiment
  69. 69. Favor kaizen over perfection
  70. 70. Be a goodstoryteller
  71. 71. Tha nk y ou! Questions
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×