An introduction to UX in Scrum

Scrum and UXPresented by Morten Just

April 2009

Scrum and UXPresentation title in footer1April 01, 2009

Scrum and UX2

IA

• Wireframes• flow diagrams• brief specs

Visual designer

• Visual style guide • Visual design• Choreography

Scrum and UX3

Product owner

• Backlog• Priorities• Business insight• Vision

Scrum master

• Planning• Coaching• Resources• Tasking

Tester

• Test cases• Issue reports

Scrum and UX4

Developer

• Design• Strategy• Usability• IA• Interaction design• Planning• Feasibility studies• Code

Scrum and UX

All

Rule

Scrum and UX

IA, 2 months

IA/product owner, 8 months

product owner, 3 months

IA/Visual, 8 months

Visual, 3 years

All, 10 months

Scrum and UX7

Scrum and UX

How we do UX in Scrum

8

Scrum and UX

How we do UX in Scrum

8

Some teams

Parking meter

Send SMS warnings

Detect parked car

Show history

Scrum and UX

Business conducts user research and defines a set of high-level features

9

Pay with coins

Choose language

Pay by phone Choose period

Send SMS warnings

Detect parked car

Show historyScrum and UX

The product owner collects features in a backlog (in Mingle) - and prioritise them

10

Pay with coins

Get ticket

Choose language

Pay by phone

Choose period

Can’t launch without it

Would make a better parking meter

Would delight users

Product backlog

Scrum and UX11

Choose period

If necessary he writes detailed stories for each feature

As a user I want a different period in

weekends and evenings so I dont have to press

buttons too much

As a user I want the system to suggest a

reasonable period for me so I don’t have to press buttons too much and

reduce errors

As a user I want to be able to pick a predefined period so I don’t have to press buttons too much

and reduce errors

As a user I want to clear the selected period so I won’t be stuck with an

error

Scrum and UX12

Scrum and UX

Sprint zero begins

Scrum and UXPresentation title in footer1April 01, 2009

Always at least a sprint ahead

As a user I want to create an account

As a user I want to log in

As a user I want to log in

Sprint 0 Sprint 1 Sprint 2

As a user I want to create an account

Send SMS warnings

Detect parked car

Show history

Scrum and UX

The product owner, IAs and designers discuss the overall user experience

15

Pay with coins

Get ticket

Choose language

Pay by phone

Choose period

Business blah objectives, blah-

strategy, blahmarketing

Branding blah, visual blah

identity

Simplicity, blah usability,

overall experience

Send SMS warnings

Detect parked car

Show history

Scrum and UX

They ask developers about feasibility and tradeoffs

16

Pay with coins

Get ticket

Choose language

Pay by phone

Choose periodHow big a

job is it to make it glow in the

dark?Can we

make it talk?

Massive, but we can make it light

enough so that it appears to be

glowing

Not with genuine speech synthesis, but if samples can do,

no problem

Scrum and UX17

4 hours 2 days

Scrum and UX18

1,5 days

Scrum and UX19

2 hours

Send SMS warnings

Detect parked car

Show history

Scrum and UX

The IA creates a wiki page

20

Pay with coins

Get ticket

Choose language

Pay by phone

Choose period

BackgroundParking is boring. If we can’t get rid of it, one of our strongest design drivers should be making it quick and easy.

Scrum and UX

The visual designer applies his work to the wiki page

Send SMS warnings

Detect parked car

Show history

21

Pay with coins

Get ticket

Choose language

Pay by phone

Choose period

BackgroundParking is boring. If we can’t get rid of it, one of our strongest design drivers should be making it quick and easy.

20ms

Scrum and UX

The tester adds test cases

Send SMS warnings

Detect parked car

Show history

22

Pay with coins

Get ticket

Choose language

Pay by phone

Choose period

BackgroundParking is boring. If we can’t get rid of it, one of our strongest design drivers should be making it quick and easy.

20msCheck that the ticket is writtenCheck that the Parking is boring. If we can’t get rid

Scrum and UX23

Scrum and UX

Sprint 1 begins

Scrum and UX

Sprint planning

25

Send SMS

Detect parked

Show history

Pay with coins

Get ticket

Choose language

Pay by phone

Beginning from the top of the backlog, the product owner presents the stories one by one

...developers listen and ask questions

??

Scrum and UX

Planning poker

26

Send SMS

Detect parked

Show history

Pay with coins

Get ticket

Choose language

Pay by phone

Secretly, they choose an estimate

... reveal it, all at the same time

5days

1days

3days

5days

7days

1days

7days

... and discuss

Scrum and UX

Scrum master

27

Send SMS

Detect parked

Show history

Pay with coins

Get ticket

Choose language

Pay by phone

The scrum master notes all estimates and lets the team know when the sprint is fully loaded

Enough is enough.

Scrum and UX28

Scrum and UX

Send SMS warnings

Detect parked car

Show history

The product owner now knows the estimates...

29

Pay with coins

Get ticket

Choose language

Pay by phone

Choose period

Can’t launch without it

Would make a better parking

meter

Would delight users

Product backlog

5 days

2 days

1 days

3 days

6 days

7 days

70 days

3 days

Scrum and UX

Send SMS warnings

Detect parked car

Show history

... and what goes into the first sprint

30

Pay with coins

Get ticket

Choose language

Pay by phone

Choose period

Can’t launch without it

Would make a better parking

meter

Would delight users

Product backlog

5 days

2 days

1 days

3 days

6 days

7 days

70 days

3 days

Sprint 1 backlog

Scrum and UX

The developer looks at the wiki page

... and to the visual designer about which assets are needed, fonts and colors

.. and talks to the IA about details and edge cases

Scrum and UX32

Everyone is engaged in conversations every day

A?

A A

Scrum and UX

During the sprint

Removes obstacles

Protects the team from the business

Monitors the team’s velocity and progress

Works on upcoming sprint

Supports developers with assets and guiding

Works on upcoming sprint

Guides developers in edge cases, clarifies wireframes and flow diagrams

Guides team in the business’ priorities and strategy

Decides on workarounds, reduced scope and reshuffling of sprint items

Writes new code

Improves old code

Scrum and UX34

Daily stand-ups are a great chance for the UX team to find out what’s being worked on

10min

AD

A

F

A

Scrum and UX

During the sprint, visual designers have feedback to what’s being coded

Scrum and UX36

Let’s be honest...

90% of all design feedback is CRAP

Scrum and UX

Contrast Text that can’t be read

Repetition Inconsistent form fields

Alignment Form fields don’t align with the headline

Proximity Form labels too far away from their elements

CRAP

Scrum and UX38

The visual design feedback is aggregated on the wall behind the product owner

6px padding left

change left

6px padding left

font should be arial

change left

6px padding left

font should be

arial

change left

6px padding left

font should be arial6px padding left

Developers pick tasks if they have time to spare

Scrum and UX39

Scrum and UX

4019

Tasks still open at the end of a sprint are prioritised, bundled up and put into the backlog

6px padding

change left

6px padding

font should be arial

change left

6px padding

font should

be arial

change left

6px padding

font should be arial6px

padding

Pay with coins

Get ticket

Choose language

Pay by phone

Choose period

Can’t launch without it

Would make a better parking

meter

5 days

2 days

1 days

3 days

6 days

Sprint 1 backlog

Design bundle 1

Design bundle 2

Design bundle 3

Sprint 2 backlog

Scrum and UX

Demo at the end of the sprint

The team shows the stakeholders what they’ve completed during the sprint

Potentially

shippable

Pay with coins

Get ticket

Choose language

Pay by phone

Choose period

Sprint 1

backlog

Scrum and UX

Reality tends to not stick to the plan

Sometimes, the IA forgets an important part of a feature

The developer discusses this with the IA and the product owner and the scrum master

Things are left out

The developer comes up with a new estimate

The product owner updates the backlog and revisit his priorities

The developer goes back to work

Scrum and UX

Reality tends to not stick to the plan

Visual design was not delivered

The visual designer forgot or is too busy to design a certain feature

The developer finds similar elements in the design

... and informs his decisions to the product owner and the visual designer

Scrum and UX

Reality tends to not stick to the plan

A stakeholder is unavailable

The developer is blocked because a stakeholder is not available for a clarification

The product owner takes a decision and informs the stakeholder of that decision

The stakeholder may not agree with the decision and the product owner may need to create new stories in the backlog

He informs his scrum master

Scrum and UX

When in a sprint, the team cannot be stopped

Before the sprint started everyone said they were ready, so the team will wait for no one

Scrum and UX

Thank you

46