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

Lean UX: Getting Out of the Deliverables Business (London IA - Feb 7 2012)

Jeff Gothelf
February 12, 2012

Lean UX: Getting Out of the Deliverables Business (London IA - Feb 7 2012)

This is the most recent version of the Lean UX presentation as given at London IA on February 7th, 2012 (in, uh, London).

Jeff Gothelf

February 12, 2012
Tweet

More Decks by Jeff Gothelf

Other Decks in Design

Transcript

  1. Lean UX
    Building shared understanding to get out of the deliverables business
    London IA
    February 7th, 2012
    http://www.flickr.com/photos/bricoleurbanism/

    View Slide

  2. Who am I?
    interaction designer. team leader. author.
    jeff gothelf

    currently:
    principal at proof
    author @ o’reilly (lean ux, 2012)
    previously:
    theladders, publicis modem, webtrends, aol,
    tons o’startups
    blog:
    www.jeffgothelf.com
    twitter:
    @jboogie
    email:
    [email protected]

    #leanux

    View Slide

  3. In the beginning…
    UX began with Information Architecture which no one had ever heard of
    http://www.ucdesigners.co.uk/wp-content/uploads/2009/03/stockxpertcom_id21589-world1-1024x794.jpg
    #LeanUX | @jboogie

    View Slide

  4. Deliverables helped define Information Architecture
    And this was good
    #LeanUX | @jboogie

    View Slide

  5. IA evolved and expanded along with Interaction Design
    Darwinism at work
    #LeanUX | @jboogie

    View Slide

  6. Deliverables helped define these emerging practices
    And this was good
    #LeanUX | @jboogie

    View Slide

  7. Value has ultimately been placed on the deliverable
    Not on the experience being created
    #LeanUX | @jboogie

    View Slide

  8. http://www.freakingnews.com/Bottle-Neck-Pics-36343.asp
    In today’s marketplace, traditional design is a bottleneck
    We’re getting in our own way
    #LeanUX | @jboogie

    View Slide

  9. With interactive experiences evolving rapidly
    The deliverable is just not enough
    #LeanUX | @jboogie

    View Slide

  10. Lean UX
    Inspired by Lean Startup and Agile development theories, it’s the
    practice of bringing the true nature of design work to light faster,
    with less emphasis on deliverables and greater focus on the
    actual experience being designed.
    #LeanUX | @jboogie

    View Slide

  11. Agile
    •  Individuals and interactions over processes and tools
    •  Working software over comprehensive documentation
    •  Customer collaboration over contract negotiation
    •  Responding to change over following a plan
    Lean Startup
    Lean Startup initially advocates the creation of rapid
    prototypes designed to test market assumptions, and uses
    customer feedback to evolve them much faster than via
    more traditional software engineering practices.
    #LeanUX | @jboogie

    View Slide

  12. It goes a little something like this…
    Do this. Quickly. Many times.
    Concept Prototype
    Validate
    Internally
    Test
    Externally
    Learn
    from user
    behavior
    Iterate
    Just the UX process
    #LeanUX | @jboogie

    View Slide

  13. #LeanUX | @jboogie
    “Go that way. Really fast. If something gets in your way, turn.”
    -Charles DeMar (Curtis Armstrong) to Lane Myer (John Cusack) in “Better Off
    Dead”

    View Slide

  14. Designers can’t hide behind their monitor any more!
    This is a designer-led initiative
    http://www.flickr.com/photos/yamagatacamille/4799648425/sizes/l/
    #LeanUX | @jboogie

    View Slide

  15. Get design work out there. Fast.
    In public. (Yes, where everyone can see it.)
    #LeanUX | @jboogie

    View Slide

  16. OK. I’m intrigued. But how does it really work?
    First 5 things you need to do…
    #LeanUX | @jboogie

    View Slide

  17. Solve the problem together
    As opposed to implementing someone else’s solution
    http://www.flickr.com/photos/mims/326748812/sizes/l/
    #LeanUX | @jboogie
    1!

    View Slide

  18. Sketching
    It’s all the rage!
    #LeanUX | @jboogie
    2!

    View Slide

  19. Example of sketching at work
    V1 of the UI
    #LeanUX | @jboogie
    2!

    View Slide

  20. Sketching brings experiences to life faster
    Launched UI
    http://www.flickr.com/photos/mims/326748812/sizes/l/
    #LeanUX | @jboogie
    2!

    View Slide

  21. Get the experience out there, not the document
    Validate your hypotheses
    #LeanUX | @jboogie
    3!
    http://www.macdavidpro.com/wp-content/uploads/2010/02/4355664150_68b8aa58a9_o-600x337.jpg

    View Slide

  22. Pair up!
    But do it, cross-functionally
    #LeanUX | @jboogie
    4!
    http://photofind.com/featured-photo/20-uncomfortable-moments-in-sports

    View Slide

  23. Pairing saves time
    Builds a common language
    #LeanUX | @jboogie
    http://hoveringartdirectors.tumblr.com/page/2
    4!

    View Slide

  24. Pairing sets designers free, man
    …and empowers developers!
    #LeanUX | @jboogie
    http://www.clydekellerphotos.com/images/AP_Kesey_HippiesDancing_GALLERY_CGW.jpg
    4!

    View Slide

  25. Style guides!
    The cause of, and solution, all your UX problems
    #LeanUX | @jboogie
    5!

    View Slide

  26. They’re good for developers too!
    Creates a reusable asset library and point from which to start
    #LeanUX | @jboogie
    5!

    View Slide

  27. More specifically, Lean UX is…
    #LeanUX | @jboogie

    View Slide

  28. Critique
    Early and often on designs that don’t feel “finished”
    #LeanUX | @jboogie

    View Slide

  29. From Design Criticism and the Creative Process by Cassie McDaniel on A List Apart, 11 Jan, 2011.
    http://www.alistapart.com/articles/design-criticism-creative-process/
    #LeanUX | @jboogie
    Designers shouldn’t be expected to get it right the first time
    Nobody else has to

    View Slide

  30. Control
    Designers still drive the design
    #LeanUX | @jboogie

    View Slide

  31. It’s not “The Spec” that gives control
    That’s the last mile of the value design brings to the team
    http://talkingtraffic.org/wp-content/images/stack_documents.jpg
    #LeanUX | @jboogie

    View Slide

  32. Momentum
    Everyone’s engaged. Everyone’s motivated.
    #LeanUX | @jboogie

    View Slide

  33. Keep everybody moving forward
    Clients, stakeholders, design and team.
    http://www.flickr.com/photos/[email protected]/3901861703/sizes/l/
    #LeanUX | @jboogie

    View Slide

  34. Quality
    No compromises
    #LeanUX | @jboogie

    View Slide

  35. “Speed first. Aesthetics second.”
    – Jason Fried, 37Signals.com
    #LeanUX | @jboogie

    View Slide

  36. “Going for the bronze.”
    – A Creative Director I used to work with
    #LeanUX | @jboogie

    View Slide

  37. What about the quality of the design?
    Iterations mean quality continually improves.
    http://stockthemind.files.wordpress.com/2008/04/project-cartoon.jpg
    #LeanUX | @jboogie

    View Slide

  38. Feasibility
    Make sure it can be built (and built well)
    #LeanUX | @jboogie

    View Slide

  39. Prototype it!
    But not all of it.
    hthttp://3.bp.blogspot.com/_mQ4dc8irsc0/S_TZkx7B_3I/AAAAAAAAAM0/lwh7NTbtKMo/s1600/PopGlider+assembled+2.jpgtp://
    #LeanUX | @jboogie

    View Slide

  40. Once validated, demo to the team.
    Presto! Instant documentation.
    http://www.flickr.com/photos/koolwaaij/152426460/sizes/o/
    No additional deliverables are needed!
    #LeanUX | @jboogie

    View Slide

  41. Customer validation
    Your design is a hypothesis
    #LeanUX | @jboogie

    View Slide

  42. Validate your hypothesis with customers
    Keep it light and cheap.
    http://www.flickr.com/photos/forakerdesign/3657336793/sizes/l/
    #LeanUX | @jboogie

    View Slide

  43. Fill in the gaps
    Build a shared understanding
    #LeanUX | @jboogie

    View Slide

  44. The more you talk about it
    The easier it is for the team to put the pieces together (and find missing ones)
    http://www.flickr.com/photos/adysmiles/4822749055/sizes/l/
    #LeanUX | @jboogie

    View Slide

  45. What Lean UX is NOT
    #LeanUX | @jboogie

    View Slide

  46. Lazy.
    Sorry. You still have to work hard.
    http://www.steadyburn.net/wp-content/uploads/2008/12/lazy-cat5.jpg
    “…the best part … is that the team is doing
    a [email protected]&K-TON of UX. They document a ton
    of stuff explicitly on the walls and implicitly
    in shared understanding among team
    members.”
    - Austin Govella
    commenting on Whitney Hess’s “Why I Detest the Term Lean UX”
    http://whitneyhess.com/blog/2011/02/27/why-i-detest-the-term-lean-ux/
    #LeanUX | @jboogie

    View Slide

  47. The only thing being removed is waste.
    Leave the toolbox intact. Use the tools as necessary.
    http://www.flickr.com/photos/mims/326748812/sizes/l/
    #LeanUX | @jboogie

    View Slide

  48. This is NOT design-by-committee!
    That never leads to anything pretty.
    http://www.flickr.com/photos/mims/326748812/sizes/l/
    #LeanUX | @jboogie

    View Slide

  49. Can I make this happen in my organization?
    Short answer: Yes. Long answer: Yessssssssss!
    #LeanUX | @jboogie

    View Slide

  50. You’re an in-house designer…
    Start small and internal. Ask for forgiveness.
    http://www.istudyathes.com/wp-content/uploads/2009/02/microsoft-20team-201978.jpg
    #LeanUX | @jboogie

    View Slide

  51. You are in the problem-solving business and you don’t solve
    problems with design documentation.
    You solve them with elegant, efficient and sophisticated software.
    #LeanUX | @jboogie

    View Slide

  52. #LeanUX | @jboogie
    The interactive agency and services world.
    Tougher sell. Worth it in the end.

    View Slide

  53. Agencies are in the deliverables business.
    #LeanUX | @jboogie

    View Slide

  54. Recapping the “internal” Lean UX process….
    Remember?
    Concept Prototype
    Validate
    Internally
    Test
    Externally
    Learn
    from user
    behavior
    Iterate
    Just the UX process
    #LeanUX | @jboogie

    View Slide

  55. For services agencies it looks slightly different
    Give your clients the power. They like that.
    Concept Prototype
    Validate
    w/client Learn
    from user
    behavior
    Iterate
    Validate
    w/client
    #LeanUX | @jboogie

    View Slide

  56. Consultants are specialized mini-agencies
    Success with Lean UX will be determined by attention level
    #LeanUX | @jboogie

    View Slide

  57. Reducing deliverables efforts reduces revenue
    In theory…
    Fewer deliverables Fewer billable
    hours
    ££££
    Project delivered
    faster
    Happier, more
    empowered client
    Better
    outcomes
    #LeanUX | @jboogie

    View Slide

  58. Invest in your client’s success
    It shows the confidence you have in your work
    http://www.flickr.com/photos/[email protected]/143127498/sizes/z/
    #LeanUX | @jboogie

    View Slide

  59. Distributed teams do it remotely!
    If they’re a part of you, it’s on! If not, it ain’t bloody likely.
    http://farm3.static.flickr.com/2361/2076450897_be1b8ace7c.jpg
    #LeanUX | @jboogie

    View Slide

  60. Is this good for every project?
    Use it where it makes sense.
    http://www.krackblog.com/wp-content/uploads/2010/05/david_hasselhoff_gary_coleman-e1275077640952.jpg
    #LeanUX | @jboogie

    View Slide

  61. Functional, task-flow projects work well.
    There’s a clear end goal.
    #LeanUX | @jboogie

    View Slide

  62. Highly experiential marketing projects will struggle.
    Time to ideate and create options is essential.
    #LeanUX | @jboogie

    View Slide

  63. What about content heavy experiences?
    Some up front planning is necessary.
    #LeanUX | @jboogie

    View Slide

  64. Case Study
    100 Days of Collaboration
    #LeanUX | @jboogie

    View Slide

  65. Problem Statement:
    “You’re like Monster, but I have to pay for it.”
    #LeanUX | @jboogie

    View Slide

  66. 3 days, 3 themes:
    Acquisition and conversion
    Resume services
    A human in every interaction
    #LeanUX | @jboogie

    View Slide

  67. #LeanUX | @jboogie

    View Slide

  68. #LeanUX | @jboogie

    View Slide

  69. #LeanUX | @jboogie

    View Slide

  70. #LeanUX | @jboogie

    View Slide

  71. #LeanUX | @jboogie

    View Slide

  72. Designers are used to being heroes.
    Lean UX is distinctly, anti-hero.
    http://www.abegoodman.com/Images/greatest-american-hero.jpg
    #LeanUX | @jboogie

    View Slide

  73. This is an evolution. Not a revolution.
    Designers must evolve to stay relevant.
    http://www.flickr.com/photos/freejay3/2387714157/sizes/l/
    #LeanUX | @jboogie

    View Slide

  74. Once you go lean…
    Apparently it’s good and you can’t go back to…err…fat…or something
    #LeanUX | @jboogie

    View Slide

  75. Let’s get back to the experience design business.
    It’s where it’s at (as the kids say)
    http://www.flickr.com/photos/expressmonorail/3057998218/sizes/l/
    #LeanUX | @jboogie

    View Slide

  76. Thank you
    #demystify | @jboogie
    @jboogie
    [email protected]
    amzn.to/leanuxbook
    www.jeffgothelf.com
    slideshare.net/jgothelf
    Jeff Gothelf
    I’m writing a book! Pre-order here

    View Slide