Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Turn Concepts to Reality Using Prototyping and Feedback Loops

483 Aufrufe

Veröffentlicht am

Too often we jump into our tools and start developing learning before we fully understand our audience, testing our ideas and working with just what we are told by a stakeholder. This can lead to dozens of changes or a poor reception to a new launch. Whether you are creating a new project, developing an app, or launching a new website, this session will help you find the latest strategies in brainstorming and prototyping. The speaker will highlight specific tools, techniques, and work flows to help you kick off any project the right way. Learn how to communicate a concept, beginning with low-fidelity prototypes; gather user feedback; and translate it into high-fidelity prototypes before you start development. You will learn which tools and techniques to apply to your prototype, including techniques for paper, web, and app prototyping, and how to utilize new web-based apps to accelerate your process. Bring your pens, crayons, markers, and paper to get your ideas out of your head and make them a reality!

Application on the Job:
- Discover how prototyping can improve results.
- Explore the latest mobile and desktop apps, including free and paid solutions.
- Sketch and build a prototype during the session.
- Utilize dozens of tools, trends, and tips on your next project.

Veröffentlicht in: Design
  • DOWNLOAD THAT BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book that can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer that is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story That Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money That the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths that Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • Gehören Sie zu den Ersten, denen das gefällt!

Turn Concepts to Reality Using Prototyping and Feedback Loops

  1. 1. Nick Floro Prototyping + Feedback Loops: 
 Turning Concepts into Reality sealworks.com/prototyping.pdf
  2. 2. think inspire & have fun share & explore experiment
  3. 3. Experiment experiment
  4. 4. experiment sealworks.com/prototyping.pdf slideshare.net/nickfloro
  5. 5. Sketchingwhere ideas begin
  6. 6. Do you sketch?
  7. 7. communicate
  8. 8. tell a story
  9. 9. Contents Open Accordion Closed Accordion Closed Accordion Closed Accordion Hamburger Menu Accordion Blind / MODAL Play Text YES Button
  10. 10. peek and pop
  11. 11. Sketch A Screen 
 New Project Stakeholder Activity • Multiple Choice • Drag & Drop • Photos • Mobile + Desktop
  12. 12. Sketch A Screen 
 New Project Stakeholder Activity • Multiple Choice • Drag & Drop • Photos • Mobile + Desktop Questions?
  13. 13. Questions ‣ Can you provide a sample question(s) ‣ Are the questions short or long (approx how many words or sentences)? ‣ How many choices would a question have? ‣ When can we review the content?
  14. 14. Visual Thinking
  15. 15. L O O P S
  16. 16. Feedback Concept Sketch Prototype
  17. 17. Brainstorming
  18. 18. What is the challenge?
  19. 19. What are the options?
  20. 20. Architect a plan.
  21. 21. Present. Feedback. Develop.
  22. 22. 3 Key Factors 1. Audience 2. Technology 3. User Stories
  23. 23. 3 Key Factors 1. Audience 2. Technology 3. User Stories Why?
  24. 24. Post-It App
  25. 25. Post-It App
  26. 26. desktoptabletphone Content Strategy phone tablet
  27. 27. Ready or not, here they come : )
  28. 28. Keep it Simple
  29. 29. Mobile Apps
  30. 30. Adobe Illustrator Draw
  31. 31. Paper by FiftyThree for iOS
  32. 32. SketchBook
  33. 33. Paper by FiftyThree for iOS
  34. 34. Microsoft Surface
  35. 35. Microsoft Surface
  36. 36. Microsoft Surface
  37. 37. Carbo
 Handwriting in the Digital Age
  38. 38. MarvelApp.com
  39. 39. MarvelApp.com
  40. 40. MarvelApp.com Download MarvelApp 011217
  41. 41. Screen 1 Menu Screen 2 Content Screen (include a video & text) Screen 3 Interactive Timeline or Activity (move to see time) MarvelApp.com on paper or in app draw
  42. 42. Wireframing Low / High Fidelity
  43. 43. Tools: • Wireframes – Keynote / PowerPoint Quick Prototyping Techniques
  44. 44. This is my question example where you would tell a story and ask for a response? option 1 option 2 option 3 option 4 option 5
  45. 45. This is my question example where you would tell a story and ask for a response? Answer example the user could select from one of the options. Answer example the user could select from one of the options. Answer example the user could select from one of the options. Answer example the user could select from one of the options. Answer example the user could select from one of the options.
  46. 46. keynotekungfu.com
  47. 47. keynotopia.com
  48. 48. Custom Template in Keynote
  49. 49. Microsoft PowerPoint
  50. 50. Apple Keynote
  51. 51. Powerpoint 
 Create a new document Add 3 Slides Create 3 buttons • Multiple Choice • Drag & Drop • Photos • Mobile + Desktop
  52. 52. Adobe Acrobat
  53. 53. balsamiq.com
  54. 54. Sketchy & iMockUps
  55. 55. InvisionApp.com
  56. 56. Tools
  57. 57. labs.invisionapp.com/craft sketchapp.com Sketch
  58. 58. Craft for Photoshop and Sketch labs.invisionapp.com/craft
  59. 59. Adobe XD | Experience Design www.adobe.com/products/experience-design.html
  60. 60. Adobe XD | Experience Design www.adobe.com/products/experience-design.html
  61. 61. Feedback & Iterate Evolving Ideas
  62. 62. Communication
  63. 63. The Good The Ugly The Bad
  64. 64. Date Description Details Screen/Video Results Estimate 12/11/16 The screen flashes. When I click on the screen it flashes. Its not suppose to. Attached. Task The Good The Ugly The Bad
  65. 65. Date Description Details Screen/Video Results Estimate 12/11/16 The screen flashes. When I click on the screen it flashes. Its not suppose to. Attached. Could not recreate. Task The Good The Ugly The Bad
  66. 66. It’s Critical
  67. 67. Date Description Details Screen/Video Results Estimate 12/11/16 The screen flashes. When I click on the screen it flashes. Its not suppose to. Attached. Attached screen shows how it was recreated. 1 Critical Task The Good The Ugly The Bad
  68. 68. Discuss Discuss, Prioritize and Get on the Same Page
  69. 69. User Interface | UI
  70. 70. User Interface | UI
  71. 71. User Experience | UX
  72. 72. User Experience | UX
  73. 73. Responsive Design
  74. 74. Responsive Design
  75. 75. getskeleton.com
  76. 76. getBootStrap.com
  77. 77. Parallax
  78. 78. Design for Flexibility
  79. 79. UI/UX Getting Inspired
  80. 80. Flat Pages
  81. 81. Apple Weather
  82. 82. Yahoo Weather
  83. 83. Yahoo Weather
  84. 84. Yahoo Weather
  85. 85. Tab Bar
  86. 86. Apple Clock
  87. 87. Tree Structure One Two Three Four Five Six
  88. 88. Tree Structure < Back Screen One > Screen Two > Screen Three > Screen Four > Screen Five > Screen Six >
  89. 89. First Aid
  90. 90. First Aid
  91. 91. First Aid
  92. 92. First Aid
  93. 93. Innovation >
  94. 94. Pulse
  95. 95. Pulse
  96. 96. Pulse
  97. 97. evernote
  98. 98. evernote
  99. 99. Flipboard
  100. 100. Zite
  101. 101. Zite
  102. 102. Zite
  103. 103. Zite
  104. 104. ResourcesTo help you grow.
  105. 105. intuitive navigation and information design
  106. 106. abookapart.com
  107. 107. Nancy Durate Garr Reynolds
  108. 108. MobileAppsforLearning.com
  109. 109. BrowserStack.com
  110. 110. UserTesting.com
  111. 111. uxpin.com
  112. 112. Reflector Air Parrot Mirror Your Device
  113. 113. ipsum-generator.com
  114. 114. CupCakeIpsum.com
  115. 115. storyboardthat.com
  116. 116. JingProject.com
  117. 117. techsmith.com/Snagit
  118. 118. Adobe Capture
  119. 119. ExplainEverything.com
  120. 120. appear.in
  121. 121. What can you apply from today?
  122. 122. Thank You Nick Floro sealworks interactive studios nick@sealworks.com www.sealworks.com twitter.com/NickFloro Download the Presentation at: http://www.slideshare.net/nickfloro
  123. 123. Project How would you convert it to mobile? How do you want to improve the experience UI/UX? MarvelApp.com

×