[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.

Transcript

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

   View Slide

2. #uofiwebcon @rachelbabiak
   RACHEL 

   KRAUSE
   

   View Slide

3. #uofiwebcon @rachelbabiak
   

   View Slide

4. #uofiwebcon @rachelbabiak
   

   View Slide

5. #uofiwebcon @rachelbabiak
   

   View Slide

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

   View Slide

7. #uofiwebcon @rachelbabiak
   WHO ARE YOU?
   

   View Slide

8. #uofiwebcon @rachelbabiak
   UX/UI
   

   View Slide

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

   View Slide

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

    View Slide

11. #uofiwebcon @rachelbabiak
    UI UX
    

    View Slide

12. #uofiwebcon @rachelbabiak
    UX MINDSETS
    Genius

    Designer
    Mindset of 

    Experimentation
    

    View Slide

13. #uofiwebcon @rachelbabiak
    LEAN UX
    

    View Slide

14. #uofiwebcon @rachelbabiak
    

    View Slide

15. #uofiwebcon @rachelbabiak
    Accept failure
    Reduce waste
    Collaborate
    

    View 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 Slide

17. #uofiwebcon @rachelbabiak
    BIG DESIGN
    

    View Slide

18. #uofiwebcon @rachelbabiak
    BIG DESIGN
    

    View Slide

19. #uofiwebcon @rachelbabiak
    LEAN UX
    

    View Slide

20. #uofiwebcon @rachelbabiak
    LEAN UX
    

    View Slide

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

    View 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 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 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 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 Slide

26. #uofiwebcon @rachelbabiak
    No complicated
    software necessary
    

    View Slide

27. #uofiwebcon @rachelbabiak
    TECHNIQUES
    

    View Slide

28. #uofiwebcon @rachelbabiak
    PERSONAS
    

    View Slide

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

    View Slide

30. #uofiwebcon @rachelbabiak
    PROTO-PERSONAS
    

    View Slide

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

    View 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 Slide

33. #uofiwebcon @rachelbabiak
    

    View Slide

34. #uofiwebcon @rachelbabiak
    

    View Slide

35. #uofiwebcon @rachelbabiak
    

    View 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 Slide

37. #uofiwebcon @rachelbabiak
    USER JOURNEYS
    

    View 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 Slide

39. #uofiwebcon @rachelbabiak
    

    View Slide

40. #uofiwebcon @rachelbabiak
    

    View Slide

41. #uofiwebcon @rachelbabiak
    

    View Slide

42. #uofiwebcon @rachelbabiak
    DESIGN SESSIONS
    

    View Slide

43. #uofiwebcon @rachelbabiak
    

    View Slide

44. #uofiwebcon @rachelbabiak
    

    View Slide

45. #uofiwebcon @rachelbabiak
    

    View Slide

46. #uofiwebcon @rachelbabiak
    

    View Slide

47. #uofiwebcon @rachelbabiak
    

    View Slide

48. #uofiwebcon @rachelbabiak
    

    View Slide

49. #uofiwebcon @rachelbabiak
    

    View Slide

50. #uofiwebcon @rachelbabiak
    Accept failure
    Reduce waste
    Collaborate
    

    View Slide

51. #uofiwebcon @rachelbabiak
    LEAN UX IN THE WILD
    

    View Slide

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

    View Slide

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

    View 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 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 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 Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide