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

[WebCon 2017] Incorporating Lean UX Practices into the Development Process

[WebCon 2017] Incorporating Lean UX Practices into the Development Process

A good app design is more than just modifying Bootstrap and clever usage of Font Awesome–it starts with a solid understanding of your users. This session will walk through lightweight and collaborative UX techniques that you can use in your development process to better understand your users and their workflows. You'll learn how user experience goes beyond UI design and discuss real world examples of how knowing your users can put your application ahead of the pack. You'll leave this session with techniques that you can apply to your current team without the need for complicated software or a complete shift in your corporate culture.

No UX experience? No problem! You'll be introduced to lean UX practices that you can start using with your teams right away.

Rachel Krause

April 06, 2017
Tweet

More Decks by Rachel Krause

Other Decks in Design

Transcript

  1. Incorporating
    LEAN UX PRACTICES
    into the
    DEVELOPMENT PROCESS
    Rachel Krause
    #uofiwebcon @rachelbabiak

    View full-size slide

  2. #uofiwebcon @rachelbabiak
    RACHEL 

    KRAUSE

    View full-size slide

  3. #uofiwebcon @rachelbabiak

    View full-size slide

  4. #uofiwebcon @rachelbabiak

    View full-size slide

  5. #uofiwebcon @rachelbabiak

    View full-size slide

  6. #uofiwebcon @rachelbabiak
    IN THIS SESSION
    Your users Why lean Techniques

    View full-size slide

  7. #uofiwebcon @rachelbabiak
    WHO ARE YOU?

    View full-size slide

  8. #uofiwebcon @rachelbabiak
    UX/UI

    View full-size slide

  9. #uofiwebcon @rachelbabiak
    “Make it pretty.”

    View full-size slide

  10. #uofiwebcon @rachelbabiak
    “Make it easy to use.”

    View full-size slide

  11. #uofiwebcon @rachelbabiak
    UI UX

    View full-size slide

  12. #uofiwebcon @rachelbabiak
    UX MINDSETS
    Genius

    Designer
    Mindset of 

    Experimentation

    View full-size slide

  13. #uofiwebcon @rachelbabiak
    LEAN UX

    View full-size slide

  14. #uofiwebcon @rachelbabiak

    View full-size slide

  15. #uofiwebcon @rachelbabiak
    Accept failure
    Reduce waste
    Collaborate

    View full-size slide

  16. #uofiwebcon @rachelbabiak
    Trying to fit UX into the Agile process:
    http:/
    /uxreactions.com/post/124329440924/trying-to-fit-ux-into-the-agile-process

    View full-size slide

  17. #uofiwebcon @rachelbabiak
    BIG DESIGN

    View full-size slide

  18. #uofiwebcon @rachelbabiak
    BIG DESIGN

    View full-size slide

  19. #uofiwebcon @rachelbabiak
    LEAN UX

    View full-size slide

  20. #uofiwebcon @rachelbabiak
    LEAN UX

    View full-size slide

  21. #uofiwebcon @rachelbabiak
    Best UIs are designed
    by the entire team

    View full-size slide

  22. #uofiwebcon @rachelbabiak
    Company Name
    Our Cool Website
    This carousel will show you lots of content

    and give you 5 seconds to read it.
    Lorem ipsum dolor sit amet,

    consectetur adipiscing elit. 

    Integer vel tempor justo, 

    eget placerat purus. 

    In ut augue sit amet nisi 

    viverra ullamcorper.
    What We Do
    Lorem ipsum dolor sit amet,

    consectetur adipiscing elit. 

    Integer vel tempor justo, 

    eget placerat purus. 

    In ut augue sit amet nisi 

    viverra ullamcorper.
    How We Do It

    View full-size slide

  23. #uofiwebcon @rachelbabiak
    Company Name What We Do How We Do It Contact
    Our Cool Website
    This carousel will show you lots of content

    and give you 5 seconds to read it.
    Lorem ipsum dolor sit amet,

    consectetur adipiscing elit. 

    Integer vel tempor justo, 

    eget placerat purus. 

    In ut augue sit amet nisi 

    viverra ullamcorper.
    What We Do
    Lorem ipsum dolor sit amet,

    consectetur adipiscing elit. 

    Integer vel tempor justo, 

    eget placerat purus. 

    In ut augue sit amet nisi 

    viverra ullamcorper.
    How We Do It

    View full-size slide

  24. #uofiwebcon @rachelbabiak
    Company Name What We Do How We Do It Contact
    Lorem ipsum dolor sit amet,

    consectetur adipiscing elit. 

    Integer vel tempor justo, 

    eget placerat purus. 

    In ut augue sit amet nisi 

    viverra ullamcorper.
    What We Do
    Lorem ipsum dolor sit amet,

    consectetur adipiscing elit. 

    Integer vel tempor justo, 

    eget placerat purus. 

    In ut augue sit amet nisi 

    viverra ullamcorper.
    How We Do It
    We Build
    for You
    We create custom software.
    View our work and get to
    know us better.
    Our Work

    View full-size slide

  25. #uofiwebcon @rachelbabiak
    Company Name What We Do How We Do It Contact
    What We Do How We Do It Stay in Touch
    We Build
    for You
    We create custom software.
    View our work and get to
    know us better.
    Our Work

    View full-size slide

  26. #uofiwebcon @rachelbabiak
    No complicated
    software necessary

    View full-size slide

  27. #uofiwebcon @rachelbabiak
    TECHNIQUES

    View full-size slide

  28. #uofiwebcon @rachelbabiak
    PERSONAS

    View full-size slide

  29. #uofiwebcon @rachelbabiak
    https:/
    /xtensio.com/user-persona/

    View full-size slide

  30. #uofiwebcon @rachelbabiak
    PROTO-PERSONAS

    View full-size slide

  31. #uofiwebcon @rachelbabiak
    NAME & CAPTION BIOGRAPHICAL INFO
    PAIN POINTS / NEEDS POTENTIAL SOLUTIONS

    View full-size slide

  32. #uofiwebcon @rachelbabiak
    • 42 years old
    • Paid hourly
    • Been with company 

    5+ years
    • Not tech savvy
    • Doesn’t have a lot of 

    time to use computer
    • Needs access to all

    areas of warehouse
    NAME & CAPTION BIOGRAPHICAL INFO
    PAIN POINTS / NEEDS POTENTIAL SOLUTIONS
    James
    • Tasks have to be 

    quick and easy
    • Light app restrictions
    • Multiple access points

    View full-size slide

  33. #uofiwebcon @rachelbabiak

    View full-size slide

  34. #uofiwebcon @rachelbabiak

    View full-size slide

  35. #uofiwebcon @rachelbabiak

    View full-size slide

  36. #uofiwebcon @rachelbabiak
    NAME & CAPTION BIOGRAPHICAL INFO
    PAIN POINTS / NEEDS POTENTIAL SOLUTIONS
    • From Planet Krypton
    • Alias: Clark Kent
    • Works at Daily Planet

    Newspaper
    • Able to fly
    • Kryptonite
    • Lex Luther
    • Lois Lane
    • Help people
    • Make his father proud
    • Maintain Clark Kent 

    image

    View full-size slide

  37. #uofiwebcon @rachelbabiak
    USER JOURNEYS

    View full-size slide

  38. #uofiwebcon @rachelbabiak
    [PERSONA] wants to [ACTION]
    because [NEED], but [FRICTION].
    James wants to check in an inbound shipment
    because a railcar just arrived, but he can’t
    weigh the product yet.

    View full-size slide

  39. #uofiwebcon @rachelbabiak

    View full-size slide

  40. #uofiwebcon @rachelbabiak

    View full-size slide

  41. #uofiwebcon @rachelbabiak

    View full-size slide

  42. #uofiwebcon @rachelbabiak
    DESIGN SESSIONS

    View full-size slide

  43. #uofiwebcon @rachelbabiak

    View full-size slide

  44. #uofiwebcon @rachelbabiak

    View full-size slide

  45. #uofiwebcon @rachelbabiak

    View full-size slide

  46. #uofiwebcon @rachelbabiak

    View full-size slide

  47. #uofiwebcon @rachelbabiak

    View full-size slide

  48. #uofiwebcon @rachelbabiak

    View full-size slide

  49. #uofiwebcon @rachelbabiak

    View full-size slide

  50. #uofiwebcon @rachelbabiak
    Accept failure
    Reduce waste
    Collaborate

    View full-size slide

  51. #uofiwebcon @rachelbabiak
    LEAN UX IN THE WILD

    View full-size slide

  52. #uofiwebcon @rachelbabiak
    Salesforce UX, Making Design Core to the Agile Process by Ian Schoen

    View full-size slide

  53. #uofiwebcon @rachelbabiak
    Salesforce UX, Making Design Core to the Agile Process by Ian Schoen

    View full-size slide

  54. #uofiwebcon @rachelbabiak
    Salesforce UX, Making Design Core to the Agile Process by Ian Schoen
    “We had to know the right thing 

    to build before we could build 

    the thing right.”

    View full-size slide

  55. #uofiwebcon @rachelbabiak
    Salesforce UX, Making Design Core to the Agile Process by Ian Schoen
    “Designers, developers and product
    managers each have their own point
    of view on how to make products
    successful…”

    View full-size slide

  56. #uofiwebcon @rachelbabiak
    Salesforce UX, Making Design Core to the Agile Process by Ian Schoen
    “The Sharpie proved to be one of the
    most democratic tools in our process.
    Anyone could pick one up and put
    their idea out into the world.”

    View full-size slide

  57. #uofiwebcon @rachelbabiak
    Salesforce UX, Making Design Core to the Agile Process by Ian Schoen

    View full-size slide

  58. #uofiwebcon @rachelbabiak
    Archie Miller of CarMax on Implementing Lean UX in Large Organizations by Archie Miller

    View full-size slide

  59. #uofiwebcon @rachelbabiak
    Archie Miller of CarMax on Implementing Lean UX in Large Organizations by Archie Miller

    View full-size slide

  60. #uofiwebcon @rachelbabiak
    WHAT WE COVERED
    Your users Why lean Techniques

    View full-size slide

  61. #uofiwebcon @rachelbabiak
    Q&A
    Slides available at
    speakerdeck.com/rachelkrau

    View full-size slide

  62. #uofiwebcon @rachelbabiak
    THANKS!
    Slides available at
    speakerdeck.com/rachelkrau

    View full-size slide