Workshop with startup teams of WestTech Ventures, Berlin October 21, @GTEC, Berlin

1. Prototyping magic
UX/UI Workshop:
October 2015

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. 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. GOODPATCH
Intro

5. Westtech Ventures x Goodpatch
Team at 4 years anniversary on Sep 1, 2015
INTRO
5

6. Westtech Ventures x Goodpatch 6

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. Westtech Ventures x Goodpatch
2 Studios
INTRO
8
TOKYO BERLIN

9. MINDSET
Prototyping Magic #1

10. Westtech Ventures x Goodpatch
Stanford’s ME310
(2011- 2013)
INTRO
10

11. Westtech Ventures x Goodpatch
What is design thinking?
MINDSET
11

12. Westtech Ventures x Goodpatch
MINDSET
12
What is design thinking?
human-centered
innovation

13. Westtech Ventures x Goodpatch
Divergent vs convergent thinking
MINDSET
13

14. Westtech Ventures x Goodpatch 14

15. Westtech Ventures x Goodpatch 15

16. Westtech Ventures x Goodpatch 16

17. Westtech Ventures x Goodpatch 17

18. Westtech Ventures x Goodpatch
Divergent vs convergent thinking
MINDSET
18

19. Westtech Ventures x Goodpatch
Divergent vs convergent thinking
MINDSET
19

20. Westtech Ventures x Goodpatch 20

21. Westtech Ventures x Goodpatch
Divergent vs convergent thinking
MINDSET
21

22. Westtech Ventures x Goodpatch
What is prototyping?
MINDSET
22

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. 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. Westtech Ventures x Goodpatch
Challenge
MINDSET
25
But how can we make sure we learn?

26. Westtech Ventures x Goodpatch
Key to learning: Documentation
MINDSET
26
Tool tip:
We also use…

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. 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. Westtech Ventures x Goodpatch
MVP vs MLP
MINDSET
29

30. PROCESS
Prototyping Magic #2

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. Westtech Ventures x Goodpatch
Goodpatch Design Process - Before Launch
HOW WE WORK
32
BEFORELAUNCHGOODPATCHDESIGNPROCESS

33. Westtech Ventures x Goodpatch
HOW WE WORK
33
POSTLAUNCH
Goodpatch Design Process - Post Launch (Here the real work starts)
GOODPATCHDESIGNPROCESS

34. Westtech Ventures x Goodpatch
Challenge
PROCESS
34
Projects always take much longer.
How can we deliver on time?

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. TOOLS
Prototyping Magic #3

37. Westtech Ventures x Goodpatch 37

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. Westtech Ventures x Goodpatch 39Prototyping as communication

40. Westtech Ventures x Goodpatch
# Users
Prott
40
1st Anniversary

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

42. 42
IDEO
Frog
ustwo
pivotallabs
Pinterest
Futurice
Reaktor

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. Goodpatch Design Process
PRESENTED BY
boris@goodpatch.com