Prototyping As Mindset

MAKE IT REAL.

IDEAS ARE NOT REAL.

Einsichten

Prototyping as MindsetAGENDA

2

GOODPATCH INTRO

1 2 3

MINDSET

DESIGN PROCESS

INTRO1

Einsichten

Boris Milkowski,Managing Director, Goodpatch Berlin

INTRO

4

[email protected]

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

Einsichten

Team at 4 years anniversary on Sep 1, 2015INTRO

5

Goodpatch Tokyo

Einsichten


6

Goodpatch Berlin

Einsichten


7

Let’s have fun!

2016

Einsichten

A UI Design Company at heartINTRO

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.

Einsichten

OUR VISION

9

Pushing the world forward with design that moves peoples’ hearts

OU

R VISIO

NO

UR VISIO

N

Give example for “Design that moves people’s hearts”

Question #1

Einsichten 12

Smartphone-based Hearing TestMimi Hearing

Einsichten 13

Prototyping Tool for Design TeamsPrott

Einsichten

1 yearTools

14

15

IDEOFrog

ustwopivotallabs

Pinterest

Futurice

Reaktor

Einsichten

2 StudiosINTRO

16

TOKYO BERLIN

In which city would you have opened a studio?

Why?

Question #2

MINDSET2

Einsichten

Dampiflex Patent, 2009BEFORE I KNEW WHAT I WAS DOING…

19

Einsichten

Stanford’s ME310(2011- 2013)

EDUCATION

20

Larry Leifer

What is design thinking?

Question #3

Einsichten

What is design thinking?MINDSET

22

Einsichten

MINDSET

23

What is design thinking?

human-centered innovation

Einsichten

ReframingMINDSET

24

Redesign the Toothbrush

Einsichten

ReframingMINDSET

25

Redesign the Toothbrush

Rephrase: Design the car of the future!

Question #4

Einsichten

From low-resolution to high-resolutionMINDSET

27

Einsichten

Dancing with ambiguityMINDSET

28

Einsichten

Dancing with ambiguityMINDSET

29

Einsichten

Divergent vs convergent thinkingMINDSET

30

Einsichten


31

Einsichten


32

Einsichten 33

Einsichten 34

Einsichten 35

Einsichten 36

Einsichten 37

Einsichten


38

Einsichten

Prototyping techniquesMINDSET

39

Einsichten

PrototypingMINDSET

40

Einsichten

PrototypingMINDSET

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

Roleplay: Which App am I?

Question #5

3GOODPATCH DESIGN PROCESS

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.

OVERVIEW

DESIGN PROCESS

From 0 to 1, and 1 to 100

GOODPATCH DESIGN PROCESS

OVERVIEW

OV

ERVIEW

46

GO

OD

PATCH

DESIG

N PRO

CESS

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.

GOODPRODUCTS

GOODPROTOTYPES

GOODPEOPLE

GOODPROBLEMS

REFINEMENT

NEWDISCOVERY

NEWIMPLEMENTATION

PRODUCTADVANCEMENT

CLIENT BRIEF &CREATIVE SCOPE

DESIGNKICKOFF

TEAMBUILDING

IDEATION

DISCOVERY IMPLEMENTATION DELIVERY: MLP(MINIMAL LOVABLE PRODUCT)

REVIEW

REVIEW REVIEW

2ND RELEASEUSERFEEDBACK

1ST RELEASE

REVIEW

REVIEW REVIEW

USERFEEDBACK

REFINEMENT

NEWDISCOVERY

REVIEW

REVIEW

GOOD PROBLEMS

PHASE 1

Problems worth solving

GOODPROBLEMS


GOODPROTOTYPES

GOODPEOPLE

DESIGNKICKOFF

TEAMBUILDING

IDEATION


REVIEW

REVIEW REVIEW

1ST RELEASE

TOOLS

GOOD PROBLEMS

GOOD PEOPLE

GOOD PROTOTYPES

GOOD PRODUCTSOVERVIEW


WHY

HOW IT WORKS

STEP 01

49

GO

OD

PROBLEM

S

GOOD PROBLEMS

CLIEN

T BRIEF & C

REATIVE SCO

PE

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

GOOD PEOPLE

PHASE 2

In this together

GOODPEOPLE

GOODPROBLEMS


DESIGNKICKOFF

TEAMBUILDING

GOODPROTOTYPES

IDEATION


REVIEW

REVIEW REVIEW

1ST RELEASE

TOOLS

GOOD PROBLEMS

GOOD PEOPLE

GOOD PROTOTYPES



WHY

HOW IT WORKS

STEP 02

52

GO

OD

PEOPLE

GOOD PEOPLE

DESIGN KICKOFF

DESIG

N KIC

KOFF

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

TOOLS

GOOD PROBLEMS

GOOD PEOPLE

GOOD PROTOTYPES



WHY

HOW IT WORKS

STEP 03

53

GO

OD

PEOPLE

GOOD PEOPLE

TEAM BUILDING

TEAM

BUID

ING

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.

GOOD PROTOTYPES

PHASE 3

Make it real

NEWDISCOVERY

USERFEEDBACK

REVIEW

GOODPEOPLE

DESIGNKICKOFF

TEAMBUILDING

GOODPROTOTYPES

IDEATION


REVIEW

REVIEW REVIEW

1ST RELEASE

TOOLS

GOOD PROBLEMS

GOOD PEOPLE

GOOD PROTOTYPES



WHY

HOW IT WORKS

STEP 04

56

GO

OD

PROTO

TYPES

GOOD PROTOTYPES

DISCOVERY

DISC

OVERY

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

TOOLS

GOOD PROBLEMS

GOOD PEOPLE

GOOD PROTOTYPES



WHY

HOW IT WORKS

STEP 05

57

GO

OD

PROTO

TYPES

GOOD PROTOTYPES

IDEATION

IDEATIO

N

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

TOOLS

GOOD PROBLEMS

GOOD PEOPLE

GOOD PROTOTYPES



WHY

HOW IT WORKS

STEP 06

58

GO

OD

PROTO

TYPES

GOOD PROTOTYPES

IMPLEMENTATION

IMPLEM

ENTATIO

N

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.

What is MVP? What is MLP?

Question #6

MVP MLP

MVP is… MLP is…

M________ V_______ P_______ M_______ L_______ P_______Goal: Goal:

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 ProductValidated learning Validated love

DELIVERY: MLP

MILESTONE

Launching a Minimal Lovable Product (MLP) - an initial product that a small number of users really love

PRODUCTADVANCEMENT

REFINEMENT

NEWDISCOVERY

NEWIMPLEMENTATION

PRODUCTADVANCEMENT

2ND RELEASEUSERFEEDBACK

REVIEW

REVIEW REVIEW

NEWDISCOVERY

USERFEEDBACK

REVIEW

The launch is just the start. Great products are never done.

Designing the

[email protected]

We are hiring!