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

3,511 views

Published on

Published in: Technology, Education

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

  1. 1. The Experience Canvas PLAY, AS A TEAM JURGEN SPANGL • HEAD OF DESIGN • ATLASSIAN • @JURGENSPANGL
  2. 2. Are you following an agile methodology?
  3. 3. Do you have designers on your team?
  4. 4. The Experience Canvas PLAY, AS A TEAM JURGEN SPANGL • HEAD OF DESIGN • ATLASSIAN • @JURGENSPANGL
  5. 5. 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
  6. 6. Agile
  7. 7. User Centered Design RESEARCH Photoshop VALIDATE DESIGN
  8. 8. Agile
  9. 9. R&D team
  10. 10. Where are we heading?
  11. 11. Not Yet Another Process
  12. 12. Play, as a team
  13. 13. PLAYBOOK
  14. 14. Atlassian Design Playbook Experience Canvas Workshop Atlassian Design Playbook Fundamental UX design exercises key to a successful design team.
  15. 15. 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
  16. 16. Let’s play
  17. 17. Example: Blank Page Problem HYPOTHESIS PROBLEM IDEA MINIMUM VIABLE EXPERIENCE END TO END DEMO VALUE STAKEHOLDER TEAM TEST RESULTS PERSONAS
  18. 18. 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
  19. 19. 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
  20. 20. 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
  21. 21. 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
  22. 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 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
  23. 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 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
  24. 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 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
  25. 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 •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
  26. 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 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
  27. 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 engagement •Bookings uptake •Sherif, PM •Hank, Designer •Dave, Dev Lead •Peggy, Developer END TO END DEMO TEST RESULTS •Sketches •Usability test paper prototype
  28. 28. Confluence Blueprints
  29. 29. Experience Canvas in the wild
  30. 30. 3 takeaways
  31. 31. “ Innovation in process may trump innovation in product. But ” innovation in both trumps either. BILL BUXTON, HUMAN-COMPUTER INTERACTION PIONEER
  32. 32. Play, as a team
  33. 33. 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
  34. 34. Recommended Reading blogs.atlassian.com
  35. 35. Thank you! JURGEN SPANGL • HEAD OF DESIGN • ATLASSIAN • @JURGENSPANGL
  36. 36. 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

×