Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
Prototyping for
Speed & Scale
Carl Sziebert • FITC Web Unleashed • October 1, 2018
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
Hello!
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE 3
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
What is a prototype?
4
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
Defined: What is a
prototype?
Prototypes defined
An early sample, model, or release...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
Prototypes allow us to focus on better
understanding the problem we’re
tasked with ...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
PROTOTYPING FOR SPEED & SCALE
If picture is worth a thousand words, then a prototyp...
GOOGLEUX
STORYTELLING WITH SOFTWARE
Exploring ideas using
common prototyping
methods
8
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
The Skeptics Guide to Low Fidelity Prototypi...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
GOOGLEUX
Giving more freedom to designers
to express their ideas without
having to ...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
GOOGLEUX
Design at the highest fidelity,
which means the prototypes are
harder and ...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
Scope your prototyping
projects effectively for
fun and profit
12
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
GOOGLEUX
Scope your prototypes effectively
Choose the best
fidelity for your
protot...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE 14
Scope your prototypes effectively
Choose the right tools
Tools are a layer of ab...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
Perfect is the enemy of good.
Voltaire
PROTOTYPING FOR SPEED & SCALE
enough.
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
Lo-fi isn’t dead
Scope your prototypes effectively
The broader the set of existing
...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
What goes into faking the experience is
dictated by the context of the situation.
T...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
Failure is always an option.
Adam Savage, Mythbusters
PROTOTYPING FOR SPEED & SCALE
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
Avoid falling in love
with your first design
Failure is always an option
Prototypes...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
Expose your ideas
to real users on
real devices
Failure is always an option
Be mind...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
Beware of over-
engineering your
prototypes
Failure is always an option
You’ve got ...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE 22
Failure is always an option
Fidelity addiction is real
Admitting you have a prob...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
The greatest teacher, failure is.
Yoda
PROTOTYPING FOR SPEED & SCALE
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
Embrace failure and
build success with the
prototypers’ mindset
24
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
Discover and test
for friction
Embrace failure and build success
“Cognitive frictio...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
GOOGLEUX
Embrace failure and build success
Design is not an individual sport
and it...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
Ever heard something you were pretty sure
wouldn’t work, but couldn’t convince your...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
GOOGLEUX
Embrace failure and build success
Build compromise
with enthusiasm
Letting...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
The difference between screwing around and
science is writing it down.
Adam Savage,...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
GOOGLEUX
30
Embrace failure and build success
Design for
breakpoints and
iteration
...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
GOOGLEUX
Embrace failure and build success
Keep a record of
your progress
31
GOOGLE...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
We use OKRs (Objectives and Key Results) to capture our goals and define
success me...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE 33
Practice the art of ruthless prioritization
Embrace failure and build success
Th...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
● It takes time for the people added to a project to
become productive
● Communicat...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
The single biggest problem in communication
is the illusion that it has taken place...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
GOOGLEUX
36
Embrace failure and build success
Master the powers
of active listening...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
The longer you wait to collect feedback, the harder
it is to establish shared conte...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
The coolest toys don't have to be bought; they
can be built. In fact, sometimes the...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
Bootstrap your design process and
reduce churn by investing in the
development of P...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
GOOGLEUX
Embrace failure and build success
Practice strengths
building and invest
i...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
Don’t take advice from successful people.
Andy Poes, Google UXE
PROTOTYPING FOR SPE...
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
Thanks!
GOOGLEUX
PROTOTYPING FOR SPEED & SCALE
Questions?
linkedin.com/in/carlsz
reddit.com/user/carlsz
twitter.com/carlsz
Upcoming SlideShare
Loading in …5
×

Prototyping for Speed & Scale

190 views

Published on

Carl Sziebert
Google
Overview
Prototyping is the most effective design method for cultivating a shared understanding of your idea, validating your design thinking, and communicating your vision to users and stakeholders alike. This session distills nearly a decade’s worth of experience building prototypes as a UX engineer at Google into a series of actionable tips and tricks that will help you maximize your design and development efforts. You’ll also gain insight into how they leverage prototypes at Google to scale their design process, shorten the product development lifecycle, and foster a deeper understanding of our user’s needs.

Target Audience
Open to all those who want to better understand the value of prototyping as part of the UX design process

Five Things Audience Members Will Learn
How Google uses prototypes to drive ideation and strengthen collaboration across products and teams
The importance of validating your design thinking with real users on real devices early and often
Case studies that demonstrate the virtues and values of UX prototyping
Strategies that you can apply to your own process and implement with your projects
The role UX engineers play in the design and development of products at Google

Published in: Internet
  • How can I improve my memory book? How can I improve my memory recall? visit to learn... https://tinyurl.com/brainpill101
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

Prototyping for Speed & Scale

  1. 1. GOOGLEUX PROTOTYPING FOR SPEED & SCALE Prototyping for Speed & Scale Carl Sziebert • FITC Web Unleashed • October 1, 2018
  2. 2. GOOGLEUX PROTOTYPING FOR SPEED & SCALE GOOGLEUX PROTOTYPING FOR SPEED & SCALE Hello!
  3. 3. GOOGLEUX PROTOTYPING FOR SPEED & SCALE 3
  4. 4. GOOGLEUX PROTOTYPING FOR SPEED & SCALE What is a prototype? 4
  5. 5. GOOGLEUX PROTOTYPING FOR SPEED & SCALE 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
  6. 6. GOOGLEUX PROTOTYPING FOR SPEED & SCALE 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?
  7. 7. GOOGLEUX PROTOTYPING FOR SPEED & SCALE PROTOTYPING FOR SPEED & SCALE 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
  8. 8. GOOGLEUX STORYTELLING WITH SOFTWARE Exploring ideas using common prototyping methods 8
  9. 9. GOOGLEUX PROTOTYPING FOR SPEED & SCALE GOOGLEUX PROTOTYPING FOR SPEED & SCALE The Skeptics Guide to Low Fidelity Prototyping by Laura Busche, Smashing Magazine Lo-fi sketching & paper prototyping Exploring ideas with prototypes
  10. 10. GOOGLEUX PROTOTYPING FOR SPEED & SCALE 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 Exploring ideas with prototypes
  11. 11. GOOGLEUX PROTOTYPING FOR SPEED & SCALE 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 Exploring ideas with prototypes
  12. 12. GOOGLEUX PROTOTYPING FOR SPEED & SCALE Scope your prototyping projects effectively for fun and profit 12
  13. 13. GOOGLEUX PROTOTYPING FOR SPEED & SCALE 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
  14. 14. GOOGLEUX PROTOTYPING FOR SPEED & SCALE 14 Scope your prototypes effectively 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
  15. 15. GOOGLEUX PROTOTYPING FOR SPEED & SCALE Perfect is the enemy of good. Voltaire PROTOTYPING FOR SPEED & SCALE enough.
  16. 16. GOOGLEUX PROTOTYPING FOR SPEED & SCALE Lo-fi isn’t dead Scope your prototypes effectively The broader the set of existing ideas and directions, the shallower the technical stack of your prototype should be
  17. 17. GOOGLEUX PROTOTYPING FOR SPEED & SCALE 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 Scope your prototypes effectively GOOD FAST CHEAP This doesn’t exist!
  18. 18. GOOGLEUX PROTOTYPING FOR SPEED & SCALE Failure is always an option. Adam Savage, Mythbusters PROTOTYPING FOR SPEED & SCALE
  19. 19. GOOGLEUX PROTOTYPING FOR SPEED & SCALE Avoid falling in love with your first design Failure is always an option Prototypes serve as a forcing function to enable iteration and learning
  20. 20. GOOGLEUX PROTOTYPING FOR SPEED & SCALE Expose your ideas to real users on real devices Failure is always an option Be mindful of holding your work too close to the vest and neglecting to collect feedback
  21. 21. GOOGLEUX PROTOTYPING FOR SPEED & SCALE Beware of over- engineering your prototypes Failure is always an option You’ve got 99 problems, don’t make your technology stack one too
  22. 22. GOOGLEUX PROTOTYPING FOR SPEED & SCALE 22 Failure is always an option 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
  23. 23. GOOGLEUX PROTOTYPING FOR SPEED & SCALE The greatest teacher, failure is. Yoda PROTOTYPING FOR SPEED & SCALE
  24. 24. GOOGLEUX PROTOTYPING FOR SPEED & SCALE Embrace failure and build success with the prototypers’ mindset 24
  25. 25. GOOGLEUX PROTOTYPING FOR SPEED & SCALE 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
  26. 26. GOOGLEUX PROTOTYPING FOR SPEED & SCALE GOOGLEUX Embrace failure and build success 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
  27. 27. GOOGLEUX PROTOTYPING FOR SPEED & SCALE 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 Embrace failure and build success
  28. 28. GOOGLEUX PROTOTYPING FOR SPEED & SCALE GOOGLEUX Embrace failure and build success 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”
  29. 29. GOOGLEUX PROTOTYPING FOR SPEED & SCALE The difference between screwing around and science is writing it down. Adam Savage, Mythbusters PROTOTYPING FOR SPEED & SCALE
  30. 30. GOOGLEUX PROTOTYPING FOR SPEED & SCALE GOOGLEUX 30 Embrace failure and build success 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
  31. 31. GOOGLEUX PROTOTYPING FOR SPEED & SCALE GOOGLEUX Embrace failure and build success 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
  32. 32. GOOGLEUX PROTOTYPING FOR SPEED & SCALE We use OKRs (Objectives and Key Results) to capture our goals and define success metrics for our projects 32 How Google sets goals Embrace failure and build success 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)
  33. 33. GOOGLEUX PROTOTYPING FOR SPEED & SCALE 33 Practice the art of ruthless prioritization Embrace failure and build success 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.”
  34. 34. GOOGLEUX PROTOTYPING FOR SPEED & SCALE ● 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 Embrace failure and build success The Mythical Man Month by Fred Brooks
  35. 35. GOOGLEUX PROTOTYPING FOR SPEED & SCALE The single biggest problem in communication is the illusion that it has taken place. George Bernard Shaw PROTOTYPING FOR SPEED & SCALE
  36. 36. GOOGLEUX PROTOTYPING FOR SPEED & SCALE GOOGLEUX 36 Embrace failure and build success 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
  37. 37. GOOGLEUX PROTOTYPING FOR SPEED & SCALE 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 Embrace failure and build success How to give and receive feedback by Lulu Cheng
  38. 38. GOOGLEUX PROTOTYPING FOR SPEED & SCALE 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. Adam Savage, Mythbusters PROTOTYPING FOR SPEED & SCALE
  39. 39. GOOGLEUX PROTOTYPING FOR SPEED & SCALE 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 Embrace failure and build success
  40. 40. GOOGLEUX PROTOTYPING FOR SPEED & SCALE GOOGLEUX Embrace failure and build success 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.
  41. 41. GOOGLEUX PROTOTYPING FOR SPEED & SCALE Don’t take advice from successful people. Andy Poes, Google UXE PROTOTYPING FOR SPEED & SCALE
  42. 42. GOOGLEUX PROTOTYPING FOR SPEED & SCALE Thanks!
  43. 43. GOOGLEUX PROTOTYPING FOR SPEED & SCALE Questions? linkedin.com/in/carlsz reddit.com/user/carlsz twitter.com/carlsz

×