Uploaded on

 

More in: Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
559
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
31
Comments
0
Likes
3

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. How toPrototypeLike a Pro Original iPod Prototype
  • 2. A pictureis worth a thousand words A prototype is worth a thousand pictures
  • 3. Whats aprototype?
  • 4. Early versionof an idea
  • 5. Test able Early version of an idea
  • 6. This is nota prototype
  • 7. This is nota prototype
  • 8. This is
  • 9. Why Prototype?
  • 10. To answerquestionsand generate new ones
  • 11. Validate yourassumptions
  • 12. comparealternatives
  • 13. Failearly d an y ea pl ch
  • 14. To Visualizeyour ideas
  • 15. To Visualizeyour ideasand share themwith others
  • 16. To Visualize your ideas and share them with othersTeam users investors clients
  • 17. So you till youFake it make it
  • 18. What makes a goodPrototype?
  • 19. QuickYou can create multiple versions fastand iterate even faster!
  • 20. Cheap You wouldnt mindthrowing it away andstarting all over again
  • 21. Favorites Check-in ChatPictures Minimal Contains only core features
  • 22. Testable You can put it in front ofpeople and have them try it out(instead of just telling them about it)
  • 23. Measurable You can get thenumbers behind whatsworking and whats not.
  • 24. And hopefully fun to create and use
  • 25. How to create a greatPrototype?
  • 26. 1Plan
  • 27. Define stories,and identify tasks
  • 28. Create a userflow diagram
  • 29. Sketch roughinterface screens Photo courtesy of StevenVanwel on Flickr
  • 30. 2Build Photo courtesy of Mr. T in DC on Flickr
  • 31. Main screen Login screenDesign main screens
  • 32. Create UI states Update StatusProfile pop-up highlight update
  • 33. Add user interaction
  • 34. 3Test
  • 35. Test several prototypesTo get objective feedback
  • 36. Decide whatto measureTo get accurate feedback
  • 37. Choose theright usersTo get relevant feedback
  • 38. Ask them tothink aloudTo get constant feedback
  • 39. Interview them at the end To get even more feedback
  • 40. 4Refine
  • 41. Discuss resultswith your team
  • 42. Integrate findings
  • 43. Test againwith users
  • 44. 5Share
  • 45. Have yourteam playwith theprototype,instead ofwriting longspecificationdocuments
  • 46. E nter Key note
  • 47. Design toolwithoutfeature creep
  • 48. clickable Fast SlowLow fidelity High fidelity Proto types
  • 49. Basic shapes The ones you need, without thedistraction of the ones you dont need
  • 50. AlignmentandSnapping
  • 51. Copy StyleVisual K Lstyles K LQuickly share styles across shapes
  • 52. Masterslides- Less copy/paste- Update multiple pageswith a single change
  • 53. HyperlinksAdd user interaction without writing code
  • 54. SlideTransitions
  • 55. ExportHyperlinks are preserved!
  • 56. Test onDeviceWithout doing any extra work
  • 57. Works withAdobe suite Copy Paste
  • 58. And it costsless than $25 The whole iWork suite costs less than most mock-up and prototyping tools
  • 59. Key not opiaLargest user interface library for Keynote Power point! and
  • 60. To design interfaces andtest prototypes in hoursinstead of days
  • 61. Paper sketches Wireframes HTML /JS / Flash Mockups CompsFast Slowlow fidelity Finally! high fidelity
  • 62. Hundreds of UI buildingblocks for...
  • 63. iPad
  • 64. iPhone
  • 65. Web/Desktop
  • 66. Android
  • 67. BlackBerry
  • 68. Windows Phone 7
  • 69. and Facebook
  • 70. Thousands of companies use it!
  • 71. And everyone loves it!
  • 72. I love Keynotopia prototyping templates.Used them to rapidly develop a fitness appas part of Phoenix Startup Weekend, andended up winning the peoples choice andbest presentation! -Matt Clower, iOS developer I work for a major corporation and my prototype consisted of over 150 slides. Keynotopia turned 60 days worth of work to 20. The executives loved the presentation and are contemplating implementing the app. -Shawn Smith, UX Designer Because it saves time and money!
  • 73. $9 save you 9 hours Get it at Keynotopia