Prototyping Your Learning from Idea to Interactive Visualization #DevLearn14

Embed Size (px)

DESCRIPTION

Prototyping is an increasingly important need in eLearning. In this session you will learn how to design new courses and apps to gather feedback before starting development; about paper prototyping to tools that help simplify sharing concepts and testing ideas; to create fully interactive previews for desktop and mobile delivery; and which tools you can use as soon as you get back to your office.

Text of Prototyping Your Learning from Idea to Interactive Visualization #DevLearn14

  • 1. Prototyping: Turning Ideas Into RealityNick FloroNick@sealworks.com@NickFloro

2. Resources 3. Experimentexperiment 4. Stakeholder 5. Project Manager 6. Designer 7. Developer 8. Architect 9. ideaPlan &PrototypeDevelopmentLaunchMap 10. Keep it Simple 11. 3 Key Factors1. Audience2. Technology3. User Stories 12. 3 Key Factors1. Audience2. Technology3. Use Stories Why? 13. Sketching where ideas begin 14. Sketch theConcept 15. Visual Thinking 16. Mobile Apps 17. Adobe Ideas 18. Evernote Skitch 19. Paper by FiftyThree 20. teehanlax.com/tools/ 21. Prototypingtest driving your idea 22. Quick Prototyping TechniquesTools: Wireframes Keynote / PowerPoint 23. This is my question examplewhere you would tell a story andask for a response?option 1option 2option 3option 4option 5 24. This is my question examplewhere you would tell a story andask for a response?Answer example the user could selectfrom one of the options.Answer example the user could selectfrom one of the options.Answer example the user could selectfrom one of the options.Answer example the user could selectfrom one of the options.Answer example the user could selectfrom one of the options. 25. keynotekungfu.com 26. keynotopia.com 27. Custom Template in Keynote 28. Adobe Acrobat 29. InvisionApp.com 30. POP - Prototyping on Paper 31. POP - Prototyping on Paper 32. POP - Prototyping on Paper 33. POP - Prototyping on Paper 34. POP - Prototyping on Paper 35. teehanlax.com/tools/ 36. balsamiq.com 37. Sketchy & iMockUps 38. Understand YourAudience 39. ReviewsDaily & Weekly Updates 40. Communication 41. The Good The Ugly The Bad 42. Date Description Details Screen/Video Results Estimate4/11/14 The screen flashes.When I click on thescreen it flashes. Itsnot suppose to.Attached.TaskThe Good The Ugly The Bad 43. Date Description Details Screen/Video Results Estimate4/11/14 The screen flashes.When I click on thescreen it flashes. Itsnot suppose to.Attached. Could not recreate.TaskThe Good The Ugly The Bad 44. Its Critical 45. Date Description Details Screen/Video Results Estimate4/11/14 The screen flashes.When I click on thescreen it flashes. Itsnot suppose to.Attached.Attached screen showshow it was recreated.1 CriticalTaskThe Good The Ugly The Bad 46. DiscussDiscuss, Prioritize and Get on the Same Page 47. Getting InspiredUI/UX 48. Flat Pages 49. Apple Weather 50. Yahoo Weather 51. Tab Bar 52. Apple Clock 53. Tree StructureOneTwoThreeFourFiveSix 54. Tree Structure< BackScreen One >Screen Two >Screen Three >Screen Four >Screen Five >Screen Six > 55. First Aid 56. Innovation> 57. evernote 58. evernote 59. Pulse 60. Pulse 61. Zite 62. Zite 63. Zite 64. Zite 65. How 66. Time 67. Budget 68. Ideas 69. Share 70. GoogleDocs 71. WordPress.comPlug-insBuddyPressKnowledge Bank 72. Google Hangouts 73. Resources To help you grow. 74. LaunchCycle.com 75. aBookApart.com 76. mural.ly 77. mural.ly 78. mural.ly 79. BrowserStack.com 80. BrowserStack.com 81. zurb.com 82. UserTesting.com 83. kuler.adobe.com 84. Adobe Kuler kuler.adobe.com 85. proto.io 86. reflectorapp.com 87. airserver.com 88. ipsum-generator.com 89. CupCakeIpsum.com 90. storyboardthat.com 91. JingProject.com 92. Capture & Analyze 93. Using CoverFlow view and Preview of Graphics 94. What can you apply from today? 30 | 60 | 90 95. Thank YouNick Floronick@sealworks.comtwitter.com/NickFloroDownload the Presentation at:http://www.slideshare.net/nickfloro