The document introduces the Experience Canvas, a tool used by teams at Atlassian to facilitate design thinking and collaboration. The Experience Canvas provides a framework to outline hypotheses, problems, ideas, prototypes, testing and more for any given project. An example is provided showing how a team used the Experience Canvas to address the "blank page problem" users encounter when first opening Confluence. The document encourages readers to use the Experience Canvas playfully with their own teams to drive innovation.

2. The Experience Canvas
PLAY, AS A TEAM
JURGEN SPANGL
•
HEAD OF DESIGN
•
ATLASSIAN
•
@JURGENSPANGL

3. Are you following an agile
methodology?

4. Do you have designers on
your team?

5. The Experience Canvas
PLAY, AS A TEAM
JURGEN SPANGL
•
HEAD OF DESIGN
•
ATLASSIAN
•
@JURGENSPANGL

6. The Agile Manifesto
Individuals and interactions over processes and
tools
Working software over comprehensive
documentation
Customer collaboration over contract negotiation
Responding to change over following a plan

7. Agile

8. User Centered Design
RESEARCH
Photoshop
VALIDATE
DESIGN

9. Agile

10. R&D team

11. Where are we heading?

12. Not Yet Another Process

13. Play, as a team

15. PLAYBOOK

16. Atlassian Design Playbook
Experience Canvas Workshop
Atlassian
Design
Playbook
Fundamental UX design exercises key to a
successful design team.

17. Experience Canvas
HYPOTHESIS
We think that ... will have the following effect ...
PROBLEM
IDEA
MINIMUM VIABLE
EXPERIENCE
END TO END DEMO
VALUE
STAKEHOLDER
TEAM
TEST RESULTS
PERSONAS

18. Let’s play

20. Example: Blank Page Problem
HYPOTHESIS
PROBLEM
IDEA
MINIMUM VIABLE
EXPERIENCE
END TO END DEMO
VALUE
STAKEHOLDER
TEAM
TEST RESULTS
PERSONAS

21. Example: Blank Page Problem
HYPOTHESIS
PROBLEM
IDEA
VALUE
STAKEHOLDER
•Blank page
problem
•Users don’t know
what to use
Confluence for
•Where to start?
•I saw how they
MINIMUM VIABLE
used it for meeting E X P E R I E N C E
TEAM
minutes, how can I
get this?
END TO END DEMO
TEST RESULTS
PERSONAS

22. Example: Blank Page Problem
H Y P O T H E S I S 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.
PROBLEM
IDEA
VALUE
STAKEHOLDER
•Blank page
problem
•Users don’t know
what to use
Confluence for
•Where to start?
•I saw how they
MINIMUM VIABLE
used it for meeting E X P E R I E N C E
TEAM
minutes, how can I
get this?
END TO END DEMO
TEST RESULTS
PERSONAS

23. Example: Blank Page Problem
H Y P O T H E S I S 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.
PROBLEM
IDEA
VALUE
STAKEHOLDER
•Blank page
•Alana
•Max
problem
•Users don’t know
what to use
Confluence for
•Where to start?
•I saw how they
MINIMUM VIABLE
used it for meeting E X P E R I E N C E
TEAM
minutes, how can I
get this?
END TO END DEMO
PERSONAS
TEST RESULTS

24. Example: Blank Page Problem
H Y P O T H E S I S 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.
PROBLEM
IDEA
•Blank page
problem
•Users don’t know
VALUE
STAKEHOLDER
PERSONAS
•Mike
•Bill
•Alana
•Max
what to use
Confluence for
•Where to start?
•I saw how they
MINIMUM VIABLE
used it for meeting E X P E R I E N C E
minutes, how can I
get this?
END TO END DEMO
TEAM
•Sherif, PM
•Hank, Designer
•Dave, Dev Lead
•Peggy, Developer
TEST RESULTS

25. Example: Blank Page Problem
H Y P O T H E S I S 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.
PROBLEM
IDEA
VALUE
STAKEHOLDER
PERSONAS
•Users don’t know
•Faster creation
•More content
•Better structure
•Learn tool faster
•Mike
•Bill
•Alana
•Max
•Where to start?
•I saw how they
•Higher
TEAM
•Blank page
problem
what to use
Confluence for
MINIMUM VIABLE
used it for meeting E X P E R I E N C E
minutes, how can I
get this?
END TO END DEMO
engagement
•Bookings uptake
•Sherif, PM
•Hank, Designer
•Dave, Dev Lead
•Peggy, Developer
TEST RESULTS

26. Example: Blank Page Problem
H Y P O T H E S I S 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.
PROBLEM
IDEA
VALUE
STAKEHOLDER
PERSONAS
•Blank page
•Smart templates
•Wizard
•Prominent create
•Faster creation
•More content
•Better structure
•Learn tool faster
•Mike
•Bill
•Alana
•Max
•Higher
TEAM
problem
•Users don’t know
what to use
Confluence for
•Where to start?
•I saw how they
action
MINIMUM VIABLE
used it for meeting E X P E R I E N C E
minutes, how can I
get this?
END TO END DEMO
engagement
•Bookings uptake
•Sherif, PM
•Hank, Designer
•Dave, Dev Lead
•Peggy, Developer
TEST RESULTS

27. Example: Blank Page Problem
H Y P O T H E S I S 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.
PROBLEM
IDEA
VALUE
STAKEHOLDER
PERSONAS
•Blank page
•Smart templates
•Wizard
•Prominent create
•Faster creation
•More content
•Better structure
•Learn tool faster
•Mike
•Bill
•Alana
•Max
•Higher
TEAM
problem
•Users don’t know
what to use
Confluence for
action
•Where to start?
•I saw how they
MINIMUM VIABLE
used it for meeting E X P E R I E N C E
minutes, how can I
•3 templates
get this?
•Don’t slow down
power users
END TO END DEMO
engagement
•Bookings uptake
•Sherif, PM
•Hank, Designer
•Dave, Dev Lead
•Peggy, Developer
TEST RESULTS

28. Example: Blank Page Problem
H Y P O T H E S I S 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.
PROBLEM
IDEA
VALUE
STAKEHOLDER
PERSONAS
•Blank page
•Smart templates
•Wizard
•Prominent create
•Faster creation
•More content
•Better structure
•Learn tool faster
•Mike
•Bill
•Alana
•Max
•Higher
TEAM
problem
•Users don’t know
what to use
Confluence for
action
•Where to start?
•I saw how they
MINIMUM VIABLE
used it for meeting E X P E R I E N C E
minutes, how can I
•3 templates
get this?
•Don’t slow down
power users
END TO END DEMO
•Sketches
engagement
•Bookings uptake
•Sherif, PM
•Hank, Designer
•Dave, Dev Lead
•Peggy, Developer
TEST RESULTS

29. Example: Blank Page Problem
H Y P O T H E S I S 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.
PROBLEM
IDEA
VALUE
STAKEHOLDER
PERSONAS
•Blank page
•Smart templates
•Wizard
•Prominent create
•Faster creation
•More content
•Better structure
•Learn tool faster
•Mike
•Bill
•Alana
•Max
•Higher
TEAM
problem
•Users don’t know
what to use
Confluence for
action
•Where to start?
•I saw how they
MINIMUM VIABLE
used it for meeting E X P E R I E N C E
minutes, how can I
•3 templates
get this?
•Don’t slow down
power users
engagement
•Bookings uptake
•Sherif, PM
•Hank, Designer
•Dave, Dev Lead
•Peggy, Developer
END TO END DEMO
TEST RESULTS
•Sketches
•Usability test paper prototype

30. Example: Blank Page Problem
H Y P O T H E S I S 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.
PROBLEM
IDEA
VALUE
STAKEHOLDER
PERSONAS
•Blank page
•Smart templates
•Wizard
•Prominent create
•Faster creation
•More content
•Better structure
•Learn tool faster
•Mike
•Bill
•Alana
•Max
•Higher
TEAM
problem
•Users don’t know
what to use
Confluence for
action
•Where to start?
•I saw how they
MINIMUM VIABLE
used it for meeting E X P E R I E N C E
minutes, how can I
•3 templates
get this?
•Don’t slow down
power users
engagement
•Bookings uptake
•Sherif, PM
•Hank, Designer
•Dave, Dev Lead
•Peggy, Developer
END TO END DEMO
TEST RESULTS
•Sketches
•Usability test paper prototype

31. Confluence Blueprints

32. Experience Canvas in the wild

34. 3 takeaways

35. “
Innovation in process may trump
innovation in product. But
”
innovation in both trumps either.
BILL BUXTON, HUMAN-COMPUTER INTERACTION PIONEER

36. Play, as a team

37. Experience Canvas
HYPOTHESIS
We think that ... will have the following effect ...
PROBLEM
IDEA
MINIMUM VIABLE
EXPERIENCE
END TO END DEMO
VALUE
STAKEHOLDER
TEAM
TEST RESULTS
PERSONAS

38. Recommended Reading
blogs.atlassian.com

39. Thank you!
JURGEN SPANGL
•
HEAD OF DESIGN
•
ATLASSIAN
•
@JURGENSPANGL

40. Rate this Talk
The Experience Canvas: How to Use a Core Tool from the
Experience-Driven Playbook
Text code below to 22333
or visit http://bit.ly/19K4HkB
MEH = 49
NO T BA D = 4A
P R ET T Y GO O D = 4B
A WES O ME = 4C
To join this session, send text 136888 to