Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

UX/UI Workshop: Prototyping magic

Workshop with startup teams of WestTech Ventures, Berlin

October 21, @GTEC, Berlin

UX/UI Workshop: Prototyping magic

  1. 1. Prototyping magic UX/UI Workshop: October 2015
  2. 2. Westtech Ventures x Goodpatch UI/UX Workshop: Prototyping Magic AGENDA 2 BORIS
 INTRO
 
 UI PROTOTYPING
 MINDSET - Design Thinking - Divergent vs Convergent - MVP vs MLP PROCESS - Goodpatch Design Process - Importance of milestones 
 TOOLS JAN 
 DESIGNER - DEVELOPER COLLABORATION
 
 
 WORKFLOW - Concept stage - Wireframing - High-res Designs - Pixel-perfect 
 TRANSPARENT COMMUNICATION
 
 TOOLS
  3. 3. Westtech Ventures x Goodpatch Boris Milkowski,
 Managing Director, Goodpatch Berlin
 
 INTRO 3 boris@goodpatch.com
 At Goodpatch since July 2013
 
 
 - Master’s in Media Design, Keio University, Japan
 - CEMS Master’s in International Mgmt, 
 University of St.Gallen, Switzerland
 
 Previous companies:
 Deutsche Bank, Puma, Filippa K, Porsche
  4. 4. GOODPATCH Intro
  5. 5. Westtech Ventures x Goodpatch Team at 4 years anniversary on Sep 1, 2015 INTRO 5
  6. 6. Westtech Ventures x Goodpatch 6
  7. 7. Westtech Ventures x Goodpatch A UI Design Company at heart INTRO 7 Beyond platform or device, the user interface is what you interact and ultimately fall in love with. Intuitive and beautiful design is our specialty. UI Design UX Design Strategic Design Development Through iterative prototyping and relentless user tests, we identify all parts of the user experience. All for the wow! By matching organizational capabilities with genuine needs, we help you make the right product decisions. We love to be involved from the start. What sets us apart from other design firms is our ability to make design reality. From web to iOS and Android, we have amazing engineers on both the front-end and back-end.
  8. 8. Westtech Ventures x Goodpatch 2 Studios INTRO 8 TOKYO BERLIN
  9. 9. MINDSET Prototyping Magic #1
  10. 10. Westtech Ventures x Goodpatch Stanford’s ME310
 (2011- 2013) INTRO 10
  11. 11. Westtech Ventures x Goodpatch What is design thinking? MINDSET 11
  12. 12. Westtech Ventures x Goodpatch MINDSET 12 What is design thinking? human-centered 
 innovation
  13. 13. Westtech Ventures x Goodpatch Divergent vs convergent thinking MINDSET 13
  14. 14. Westtech Ventures x Goodpatch 14
  15. 15. Westtech Ventures x Goodpatch 15
  16. 16. Westtech Ventures x Goodpatch 16
  17. 17. Westtech Ventures x Goodpatch 17
  18. 18. Westtech Ventures x Goodpatch Divergent vs convergent thinking MINDSET 18
  19. 19. Westtech Ventures x Goodpatch Divergent vs convergent thinking MINDSET 19
  20. 20. Westtech Ventures x Goodpatch 20
  21. 21. Westtech Ventures x Goodpatch Divergent vs convergent thinking MINDSET 21
  22. 22. Westtech Ventures x Goodpatch What is prototyping? MINDSET 22
  23. 23. Westtech Ventures x Goodpatch Prototyping MINDSET 23 Important: 
 
 The goal of a prototype is not the actual prototype.
 
 
 It’s all about the learning.
  24. 24. Westtech Ventures x Goodpatch Prototyping MINDSET 24 Learning: 
 
 - Cans need grip “Slippery when wet”
 —> Matters to athletes as to seniors
 
 - Unique haptics can be fun for user
 
 - Identified opportunity space: Packaging - Further investigation in packaging and manufacturing

  25. 25. Westtech Ventures x Goodpatch Challenge MINDSET 25 But how can we make sure we learn?
  26. 26. Westtech Ventures x Goodpatch Key to learning: Documentation MINDSET 26 Tool tip: We also use…
  27. 27. Westtech Ventures x Goodpatch MVP vs MLP MINDSET 27 MVP Minimal Viable Product “A Minimum Viable Product is that version
 of a new product which allows a team 
 to collect the maximum amount of 
 validated learning about customers 
 with the least effort.”
 
 Eric Ries, Lean Startup > validated learning
  28. 28. Westtech Ventures x Goodpatch MVP vs MLP MINDSET 28 MVP Minimal Viable Product “A Minimum Viable Product is that version
 of a new product which allows a team 
 to collect the maximum amount of 
 validated learning about customers 
 with the least effort.”
 
 Eric Ries, Lean Startup MLP Minimal Lovable Product “It’s better to build something that 
 a small number of users love, 
 than a large number of users like.” 
 
 
 Sam Altman, Y Combinator > validated love> validated learning
  29. 29. Westtech Ventures x Goodpatch MVP vs MLP MINDSET 29
  30. 30. PROCESS Prototyping Magic #2
  31. 31. Westtech Ventures x Goodpatch Goodpatch Design Process - Overview HOW WE WORK 31 GOODPATCHDESIGNPROCESSOVERVIEW Goodpatch applies its own design process which leads us through every project. It all starts with identifying Problems Worth Solving, followed by a team building with the client in form of a design kickoff. Through prototyping we develop the initial Minimal Lovable Product (MLP). Good software is never done and this is also how we imagine our client relationship while continuing working with you towards product vision, beyond the first launch.
  32. 32. Westtech Ventures x Goodpatch Goodpatch Design Process - Before Launch HOW WE WORK 32 BEFORELAUNCHGOODPATCHDESIGNPROCESS
  33. 33. Westtech Ventures x Goodpatch HOW WE WORK 33 POSTLAUNCH Goodpatch Design Process - Post Launch (Here the real work starts) GOODPATCHDESIGNPROCESS
  34. 34. Westtech Ventures x Goodpatch Challenge PROCESS 34 Projects always take much longer. How can we deliver on time?
  35. 35. Westtech Ventures x Goodpatch Challenge: How to deliver on time? PROCESS 35 - Choose public release dates with important external events
 (Promised App Store Feature, Speaker engagement, Scheduled Press article)
 - Internal Deadlines to freeze features (Cold Features)
 - Schedule enough QA time for internal bug fixes (Never not needed) 
 - Schedule dedicated bug fixing time after release (Never not needed)
  36. 36. TOOLS Prototyping Magic #3
  37. 37. Westtech Ventures x Goodpatch 37
  38. 38. Westtech Ventures x Goodpatch 38 With Prott we have developed a prototyping tool to help designers better communicate their design with their team from first idea to pixel perfect in a fast and easy way.
  39. 39. Westtech Ventures x Goodpatch 39Prototyping as communication
  40. 40. Westtech Ventures x Goodpatch # Users Prott 40 1st Anniversary

  41. 41. Westtech Ventures x Goodpatch 1 year Tools 41 1st Anniversary

  42. 42. 42 IDEO Frog ustwo pivotallabs Pinterest Futurice Reaktor
  43. 43. Westtech Ventures x Goodpatch Key take-aways: 43 - Divergent phases are followed by convergent phases - Prototypes are all about learning, learning comes from documentation - Prototypes help you better communicate your ideas - MLP is when you build something a small amount of users love - External events help you achieve deadlines
  44. 44. Goodpatch Design Process PRESENTED BY 
 boris@goodpatch.com 


×