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
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.
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
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)
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.
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