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

Anders Ramsey - The UX of User Stories

UX London
May 01, 2012

Anders Ramsey - The UX of User Stories

If you’re a UX designer struggling to figure out how to integrate your work into an Agile team, this workshop is for you. There are few better entry points for UX designers into the Agile universe than User Stories.

UX London

May 01, 2012
Tweet

More Decks by UX London

Other Decks in Design

Transcript

  1. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Why your agile ux adoption is failing and what to do about it.
    Learning to Play UX Rugby
    flickr.com/photos/educaofisicablog/6008878481/

    View full-size slide

  2. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    My introduction to Agile...

    View full-size slide

  3. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    My introduction to Agile...

    View full-size slide

  4. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    My introduction to Agile...

    View full-size slide

  5. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    My introduction to Agile...
    “There’s a whole team of developers and I’m the only UX designer.
    They’re building features faster than I can design them. I can’t keep up!”
    Feeding the beast

    View full-size slide

  6. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    My introduction to Agile...
    “There’s a whole team of developers and I’m the only UX designer.
    They’re building features faster than I can design them. I can’t keep up!”
    Feeding the beast
    “Yes, we technically delivered all the features this sprint, but looking at
    the big picture, the design’s an incoherent mess!”
    Sprint Tunnel-Vision
    “Our PO’s under pressure to deliver the next release and signing off on
    features despite crap-ass usability. Help!”
    Half-Baked UX
    “Yup, we’re Agile. We’ve been sprinting and doing stories and what-
    not for about nine months now and are almost ready to start
    development.”
    FAUX AGILE

    View full-size slide

  7. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    “Dude, you’re continuing to play the old
    waterfall game on an Agile playing field
    and you don’t even know it. That’s why
    you keep banging your head against a
    wall. Gotta learn how the Agile game is
    played…”

    View full-size slide

  8. @ANDERSRAMSAY / #UXLONDON / APR 18 2012

    View full-size slide

  9. @ANDERSRAMSAY / #UXLONDON / APR 18 2012

    View full-size slide

  10. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Traditional Relay Race
    - Collaboration is not built into the game.
    - One big crossing of the finish line.

    View full-size slide

  11. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Agile Rugby Game
    - Intensive and continuous collaboration is core to the game.
    - Win the game by reaching the goal line again and again.

    View full-size slide

  12. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    UX Rugby in Practice
    Team Communication
    Detailed Design
    Designing while Building
    Research

    View full-size slide

  13. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    A Relay Race Meeting
    Not designed for collaboration.
    Slow debugging of issues, differences in understanding.

    View full-size slide

  14. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    A Relay Race Meeting
    Not designed for collaboration.
    Slow debugging of issues, differences in understanding.
    Our top goal is to…but what’s
    most important is that we…tho
    what we really must do is to…

    View full-size slide

  15. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    A Relay Race Meeting
    Not designed for collaboration.
    Slow debugging of issues, differences in understanding.
    What
    about…?
    But I
    thought…
    Whaa…?
    Our top goal is to…but what’s
    most important is that we…tho
    what we really must do is to…

    View full-size slide

  16. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    A Rugby Game Meeting Workshop
    An intensive passing game across roles/perspectives.
    Iterating toward shared understanding.

    View full-size slide

  17. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Collaboration-Centered Design
    A shift toward facilitation as a core skill set.

    View full-size slide

  18. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Collaboration-Centered Design
    Buy a Feature
    Cardstorming
    Collaborative Chartering
    Design Studio
    Dotvoting
    Experience Mapping
    Ideation Clearinghouse
    Paired Interviews
    Product Box
    Product Road Map
    Provisional Personas
    Speed Boat
    Story Mapping
    and many more...
    A shift toward facilitation as a core skill set.

    View full-size slide

  19. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Traditional UX
    Design, Usability

    View full-size slide

  20. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Agile UX
    Collaboration,
    Delivery
    Traditional UX
    Design, Usability

    View full-size slide

  21. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Agile UX
    Collaboration,
    Delivery
    Lean UX
    Measuring,validating
    product/market fit.
    Traditional UX
    Design, Usability

    View full-size slide

  22. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Agile UX
    Collaboration,
    Delivery
    Lean UX
    Measuring,validating
    product/market fit.
    Traditional UX
    Design, Usability
    Startup

    View full-size slide

  23. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Ideation Clearinghouse
    Capturing the imagined final product. Can be completed in an hour or less.

    View full-size slide

  24. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Ideation Clearinghouse
    Capturing the imagined final product. Can be completed in an hour or less.
    Focus/
    Boundaries

    View full-size slide

  25. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Ideation Clearinghouse
    Capturing the imagined final product. Can be completed in an hour or less.
    Warmup/
    Raw Materials
    Focus/
    Boundaries

    View full-size slide

  26. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Cardstorming
    - Warms up brain and hands.
    - 3-5 minute timebox.
    - Each participant writes as many
    features they can think of on
    separate stickies.
    - Becomes a feature palette for
    sketching.

    View full-size slide

  27. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Ideation Clearinghouse
    Capturing the imagined final product. Can be completed in an hour or less.
    Warmup/
    Raw Materials
    Focus/
    Boundaries

    View full-size slide

  28. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Ideation Clearinghouse
    Capturing the imagined final product. Can be completed in an hour or less.
    Warmup/
    Raw Materials
    Sketching
    Timebox
    Focus/
    Boundaries

    View full-size slide

  29. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Sketching Timebox
    - 5m timebox.
    - Ensure safety.
    - Everyone in the room sketches.
    - Sketch individually.
    - No rules.
    - Clarify that this is research, not
    design.

    View full-size slide

  30. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Ideation Clearinghouse
    Capturing the imagined final product. Can be completed in an hour or less.
    Warmup/
    Raw Materials
    Sketching
    Timebox
    Focus/
    Boundaries

    View full-size slide

  31. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Ideation Clearinghouse
    Capturing the imagined final product. Can be completed in an hour or less.
    Warmup/
    Raw Materials
    Sketching
    Timebox
    Critique
    Focus/
    Boundaries

    View full-size slide

  32. Critique
    - 2m round-robin, then open crit.
    - Take careful notes, attach to the
    respective sketches.
    - Look for and work to resolve vision
    differences.
    @ANDERSRAMSAY / #UXLONDON / APR 18 2012

    View full-size slide

  33. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Designing with Workshops
    Learning, applying, and recombining workshop patterns.
    Warmup/
    Raw Materials
    Sketching
    Timebox
    Critique
    Focus/
    Boundaries

    View full-size slide

  34. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Detailed Design

    View full-size slide

  35. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Pairing
    An intensive one-on-one passing game.
    Continuous problem debugging and knowledge distribution.
    Tete-a-tete Pairing at NeedFeed: http://nerdfeed.needfeed.com/blog/2011/10/pairing-desks/

    View full-size slide

  36. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    X-Pairing
    Designing in multiple dimensions simultaneously.
    Better collaboration means less/lighter documentation.
    Mike Long, Thoughtworks Studios

    View full-size slide

  37. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    A cross-dimensional passing game
    Each medium/perspective informs the other.
    paper build html/css

    View full-size slide

  38. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Designing while Building

    View full-size slide

  39. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Designing while Building
    - Supporting the current sprint
    - Preparing for the next sprint
    - Maintaining a whole product

    View full-size slide

  40. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Designing while Building
    - Supporting the current sprint
    - Preparing for the next sprint
    - Maintaining a whole product
    More a logistics than design challenge.

    View full-size slide

  41. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Automate Collaboration with Cadences
    Apply Agile approach to planning to help ensure whole team is designing together.
    Can also be applied to field research, usability testing and other UX activities.

    View full-size slide

  42. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Automate Collaboration with Cadences
    Apply Agile approach to planning to help ensure whole team is designing together.
    Can also be applied to field research, usability testing and other UX activities.

    View full-size slide

  43. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Research

    View full-size slide

  44. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Agile UX
    Collaboration,
    Delivery
    Lean UX
    Measuring,validating
    product/market fit.
    Traditional UX
    Design, Usability
    Startup

    View full-size slide

  45. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Agile UX
    Collaboration,
    Delivery
    Lean UX
    Measuring,validating
    product/market fit.
    Traditional UX
    Design, Usability
    Startup

    View full-size slide

  46. SHIPPING = DONE
    @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Agile says...

    View full-size slide

  47. SHIPPING IS ONLY
    THE BEGINNING
    @ANDERSRAMSAY / #UXLONDON / APR 18 2012

    View full-size slide

  48. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Customer Development:
    “Is this user-friendly?” vs “Would you pay for this?”

    View full-size slide

  49. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Learning to Play UX Rugby...

    View full-size slide

  50. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Learning to Play UX Rugby...
    making
    software
    making
    software

    View full-size slide

  51. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Learning to Play UX Rugby...
    making
    software
    making
    software
    Keep doing what you’re doing, but do it smaller, faster and continuously.
    —William Pietri

    View full-size slide

  52. @ANDERSRAMSAY / #UXLONDON / APR 18 2012
    Thanks!
    @andersramsay
    andersramsay.com
    designingwithagile.com

    View full-size slide