Prototyping for speed & scale

Prototyping for
Speed & Scale
FITC: Web Unleashed • October 2016
Carl Sziebert • goo.gl/G5yHv5

GOOGLESIMUX
PROTOTYPING FOR SPEED & SCALE https://goo.gl/G5yHv5 2
Introductions
A little about me

GOOGLESIMUX
Introductions
What would you say
you do here?

GOOGLESIMUX
PROTOTYPING FOR SPEED & SCALE https://goo.gl/G5yHv5
What this talk is about
Introductions
01. The importance of validating your design direction with real users and real
devices
02. How to use prototyping to explore ideas and collaborate with others
03. Strategies you can apply to your own process and implement with your
teams
04. The growth of UX Engineering in Google Search, Identity, and Maps
4

GOOGLESIMUX
W“We tend to think of prototyping as
storytelling. The stronger your story
the more compelling argument you
can make.”
5
- Kaushal Shah, UX Engineer in Google Search

GOOGLESIMUX
Enabling design at the highest fidelity

GOOGLESIMUX
Enabling design at the
highest fidelity
7
The Blackbird by The Mill

GOOGLESIMUX
Building a definition
of prototyping
8

GOOGLESIMUX
What is a
prototype?
9
Define prototyping

GOOGLESIMUX
What is a
prototype?
10
Define prototyping

GOOGLESIMUX
Defined: What is a prototype?
Define prototyping
Let’s break that definition down to it’s core elements:
● An early sample or release of a product
● Built to test a concept or process
● Act as the thing to be learned from
11

GOOGLESIMUX
A prototype is a thing to be
learned from
Define prototyping
Verbally communicating about design
mocks can be confusing and many
things can get lost in translation
12

GOOGLESIMUX
The importance of prototyping
13

GOOGLESIMUX
Build a shared understanding
User experience design is not an
individual sport. To that end, we
leverage prototypes to align around
our design direction together
14
User Experience
What is desirable?
PM & Marketing,
Sales, Strategy
What is profitable?
Engineering
What is feasible?

GOOGLESIMUX
Expose your ideas to real
users
Gathering feedback about a prototype
you’ve built will help you focus the
conversation on the most important
elements
15

GOOGLESIMUX
Neutralize the politics of
deciding
Get stakeholders involved with your
team and invested in the design
process early
16
Preventing the Executive Swoop and Poop with Design Sprints by Jared M. Spool, User Interface Engineering

GOOGLESIMUX
The prototyping process
17

GOOGLESIMUX
Sketching. Paper and
digital prototyping. Native
application and web
development.
18

GOOGLESIMUX
Sketching. Paper and
digital prototyping. Native
application and web
development.
19

GOOGLESIMUX
Choose the best fidelity for
your prototypes
20
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, Smashing Magazine

GOOGLESIMUX
“Learn by doing” and build a
culture around it
Prototyping unites the development
and design processes
21
Experiential Learning at Wikipedia

GOOGLESIMUX
The four abilities possessed
by experiential learners
● Be willing to be actively involved in the experience
● Able to reflect on the experience
● Possess and use analytical skills to conceptualize the experience
● Possess decision making and problem solving skills in order to use the new
ideas gained from the experience
22

GOOGLESIMUXRESEARCH
Learn to live with the
outcome
23
The prototyping process is just as
much about learning what our users
want as what they don’t

GOOGLESIMUX
Exploring ideas with prototypes
24

GOOGLESIMUX
PPrototypes are a fabulous way to
explore ideas with a team. They
shorten the time between “This is
what we’re thinking” and “Oh, I get
it.”
25
- Jared M. Spool, User Interface Engineering

GOOGLESIMUX
Lo-fi brainstorming
The Skeptics Guide to Low Fidelity Prototyping by
Laura Busche, Smashing Magazine

GOOGLESIMUX
Design speed dating and
storyboarding
27
Sketching, storyboarding, and paper
prototyping are great for divergent
ideation and have a low barrier to entry
Speed Dating as a Design Method by Rachel Hinman, Adaptive Path

GOOGLESIMUX
Product and experiential
prototyping
With a healthy mix of digital
prototyping tools we can quickly
investigate subtle interaction details

GOOGLESIMUX
Native application and web
development
29
Want to try out a new component
library for your Android app? Heard
that Angular or React may be a good
choice for your web app?

GOOGLESIMUX
Prototyping as a part of
design sprints
30
Sprints are a framework for teams of
any size to solve and test design
problems in 2-5 days
The Design Sprint by Google Ventures

GOOGLESIMUX
Collaborating with
researchers
31
Prototypes and research tools are
invaluable to learning what our users
value most in our products

GOOGLESIMUX
Brainstorms, cafe studies,
design & stakeholder
reviews
Strategies for you and your teams
32
Team activities that promote
prototyping, drive ideation, and
celebrate feedback

GOOGLESIMUX
Prototyping your process
33

GOOGLESIMUX
Adopt a process of
thoughtful and deliberate
software design
34
Design Kit: The Field Guide to Human Centered Design by IDEO

GOOGLESIMUX
Design for breakpoints and
iteration
35
Apply the human centered design
process of inspiration, ideation, and
implementation. Remember to rinse
and repeat as necessary.

GOOGLESIMUX
Diversity of thought makes
for good user experience
design
36

GOOGLESIMUX
Beware of common pitfalls
when you prototype
37
● Fixating on the artifact instead of the understanding
● Converging too soon without exploring enough
● Neglecting to test our work with real people
● Over engineering our prototypes
Five Prevalent Pitfalls When Prototyping by Jared M. Spool, User Interface Engineering

GOOGLESIMUX
Beware of prototyping pitfalls

GOOGLESIMUX
Advice for would-be prototypers
39

GOOGLESIMUX
Strive towards mastery with
the tools of your trade
40
Become a polyglot and embrace
change in the tools you use over the
course of your career

GOOGLESIMUX
Keep a record of your
progress
41
Use source control for everything
including design artifacts. Consider
tools for managing assets and
collecting feedback.

GOOGLESIMUX
Go guerrilla with user
testing
42
Ad-hoc testing is an easy way to collect
causal feedback about your progress
How to run user tests at a conference by Daniel Sauble, Smashing Magazine

GOOGLESIMUX
Measure your success &
make time to celebrate it
43
We use OKRs (Objectives and Key
Results) to capture our goals and
define success metrics for our projects

GOOGLESIMUX
Brooks’ law is real and you
should know about it
44
High quality communication is
essential to managing complex
software design projects
The Mythical Man-Month by Frederick P. Brooks, Jr.

GOOGLESIMUX
Master the powers of
active listening
45
“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, Forbes Magazine

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

GOOGLESIMUX
Practice strengths building
and invest in learning
47
Reinforce the skills you have and make
time to build new ones

GOOGLESIMUX
Make room for palate
cleansing projects and
infrastructure development
48

GOOGLESIMUX
Consider a dedicated
prototyping role no matter
the size of your team
49

GOOGLESIMUX
UX Engineering FTW!
50

GOOGLESIMUX
How would you describe the
UX Engineering role to a
classroom of 8th graders?
The growth of UX Engineering
51

GOOGLESIMUX
B
“Being a UX Engineer at Google is like
having a great idea for landing a spaceship
on Mars. You could start by dropping eggs
with parachutes from your roof and realize
that you missed a few important things. In
the next prototypes you’ll incorporate those
ideas. When the spaceship lands on Mars,
your quick prototypes’ big ideas will be
visible.”
52

GOOGLESIMUX
D“Designers figure out WHAT a
product should do. UX Engineers
figure out HOW a product should do
it.”
53

GOOGLESIMUX

GOOGLESIMUX
Prototypes are the core
of what SIM UXEs do
55
XResearch
studies
XLaunches
supported
XX
UX tools
Executive
reviews

GOOGLESIMUX
Design enablement
56

GOOGLESIMUX
Exploring uncharted
territory
Prototyping voice based
interactions is hard! We make
tools for design and research to
learn how people use our
products hands-free

GOOGLESIMUX
Intuitive tools for rapid
ideation
58
Giving more freedom to designers to
express their ideas without having to
convince someone else to build it for
them

GOOGLESIMUX
Bootstrapping our design
teams
59
Improving the tools used by our
cross-functional counterparts

GOOGLESIMUX
Abstracting away the
complexities
60
Mappy is a great example of this and
allows our cartographers to explore
map design at scale

GOOGLESIMUX
B“Be the team everyone wants to
work with.”
61
- Alex Cook, UX Lead in Google Search, Identity, & Maps

GOOGLESIMUX
What is the most important
skill for a UX Engineer to
possess?
62

GOOGLESIMUX
T“Tenacity! It’s not enough to just be
analytical or have a great eye. You
need to have the patience and
wherewithal to bend the code to
your will.”
63

GOOGLESIMUX
E
“Empathy for the user married with
technical selflessness. You need to be
able to project yourself into the minds of
your users, and in so doing, you may have
to abandon what you originally wanted to
do — something that may have been
conceptually elegant or visually cool or
technically simple — in order to do what's
best for the user.”
64

GOOGLESIMUX
O“Have an open mind. Be nimble.
Invest in the ability to learn new
tech and skills. Cultivate a feel for
delight.”
65

GOOGLESIMUX
We are changing the way that
Google does front-end
66
There are X UX Engineers across a
multitude of projects at Google and
roughly 68% of us identify as web
developers.

GOOGLESIMUX
We’re looking for good
people to join our ranks
67
We hired X UXEs in 2016 and
currently have X+ openings with
design teams across the company
Apply online: https://www.google.com/about/careers/fields-of-work/design/

GOOGLESIMUX
Wrapping up
68

GOOGLESIMUX
What this talk was about
Introductions
01. The importance of validating your design direction with real users and real
devices
02. How to use prototyping to explore ideas and collaborate with others
03. Strategies you can apply to your own process and implement with your
teams
04. The growth of UX Engineering in Google Search, Identity, and Maps
69

Thanks!
Special thanks to Andrew Swank, Kaushal Shah, Mai
Tran, and Nida Zada for their help with this talk.

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

GOOGLESIMUX
Photography
What this talk
is not about
Introductions

Prototyping for speed & scale

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Prototyping for speed & scale

Ähnlich wie Prototyping for speed & scale (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Prototyping for speed & scale