Prototyping As Mindset
•
8 likes•1,756 views
Goodpatch Berlin, Boris Milkowski - Guest Talk @EINSICHTEN, HTW BERLIN Das Thema Prototyping ist aus der Welt des digitalen Designs kaum noch wegzudenken. Häufig wird dabei vergessen, dass es nicht nur um den Prozess selber geht, sondern darum, diesen als Werkzeug zu verstehen, um schneller bessere Ergebnisse zu erzielen. Boris Milkowski und Jan Bisson berichten in ihrem Vortrag darüber, wie sie versuchen iterative Prozesse in alle Bereiche des Agenturalltags zu integrieren: angefangen beim UX/UI-Design, über die Kommunikation im Team bis hin zur Arbeit mit den Auftraggebern. Außerdem geben sie einen Einblick in das Prototyping Tool Prott, das sie für ihre eigenen Agenturbedürfnisse entwickelt haben.
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (20)
Similar to Prototyping As Mindset
Similar to Prototyping As Mindset (20)
More from Boris Friedrich Milkowski
Recently uploaded
Recently uploaded (20)
Prototyping As Mindset
- 1. MAKE IT REAL. IDEAS ARE NOT REAL.
- 2. Einsichten Prototyping as Mindset AGENDA 2 GOODPATCH INTRO 1 2 3 MINDSET DESIGN PROCESS
- 3. INTRO 1
- 4. Einsichten Boris Milkowski, Managing Director, Goodpatch Berlin INTRO 4 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
- 5. Einsichten Team at 4 years anniversary on Sep 1, 2015 INTRO 5 Goodpatch Tokyo
- 6. Einsichten Team at 4 years anniversary on Sep 1, 2015 INTRO 6 Goodpatch Berlin
- 7. Einsichten Team at 4 years anniversary on Sep 1, 2015 INTRO 7 Let’s have fun! 2016
- 8. Einsichten A UI Design Company at heart INTRO 8 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.
- 9. Einsichten OUR VISION 9 Pushing the world forward with design that moves peoples’ hearts OURVISIONOURVISION
- 10. Give example for “Design that moves people’s hearts” Question #1
- 12. Einsichten 12 Smartphone-based Hearing Test Mimi Hearing
- 13. Einsichten 13 Prototyping Tool for Design Teams Prott
- 17. In which city would you have opened a studio? Why? Question #2
- 18. MINDSET 2
- 19. Einsichten Dampiflex Patent, 2009 BEFORE I KNEW WHAT I WAS DOING… 19
- 21. What is design thinking? Question #3
- 22. Einsichten What is design thinking? MINDSET 22
- 23. Einsichten MINDSET 23 What is design thinking? human-centered innovation
- 26. Rephrase: Design the car of the future! Question #4
- 27. Einsichten From low-resolution to high-resolution MINDSET 27
- 30. Einsichten Divergent vs convergent thinking MINDSET 30
- 31. Einsichten Divergent vs convergent thinking MINDSET 31
- 32. Einsichten Divergent vs convergent thinking MINDSET 32
- 33. Einsichten 33
- 34. Einsichten 34
- 35. Einsichten 35
- 36. Einsichten 36
- 37. Einsichten 37
- 38. Einsichten Divergent vs convergent thinking MINDSET 38
- 41. Einsichten Prototyping MINDSET 41 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
- 42. Roleplay: Which App am I? Question #5
- 44. Over 4 years of designing and developing digital products, we at Goodpatch have developed our own Design Process. Today this Design Process leads us through every project.
- 45. OVERVIEW DESIGN PROCESS From 0 to 1, and 1 to 100
- 46. GOODPATCH DESIGN PROCESS OVERVIEW OVERVIEW 46 GOODPATCHDESIGNPROCESS It all starts with identifying Problems Worth Solving, followed by a team building with the client in the form of a collaborative design kickoff workshop. Through continuous prototyping, we develop the Minimal Lovable Product (MLP) – an initial version of the product that a small number of users love. Good software is never done. We imagine our client relationship to extend beyond the first launch, as we continue to collaborate on developing the product vision and growth. GOOD PRODUCTS GOOD PROTOTYPES GOOD PEOPLE GOOD PROBLEMS REFINEMENT NEW DISCOVERY NEW IMPLEMENTATION PRODUCT ADVANCEMENT CLIENT BRIEF & CREATIVE SCOPE DESIGN KICKOFF TEAM BUILDING IDEATION DISCOVERY IMPLEMENTATION DELIVERY: MLP (MINIMAL LOVABLE PRODUCT) REVIEW REVIEW REVIEW 2ND RELEASEUSER FEEDBACK 1ST RELEASE REVIEW REVIEW REVIEW USER FEEDBACK REFINEMENT NEW DISCOVERY REVIEW REVIEW
- 47. GOOD PROBLEMS PHASE 1 Problems worth solving
- 48. GOOD PROBLEMS CLIENT BRIEF & CREATIVE SCOPE GOOD PROTOTYPES GOOD PEOPLE DESIGN KICKOFF TEAM BUILDING IDEATION DISCOVERY IMPLEMENTATION DELI (MINIMAL L REVIEW REVIEW REVIEW 1ST RELEASE
- 49. TOOLS GOOD PROBLEMS GOOD PEOPLE GOOD PROTOTYPES GOOD PRODUCTSOVERVIEW GOODPATCH DESIGN PROCESS WHY HOW IT WORKS STEP 01 49 GOODPROBLEMS GOOD PROBLEMS CLIENTBRIEF&CREATIVESCOPE CLIENT BRIEF & CREATIVE SCOPE Understand the challenges for the client and the potential user. Judge if the client and Goodpatch are the right fit for this product development partnership. - Personal meeting - TeamGantt - Team organization chart - Reference apps - Scope refinements - Slideshow - Portfolio - Contract Before the actual project starts, it is important to see if capabilities of both parties match perfectly. Only then do we both agree to engage. We are most excited to work on challenging problems to create meaningful products. 1. Client inquiry 2. MTG 1: Introduction (Goodpatch, Client, Challenge) 3. MTG 2: Presentation of concept draft & estimate 4. Team setup 5. MTG 3: Contract
- 50. GOOD PEOPLE PHASE 2 In this together
- 51. GOOD PEOPLE GOOD PROBLEMS CLIENT BRIEF & CREATIVE SCOPE DESIGN KICKOFF TEAM BUILDING GOOD PROTOTYPES IDEATION DISCOVERY IMPLEMENTATION DELI (MINIMAL L REVIEW REVIEW REVIEW 1ST RELEASE
- 52. TOOLS GOOD PROBLEMS GOOD PEOPLE GOOD PROTOTYPES GOOD PRODUCTSOVERVIEW GOODPATCH DESIGN PROCESS WHY HOW IT WORKS STEP 02 52 GOODPEOPLE GOOD PEOPLE DESIGN KICKOFF DESIGNKICKOFF Bring in all important stakeholders to lay the foundation for a productive collaboration. Opportunity to ask important, leading questions. WHY - Target Persona - Customer Journey Map - Benchmarking - Capturing Findings - Concept Napkin - Elevator Pitch - Point Of View - Value Proposition Canvas Every challenge we take on is a new design space for us, yet we will learn quickly from your expertise. Developing a “Shared Language” enables us to get the project running smoothly from the start. - Intense joined workshop (1, 2 or 5 days) - Workshop facilitation by Goodpatch - Introduction of various UX tools - 1-on-1 Interviews with stakeholders
- 53. TOOLS GOOD PROBLEMS GOOD PEOPLE GOOD PROTOTYPES GOOD PRODUCTSOVERVIEW GOODPATCH DESIGN PROCESS WHY HOW IT WORKS STEP 03 53 GOODPEOPLE GOOD PEOPLE TEAM BUILDING TEAMBUIDING We believe it is great teams that build great products. The traditional agency-client relationships doesn't suit the way modern software is built. - Slack - Google Hangouts - Team organization chart - Shared office - Beer - Shared office - Deep understanding and respect for each other's company culture - Partnership on eye-level - Shared team infrastructure Together we build one team to concentrate on what’s most important: Effective Communication. Responsibilities are shared.
- 54. GOOD PROTOTYPES PHASE 3 Make it real
- 55. NEW DISCOVERY USER FEEDBACK REVI GOOD PEOPLE ESIGN CKOFF TEAM BUILDING GOOD PROTOTYPES IDEATION DISCOVERY IMPLEMENTATION DELIVERY: MLP (MINIMAL LOVABLE PRODUCT) REVIEW REVIEW REVIEW 1ST RELEASE
- 56. TOOLS GOOD PROBLEMS GOOD PEOPLE GOOD PROTOTYPES GOOD PRODUCTSOVERVIEW GOODPATCH DESIGN PROCESS WHY HOW IT WORKS STEP 04 56 GOODPROTOTYPES GOOD PROTOTYPES DISCOVERY DISCOVERY Research is key. By learning from you, your competitors and user interviews, we gain expertise in your field. Before inventing the new, you need to understand the old. It is important to map out various stakeholders, clients, users, competitors, markets, and business models before determining a new approach. - Invite (future) users for interviews - Develop strong personas the whole team can relate to - Apply various UX techniques and ideation methods - User Interview - Target Persona - Customer Journey Map - Benchmarking - Capturing Findings - Concept Napkin - Elevator Pitch - Point Of View - Value Proposition Canvas - 5 Whys
- 57. TOOLS GOOD PROBLEMS GOOD PEOPLE GOOD PROTOTYPES GOOD PRODUCTSOVERVIEW GOODPATCH DESIGN PROCESS WHY HOW IT WORKS STEP 05 57 GOODPROTOTYPES GOOD PROTOTYPES IDEATION IDEATION Time to make ideas tangible. Develop concepts and create clickable mockups based on synthesized insights. - Structure brainstorming - KJ Method - 5 Whys - Customer Journey Map - Hand sketch - Paper prototype - Low resolution prototype - High resolution prototype It is important to create choices to make choices. In this divergent phase of the project the team explores several ideas and presents them to the client. In this way we gain feedback on each prototype. - Structured brainstorms - Documentation of each prototype and learning - Lots of sketching and visual work
- 58. TOOLS GOOD PROBLEMS GOOD PEOPLE GOOD PROTOTYPES GOOD PRODUCTSOVERVIEW GOODPATCH DESIGN PROCESS WHY HOW IT WORKS STEP 06 58 GOODPROTOTYPES GOOD PROTOTYPES IMPLEMENTATION IMPLEMENTATION Embody concepts and ideas in interactive prototypes. Repeat hypothesis testing, fix problems and prepare a product for launch. - Paper prototype - Low resolution prototype - High resolution prototype - Prott - Sketch - Illustrator - Photoshop - After Effects - Principle - Xcode - Android Studio - Develop hot mock-up - Implement the code - Quality assurance (QA) - Designer and Developer work together closely We are now starting to translate click-dummies into coded software. While basic requirements should be determined, we still use this phase for early fixes and continue to test hypothesis, and improve the quality of the product prior to launch.
- 59. What is MVP? What is MLP? Question #6
- 60. MVP MLP MVP is… MLP is… M________ V_______ P_______ M_______ L_______ P_______ Goal: Goal:
- 61. MVP MLP 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 It’s better to build something that a small number of users love, than a large number of users like. — Sam Altman, Y Combinator Minimal Viable Product Minimal Lovable Product Validated learning Validated love
- 62. DELIVERY: MLP MILESTONE Launching a Minimal Lovable Product (MLP) - an initial product that a small number of users really love
- 63. DUCT CEMENT REFINEMENT NEW DISCOVERY NEW IMPLEMENTATION PRODUCT ADVANCEMENT 2ND RELEASEUSER FEEDBACK REVIEW REVIEW REVIEW NEW DISCOVERY USER FEEDBACK REVIEW The launch is just the start. Great products are never done.
- 64. Designing the boris@goodpatch.com We are hiring!