Prototyping for Speed & Scale

GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
Prototyping for
Speed & Scale
Carl Sziebert • FITC Web Unleashed • October 1, 2018

GOOGLEUX
GOOGLEUX
Hello!

GOOGLEUX
PROTOTYPING FOR SPEED & SCALE 3

GOOGLEUX
What is a prototype?
4

GOOGLEUX
Defined: What is a
prototype?
Prototypes defined
An early sample, model, or release of a product
built to test a concept or process or to act as a
thing to be learned from

GOOGLEUX
Prototypes allow us to focus on better
understanding the problem we’re
tasked with solving. Because they are
interactive, they can help eliminate
guesswork and subjectivity often
found when reviewing mocks.
6
The real value is in the learning
Prototypes defined
User Experience
What is desirable?
PM & Marketing,
Sales, Strategy
What is profitable?
Engineering
What is feasible?

GOOGLEUX
If picture is worth a thousand words, then a prototype is
worth 10,000. Prototypes go beyond the power of show and
tell – they let you experience the design.
Todd Zaki Warfel, Prototyping

GOOGLEUX
STORYTELLING WITH SOFTWARE
Exploring ideas using
common prototyping
methods
8

GOOGLEUX
GOOGLEUX
The Skeptics Guide to Low Fidelity Prototyping
by Laura Busche, Smashing Magazine
Lo-fi sketching &
paper prototyping
Exploring ideas with prototypes

GOOGLEUX
GOOGLEUX
Giving more freedom to designers
to express their ideas without
having to convince someone
else to build it for them
10
Design vignettes &
micro-interactions
with digital tools

GOOGLEUX
GOOGLEUX
Design at the highest fidelity,
which means the prototypes are
harder and more time-consuming
to create
11
User journeys &
stakeholder
narratives with
code

GOOGLEUX
Scope your prototyping
projects effectively for
fun and profit
12

GOOGLEUX
GOOGLEUX
Scope your prototypes effectively
Choose the best
fidelity for your
prototypes
Strike a balance between where you
are in the design lifecycle and the
goals of the project
Choosing the Right Prototyping Tool
by Javier Cuello
GOOGLEUX

GOOGLEUX
Choose the right tools
Tools are a layer of abstraction on
top of prototypes. They make the
process of prototyping easier
because many of the components
are already in place
All The UX Prototyping Tools Ever
by Taylor Palmer

GOOGLEUX
Perfect is the enemy of good.
Voltaire
enough.

GOOGLEUX
Lo-fi isn’t dead
The broader the set of existing
ideas and directions, the shallower
the technical stack of your
prototype should be

GOOGLEUX
What goes into faking the experience is
dictated by the context of the situation.
Think about the question you’re trying to
answer, what you’re hoping to learn, and
the minimum requirements needed to
understand it.
17
Fake it until you make it
GOOD FAST
CHEAP
This doesn’t exist!

GOOGLEUX
Failure is always an option.
Adam Savage, Mythbusters

GOOGLEUX
Avoid falling in love
with your first design
Failure is always an option
Prototypes serve as a forcing
function to enable iteration and
learning

GOOGLEUX
Expose your ideas
to real users on
real devices
Be mindful of holding your work
too close to the vest and
neglecting to collect feedback

GOOGLEUX
Beware of over-
engineering your
prototypes
You’ve got 99 problems, don’t
make your technology stack one
too

GOOGLEUX
Fidelity addiction is real
Admitting you have a problem is
the first step to recovery and
regaining control of your design
process
The dribbblisation of design
by Paul Adams

GOOGLEUX
The greatest teacher, failure is.
Yoda

GOOGLEUX
Embrace failure and
build success with the
prototypers’ mindset
24

GOOGLEUX
Discover and test
for friction
Embrace failure and build success
“Cognitive friction occurs when a user is
confronted with an interface or affordance
that appears to be intuitive but delivers
results.”
What is Cognitive Friction? by
Interaction Design Foundation

GOOGLEUX
GOOGLEUX
Design is not an individual sport
and it’s important to eliminate as
much subjectivity in the decision
making process as possible
Neutralize the
politics of deciding
26
GOOGLEUX

GOOGLEUX
Ever heard something you were pretty sure
wouldn’t work, but couldn’t convince your
peers or stakeholders? Build a prototype to
show and support all points of view.
27
Invalidation is just as
important as validation

GOOGLEUX
GOOGLEUX
Build compromise
with enthusiasm
Letting go: Living a life without attachment
by Jedi Path
28
GOOGLEUX
“It is through self-discipline we actually
do the work of letting go of our
attachments”

GOOGLEUX
The difference between screwing around and
science is writing it down.

GOOGLEUX
GOOGLEUX
30
Design for
breakpoints and
iteration
Human-centered design is a practical
and repeatable approach to arriving at
innovative solutions. It is centered on a
process of inspiration, ideation, and
implementation.
30
GOOGLEUX
Design Kit: The Field Guide to
Human Centered Design by IDEO

GOOGLEUX
GOOGLEUX
Keep a record of
your progress
31
GOOGLEUX
Use source control for everything
you make. Consider project
management and communication
tools such as Basecamp, Asana,
or Slack.
File Management For Designers
by Neil Shankar

GOOGLEUX
We use OKRs (Objectives and Key Results) to capture our goals and define
success metrics for our projects
32
How Google sets goals
How Google sets goals: OKRs
by Rick Klau
● Objectives are ambitious, and should feel somewhat uncomfortable
● Key Results are measurable; they should be easy to grade with a number (We use a 0–1.0
scale to grade each key result at the end of a quarter)
● OKRs are public; everyone in the company should be able to see what everyone else is working
on (and how they did in the past)

GOOGLEUX
Practice the art of ruthless prioritization
The Myth of Multitasking by
James Clear
“Doing more things does not drive faster or better
results. Doing better things drives better results.
Even more accurately, doing one thing as best you
can drives better results.”

GOOGLEUX
● It takes time for the people added to a project to
become productive
● Communication overhead increases as the
number of people increases
● Limited divisibility of tasks
34
Good communication is essential to
building success at scale
The Mythical Man Month
by Fred Brooks

GOOGLEUX
The single biggest problem in communication
is the illusion that it has taken place.
George Bernard Shaw

GOOGLEUX
GOOGLEUX
36
Master the powers
of active listening
“Listening is one of the most
important skills you can have.
How well you listen has a major
impact on your job effectiveness…”
10 Steps to Effective Listening
by Dianne Schilling
GOOGLEUX

GOOGLEUX
The longer you wait to collect feedback, the harder
it is to establish shared context and get your
message across clearly.
37
Ask for feedback early and often
How to give and receive feedback
by Lulu Cheng

GOOGLEUX
The coolest toys don't have to be bought; they
can be built. In fact, sometimes the only way
they'll ever exist is if you make them yourself.

GOOGLEUX
Bootstrap your design process and
reduce churn by investing in the
development of PDKs, Sketch plugins,
etc.
39
Foster consistency and
improve productivity
with design tooling

GOOGLEUX
GOOGLEUX
Practice strengths
building and invest
in learning
40
GOOGLEUX
Strive for mastery with the tools of
your trade. Become a UX polyglot.
Reinforce the skills you have and
make time to build new ones.

GOOGLEUX
Don’t take advice from successful people.
Andy Poes, Google UXE

GOOGLEUX
Thanks!

GOOGLEUX
Questions?
linkedin.com/in/carlsz
reddit.com/user/carlsz
twitter.com/carlsz

Prototyping for Speed & Scale

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Mehr von FITC

Mehr von FITC (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Prototyping for Speed & Scale