agile and ux

19
Agile and UX UX Auckland Meetup Haunani Pao @haunanipao UX Meetup, November 2012 @haunanipao 1

Upload: haunani-pao

Post on 27-Jan-2015

138 views

Category:

Design


3 download

DESCRIPTION

For the Auckland Meetup Nov 2012

TRANSCRIPT

Page 1: Agile and UX

Agile and UX

UX Auckland Meetup Haunani Pao @haunanipao

UX Meetup, November 2012 @haunanipao 1

Page 2: Agile and UX

I’m an Agile Noob

• This is my journey in Agile • Practitioner of UX / Scrum for 2+ years • Process improvement • Concern - maintain quality of design • Work creatively yet pragmatically

UX Meetup, November 2012 @haunanipao 2

Page 3: Agile and UX

UX 101

• Multi-discipline UCD methods • Highly collaborative and iterative • User is part of the design effort • Design to further requirements • Design thinking process (Discovery, Analysis,

Ideation, Prototype, Evaluate) • Deliverables for coding (IA, Funcspec, Visual)

UX Meetup, November 2012 @haunanipao 3

Page 4: Agile and UX

Agile 101

• It is an engineering method • Highly collaborative and iterative • Time boxed sprints • Requirements defined as you go • Code rests in a state of play (minimal

product) • Encourages collaborations between roles • Scrum is the most UX friendly

UX Meetup, November 2012 @haunanipao 4

Page 5: Agile and UX

My Situation (not ideal)

UX Meetup, November 2012 @haunanipao 5

Page 6: Agile and UX

Finding Meaning

• I had no one to go to for UX/Agile mentoring • I started doing research and talking with

other UX/Agile friends • I’m a tweaker, I like to improve processes • Proposed different ways of doing things

UX Meetup, November 2012 @haunanipao 6

Page 7: Agile and UX

First - UX setting the big picture

• Much of our initial project was all backend processes that didn’t have any UI

• Creating Services • Connecting to Services • UX - Big picture thinking • We still had to tell a story because showing

the backend wasn’t sexy

UX Meetup, November 2012 @haunanipao 7

Page 8: Agile and UX

UX Swimlanes

UX Meetup, November 2012 @haunanipao 8

More info - http://www.lukew.com/ff/entry.asp?745

A bird’s eye view of the holistic UX

Page 9: Agile and UX

Second - Design before Dev

• Design a sprint or two ahead of Dev • Each sprint we further iterated the UX (in

theory)

• Iteration vs Incremental • Lousy at estimating time for UX task • Always out of sync with Dev

UX Meetup, November 2012 @haunanipao 9

Page 10: Agile and UX

Time Machine - Design before Dev

UX Meetup, November 2012 @haunanipao 10

Sprint 4 • Scope – Sprint 5 • Design – Sprint 5 • Document – Sprint 5 • Dev – Sprint 4 • Demo – Sprint 3

Sprint 3 • Scope – Sprint 4 • Design – Sprint 4 • Document – Sprint 4 • Dev – Sprint 3 • Demo – Sprint 2

Sprint 5 • Scope – Sprint 6 • Design – Sprint 6 • Document – Sprint 6 • Dev – Sprint 5 • Demo – Sprint 4

Lessons Learned • Continually Out of Sync with parallel efforts • Not a lot of collaboration • Produced two Product Backlogs • Devalue design in favour of what is simpler to code • Cannot produce UX deliverables • Dealing with scope • The issue of design debt and development debt (refactoring)

Page 11: Agile and UX

Dealing with Design debt

• Business – habituates to user work-arounds • UX – “it’s good enough” flawed but works • Just like Dev with the refactoring work • Design needs to do its own refactoring work • Get refactoring on the product backlog as a

user story

UX Meetup, November 2012 @haunanipao 11

Page 12: Agile and UX

Stop right there!

UX Meetup, November 2012 @haunanipao 12

When it doesn’t work, negotiate

Page 13: Agile and UX

Third - Design in the Sprint

• Design with the current sprint • Ideate and wireframe design to the User Stories • Everyone contributes and agrees on scope • Capture requirements via whiteboard, wireframes • High level of trust between design and dev

UX Meetup, November 2012 @haunanipao 13

Sprint 4 • Scope – Sprint 4 • Design – Sprint 4 • Backlog grooming–

Sprint 5 • Dev – Sprint 4 • Demo – Sprint 3

Sprint 3 • Scope – Sprint 3 • Design – Sprint 3 • Backlog grooming –

Sprint 4 • Dev – Sprint 3 • Demo – Sprint 2

Sprint 5 • Scope – Sprint 5 • Design – Sprint 5 • Backlog grooming –

Sprint 6 • Dev – Sprint 5 • Demo – Sprint 4

Page 14: Agile and UX

Design in the Sprint

UX Meetup, November 2012 @haunanipao 14

Wee

k 1 Daily Standup

Sprint Demo Sprint Planning

Monday Tuesday Wednesday Thursday Friday Daily Standup UX Sketches One-Offs

Daily Standup Finalize UX Dev Codes

Daily Standup UX / Dev Detailed Design

Daily Standup UX / Dev Detailed Design

Wee

k 2 Daily Standup

Backlog Grooming Dev Codes

Monday Tuesday Wednesday Thursday Friday Daily Standup Dev Codes User Stories

Daily Standup Finalize Check code in

Daily Standup Dev Codes UX QA

Daily Standup Dev codes UX QA

Page 15: Agile and UX

Contextual Inquiry

Task Analysis

User Centric Design Activities (agile)

Affinity Diagramming

Expert Review

Usability Testing

UX Meetup, November 2012 @haunanipao 15

Page 16: Agile and UX

User Centric Design Artefacts (agile)

Process Flows Wireframes

Personas – User Stories

Design Specification

Storyboards Usability Report Project Plan

UX Meetup, November 2012 @haunanipao 16

Page 17: Agile and UX

Going Forward

• Communicate with SME’s, Client teams, Users

• Conduct Usability Workshops • Solidify App – to communicate with users • Demo – to do mini-UT on users

UX Meetup, November 2012 @haunanipao 17

Page 18: Agile and UX

So my lessons learned?

• Get used to incompleteness • Sketching and Talking out details • Tweak and Negotiate process • Allow for alone time “UX Research” • Learn from the wisdom of others

UX Meetup, November 2012 @haunanipao 18

Page 19: Agile and UX

Need more info? A local source The Trouble with Time Travel

UX Meetup, November 2012 @haunanipao 19

http://prezi.com/zymr7j3uiqvw/the-trouble-with-time-travel/