JURGEN SPANGL • HEAD OF DES IGN • ATLASS IAN • @JURGENSPANGL

The Experience CanvasPLAY, AS A TEAM

Are you following an agile methodology?

Do you have designers on your team?

JURGEN SPANGL • HEAD OF DES IGN • ATLASS IAN • @JURGENSPANGL

The Experience CanvasPLAY, AS A TEAM

The Agile ManifestoIndividuals and interactions over processes and

tools

Working software over comprehensive

documentation

Customer collaboration over contract negotiation

Responding to change over following a plan

Agile

User Centered Design

Photoshop

VALIDATE DESIGN

RESEARCH

Agile

R&D team

Where are we heading?

Not Yet Another Process

Play, as a team

PLAYBOOK

Atlassian Design Playbook

AtlassianDesignPlaybookFundamental UX design exercises key to a successful design team.

Experience Canvas Workshop

Experience CanvasHYPOTHESISWe think that ... will have the following effect ...HYPOTHESISWe think that ... will have the following effect ...HYPOTHESISWe think that ... will have the following effect ...HYPOTHESISWe think that ... will have the following effect ...HYPOTHESISWe think that ... will have the following effect ...HYPOTHESISWe think that ... will have the following effect ...PROBLEM IDEA VALUEVALUE STAKEHOLDER PERSONASPROBLEM

MINIMUM VIABLE EXPERIENCE

VALUEVALUE

TEAM

PERSONAS

END TO END DEMOEND TO END DEMOEND TO END DEMO TEST RESULTSTEST RESULTSTEST RESULTS

Let’s play

Example: Blank Page ProblemHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESIS

PROBLEM IDEA VALUEVALUE STAKEHOLDER PERSONASPROBLEM

MINIMUM VIABLE EXPERIENCE

VALUEVALUE

TEAM

PERSONAS

END TO END DEMOEND TO END DEMOEND TO END DEMO TEST RESULTSTEST RESULTSTEST RESULTS

Example: Blank Page ProblemHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESIS

PROBLEM IDEA VALUEVALUE STAKEHOLDER PERSONASPROBLEM

MINIMUM VIABLE EXPERIENCE

VALUEVALUE

TEAM

PERSONAS

END TO END DEMOEND TO END DEMOEND TO END DEMO TEST RESULTSTEST RESULTSTEST RESULTS

•Blank page problem

•Users don’t know what to use Confluence for

•Where to start?•I saw how they

used it for meeting minutes, how can I get this?

Example: Blank Page ProblemHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESIS

PROBLEM IDEA VALUEVALUE STAKEHOLDER PERSONASPROBLEM

MINIMUM VIABLE EXPERIENCE

VALUEVALUE

TEAM

PERSONAS

END TO END DEMOEND TO END DEMOEND TO END DEMO TEST RESULTSTEST RESULTSTEST RESULTS

•Blank page problem

•Users don’t know what to use Confluence for

•Where to start?•I saw how they

used it for meeting minutes, how can I get this?

We think that showing users what types of pages they can create and guiding them throughout the process will encourage them to create, share and collaborate more.

Example: Blank Page ProblemHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESIS

PROBLEM IDEA VALUEVALUE STAKEHOLDER PERSONASPROBLEM

MINIMUM VIABLE EXPERIENCE

VALUEVALUE

TEAM

PERSONAS

END TO END DEMOEND TO END DEMOEND TO END DEMO TEST RESULTSTEST RESULTSTEST RESULTS

•Alana•Max

•Blank page problem

•Users don’t know what to use Confluence for

•Where to start?•I saw how they

used it for meeting minutes, how can I get this?

We think that showing users what types of pages they can create and guiding them throughout the process will encourage them to create, share and collaborate more.

Example: Blank Page ProblemHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESIS

PROBLEM IDEA VALUEVALUE STAKEHOLDER PERSONASPROBLEM

MINIMUM VIABLE EXPERIENCE

VALUEVALUE

TEAM

PERSONAS

END TO END DEMOEND TO END DEMOEND TO END DEMO TEST RESULTSTEST RESULTSTEST RESULTS

•Mike•Bill

•Sherif, PM•Hank, Designer•Dave, Dev Lead•Peggy, Developer

•Blank page problem

•Users don’t know what to use Confluence for

•Where to start?•I saw how they

used it for meeting minutes, how can I get this?

•Alana•Max

We think that showing users what types of pages they can create and guiding them throughout the process will encourage them to create, share and collaborate more.

Example: Blank Page ProblemHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESIS

PROBLEM IDEA VALUEVALUE STAKEHOLDER PERSONASPROBLEM

MINIMUM VIABLE EXPERIENCE

VALUEVALUE

TEAM

PERSONAS

END TO END DEMOEND TO END DEMOEND TO END DEMO TEST RESULTSTEST RESULTSTEST RESULTS

•Faster creation•More content•Better structure•Learn tool faster

•Higher engagement

•Bookings uptake

•Blank page problem

•Users don’t know what to use Confluence for

•Where to start?•I saw how they

used it for meeting minutes, how can I get this?

We think that showing users what types of pages they can create and guiding them throughout the process will encourage them to create, share and collaborate more.

•Alana•Max

•Mike•Bill

•Sherif, PM•Hank, Designer•Dave, Dev Lead•Peggy, Developer

Example: Blank Page ProblemHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESIS

PROBLEM IDEA VALUEVALUE STAKEHOLDER PERSONASPROBLEM

MINIMUM VIABLE EXPERIENCE

VALUEVALUE

TEAM

PERSONAS

END TO END DEMOEND TO END DEMOEND TO END DEMO TEST RESULTSTEST RESULTSTEST RESULTS

•Smart templates•Wizard•Prominent create

action

•Blank page problem

•Users don’t know what to use Confluence for

•Where to start?•I saw how they

used it for meeting minutes, how can I get this?

We think that showing users what types of pages they can create and guiding them throughout the process will encourage them to create, share and collaborate more.

•Faster creation•More content•Better structure•Learn tool faster

•Higher engagement

•Bookings uptake•Sherif, PM•Hank, Designer•Dave, Dev Lead•Peggy, Developer

•Mike•Bill

•Alana•Max

Example: Blank Page ProblemHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESIS

PROBLEM IDEA VALUEVALUE STAKEHOLDER PERSONASPROBLEM

MINIMUM VIABLE EXPERIENCE

VALUEVALUE

TEAM

PERSONAS

END TO END DEMOEND TO END DEMOEND TO END DEMO TEST RESULTSTEST RESULTSTEST RESULTS

•3 templates•Don’t slow down

power users

•Blank page problem

•Users don’t know what to use Confluence for

•Where to start?•I saw how they

used it for meeting minutes, how can I get this?

•Sherif, PM•Hank, Designer•Dave, Dev Lead•Peggy, Developer

•Faster creation•More content•Better structure•Learn tool faster

•Higher engagement

•Bookings uptake

•Mike•Bill

•Alana•Max

•Smart templates•Wizard•Prominent create

action

We think that showing users what types of pages they can create and guiding them throughout the process will encourage them to create, share and collaborate more.

Example: Blank Page ProblemHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESIS

PROBLEM IDEA VALUEVALUE STAKEHOLDER PERSONASPROBLEM

MINIMUM VIABLE EXPERIENCE

VALUEVALUE

TEAM

PERSONAS

END TO END DEMOEND TO END DEMOEND TO END DEMO TEST RESULTSTEST RESULTSTEST RESULTS

•Sketches

•Blank page problem

•Users don’t know what to use Confluence for

•Where to start?•I saw how they

used it for meeting minutes, how can I get this?

We think that showing users what types of pages they can create and guiding them throughout the process will encourage them to create, share and collaborate more.

•Smart templates•Wizard•Prominent create

action

•Faster creation•More content•Better structure•Learn tool faster

•Higher engagement

•Bookings uptake

•Mike•Bill

•Alana•Max

•3 templates•Don’t slow down

power users

•Sherif, PM•Hank, Designer•Dave, Dev Lead•Peggy, Developer

Example: Blank Page ProblemHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESIS

PROBLEM IDEA VALUEVALUE STAKEHOLDER PERSONASPROBLEM

MINIMUM VIABLE EXPERIENCE

VALUEVALUE

TEAM

PERSONAS

END TO END DEMOEND TO END DEMOEND TO END DEMO TEST RESULTSTEST RESULTSTEST RESULTS

•Usability test paper prototype

•Blank page problem

•Users don’t know what to use Confluence for

•Where to start?•I saw how they

used it for meeting minutes, how can I get this?

•Sketches

•3 templates•Don’t slow down

power users

•Faster creation•More content•Better structure•Learn tool faster

•Higher engagement

•Bookings uptake•Sherif, PM•Hank, Designer•Dave, Dev Lead•Peggy, Developer

•Alana•Max

•Mike•Bill

•Smart templates•Wizard•Prominent create

action

We think that showing users what types of pages they can create and guiding them throughout the process will encourage them to create, share and collaborate more.

Example: Blank Page ProblemHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESISHYPOTHESIS

PROBLEM IDEA VALUEVALUE STAKEHOLDER PERSONASPROBLEM

MINIMUM VIABLE EXPERIENCE

VALUEVALUE

TEAM

PERSONAS

END TO END DEMOEND TO END DEMOEND TO END DEMO TEST RESULTSTEST RESULTSTEST RESULTS

•Blank page problem

•Users don’t know what to use Confluence for

•Where to start?•I saw how they

used it for meeting minutes, how can I get this?

•Alana•Max

•Mike•Bill

•Sherif, PM•Hank, Designer•Dave, Dev Lead•Peggy, Developer

•Faster creation•More content•Better structure•Learn tool faster

•Higher engagement

•Bookings uptake

•Smart templates•Wizard•Prominent create

action

•3 templates•Don’t slow down

power users

•Sketches •Usability test paper prototype

We think that showing users what types of pages they can create and guiding them throughout the process will encourage them to create, share and collaborate more.

Confluence Blueprints

Experience Canvas in the wild

3 takeaways

Innovation in process may trump

innovation in product. But innovation in both trumps either.

BILL BUXTON, HUMAN-COMPUTER INTERACTION P IONEER

”“

Play, as a team

Experience CanvasHYPOTHESISWe think that ... will have the following effect ...HYPOTHESISWe think that ... will have the following effect ...HYPOTHESISWe think that ... will have the following effect ...HYPOTHESISWe think that ... will have the following effect ...HYPOTHESISWe think that ... will have the following effect ...HYPOTHESISWe think that ... will have the following effect ...PROBLEM IDEA VALUEVALUE STAKEHOLDER PERSONASPROBLEM

MINIMUM VIABLE EXPERIENCE

VALUEVALUE

TEAM

PERSONAS

END TO END DEMOEND TO END DEMOEND TO END DEMO TEST RESULTSTEST RESULTSTEST RESULTS

Recommended Reading

blogs.atlassian.com

Thank you!

JURGEN SPANGL • HEAD OF DES IGN • ATLASS IAN • @JURGENSPANGL

Text code below to 22333or visit http://bit.ly/19K4HkB

The Experience Canvas: How to Use a Core Tool from the Experience-Driven Playbook

To join this session, send text 136888 to

AWESOME = 4C

PRETTY GOOD = 4B

NOT BAD = 4A

MEH = 49

Rate this Talk