Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Tools For Builders: Crafting User Experiences F...

John Ryan
January 22, 2020

Tools For Builders: Crafting User Experiences For Technical Practitioners

Developers and operators are the beating heart of software creation and delivery. To be effective, productive, and happy, they need tools that reflect how they think and work. User Experience (UX) design is a mature discipline whose practitioners iterate continuously to make products comprehensible, efficient—even lovable—by users.

Every smartphone, online store, and chatbot we encounter has been meticulously designed for human consumption. But our tools are different: we are engineers building tools for other engineers so we do not really need to consider the user experience. Or…do we?

In this talk, a top Google Cloud interaction designer will reveal the unique challenges and rewards of designing experiences for technical practitioners. Through lessons from the time-old practice of tool-making, universal design principles, and case-study lessons learned, attendees will learn how UX teams build great experiences for the humans who make technology.

John Ryan

January 22, 2020
Tweet

More Decks by John Ryan

Other Decks in Design

Transcript

  1. Tools For Builders DeliveryConf, Seattle Jan 22, 2020 John Ryan

    (@johndryan) Crafting User Experiences For Technical Practitioners
  2. $ heroku create Created notahotdog.herokuapp.com | [email protected]:notahotdog.git $ git push

    heroku master -----> Heroku receiving push -----> Rails app detected -----> Compiled slug size is 8.0MB -----> Launching... done, v1 http://notahotdog.herokuapp.com deployed to Heroku
  3. DORA State of DevOps Report 2019 Products that have both

    utility and usability are more likely to be adopted by technology professionals, and when they are used, have better outcomes. Source: 2019 Report
  4. This part fits the problem This part fits the person

    User ability Difficulty Flow Boredom Anxiety
  5. Even a 2-second disruption can lead to a doubling of

    errors… it takes more than 25 minutes to resume a task after being interrupted. Sue Shellenbarger Source: WSJ article
  6. $ heroku create Created notahotdog.herokuapp.com | [email protected]:notahotdog.git $ git push

    heroku master -----> Heroku receiving push -----> Rails app detected -----> Compiled slug size is 8.0MB -----> Launching... done, v1 http://notahotdog.herokuapp.com deployed to Heroku
  7. TASK 3 TASK 2 TASK 1 Customer Journey Map EMOTIONS

    & THOUGHTS WHERE IS THE DEVELOPER? OBSERVATIONS Terminal GitHub IDE Other entry points Website Documentation GUI 4 Takeaway 3 Aenean mattis ultrices iaculis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Takeaway 2 Aenean a elit congue, volutpat magna a, blandit est. Curabitur venenatis ornare sapien, at venenatis massa laoreet in. Proin ante tortor, molestie a massa id, suscipit congue arcu. Curabitur convallis dolor pulvinar vestibulum consectetur. Takeaway 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi mattis, nisl quis pellentesque mollis, est diam faucibus tortor, ac rhoncus massa odio id dolor. Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
  8. TASK 2 TASK 1 EMOTIONS & THOUGHTS ERE IS THE

    DEVELOPER? Terminal GitHub Website Documentation GUI Subtask description Subtask Subtask description Subtask Subtask description Subtask description
  9. The most significant step that ever was taken in human

    history, the thing that turns animal into man was making tools… Louis Leakey, Paleontologist
  10. The Pareto principle states that, for many events, roughly 80%

    of the effects come from 20% of the causes. (Focus the majority of effort on the areas that will bring the largest benefits to the most users.)
  11. TASK 3 TASK 2 TASK 1 Customer Journey Map EMOTIONS

    & THOUGHTS WHERE IS THE DEVELOPER? OBSERVATIONS Terminal GitHub IDE Other entry points Website Documentation GUI 4 Takeaway 3 Aenean mattis ultrices iaculis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Takeaway 2 Aenean a elit congue, volutpat magna a, blandit est. Curabitur venenatis ornare sapien, at venenatis massa laoreet in. Proin ante tortor, molestie a massa id, suscipit congue arcu. Curabitur convallis dolor pulvinar vestibulum consectetur. Takeaway 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi mattis, nisl quis pellentesque mollis, est diam faucibus tortor, ac rhoncus massa odio id dolor. Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
  12. Guerilla Usability Testing • Recruit Users • Set a task

    • No wrong answer, no • “Think Aloud Protocol” • Speak less, observe more • Conduct five test sessions
  13. Technology is nothing. What’s important is that you have a

    faith in people, that they’re basically good and smart, and if you give them tools, they’ll do wonderful things with them. Steve Jobs