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.

Prototyping for Speed & Scale

57 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
  • Be the first to comment

  • 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

×