Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Playful Tutorials

1,958 views

Published on

How can we use game design to transform user onboarding, and make learning new software fun?

Published in: Design

Playful Tutorials

  1. 1. Playful Tutorials GAME BASED LEARNING FOR BETTER TEACHING
  2. 2. What is a tutorial?
  3. 3. Are tutorials fun? "PEOPLE LOVE LEARNING ABOUT THINGS, BUT NOBODY ACTUALLY LIKES TO BE TAUGHT.“ TEDDY LEE, ROUGE LEGACY
  4. 4. Fun is overcoming challenge Solving puzzles Comprehension Mastery
  5. 5. No Tutorials! Tutorials! Scaffolded play!
  6. 6. The Four Freedoms of Play 1. Freedom to Experiment The player's motivations are entirely intrinsic and personal. The process is open-ended. 2. Freedom to Fail Losing is part of the process. 3. Freedom to Try on Different Identities Players aren't necessarily limited by their bodies or surrounding physical context. 4. Freedom of Effort As described in Peter and Iona Opie's classic ethnography of playground culture, children may scramble around in a game of tag, avoiding being caught for twenty minutes, and then suddenly stop and allow themselves to be tagged once they have reached a certain degree of effort or perhaps want to move on to another activity. Scot Osterweil (MIT Comparative Media Studies, Education Arcade Project)
  7. 7. Epic Story A SECRET TO A GREAT EXPERIENCE IS THE PROTAGONIST
  8. 8. Hero’s Journey 1. A character is in a zone of comfort 3. They enter an unfamiliar situation 3 Adapt to it 4. Get what they wanted 5. Pay a heavy price for it 6. Then return to their familiar situation 7. Having changed. 2. But they want something
  9. 9. User’s Journey 1. A USER is in a zone of comfort 3. They enter an unfamiliar situation 3 Struggle to get it 4. Initial success 5. Greater challenges 6. Then return to their regular life 7. Having changed. INTO A HERO 2. But they want something
  10. 10. Meet our hero WHAT DO THEY WANT?
  11. 11. Richard Bartle http://www.mud.co.uk/richard/hcds.htm Drawing: Frank Caron http://frankcaron.com
  12. 12. 4 Key Engagement Styles in Social Gaming Compete CollaborateExplore Express Amy Jo Kim amyjokim.com @amyjokim
  13. 13. Satisficers Self-discoveryOptimizers Socializers Amazon?
  14. 14. Ambitious Reluctants Tutorials? Goal: I’m going to make something spectacular Motivation: “I’m an artist. Really” Conflict: I want to get making, not learning. Goal: Learn just enough Motivation: “I don’t want to look stupid” Conflict: You moved everything! It’s hard now! Who else? The Specialist? Goal: Motivation: Conflict: Goal: Motivation: Conflict:
  15. 15. 1. Clear Goals AND REGULAR CHECK POINTS. LEVELS AS CHAPTERS. LEVELS AS REWARDS.
  16. 16. Goals in games Outwit Solution Exploration Construction Forbidden act Rescue or Escape Alignment Race Chase Capture
  17. 17. Capture Strategery: Capture enemy Territory
  18. 18. Race Tiny Wings: Go farther faster
  19. 19. Alignment: Dots & Bejeweled Match three or more
  20. 20. Forbidden Action: Fruit Ninja. Don’t hit the bomb.
  21. 21. Exploration: Lego Harry Potter Wander rooms collecting things
  22. 22. Construction Farmville: Make Beautiful things
  23. 23. Solution World of Goo How high can you go without toppling.
  24. 24. Outwit: Carcassonne Board game (also territory)
  25. 25. Canva uses puzzles and construction, native to the app
  26. 26. In this clip from Indie Game: The Movie (http://www.indiegamethemovie.com/), Edmund McMillen, co-designer of Super Meat Boy, explains some key principles of game design.
  27. 27. OPPONENTS, OBSTACLES, DILEMMAS 2. CHALLENGE
  28. 28. Choices with consequences
  29. 29. Choices with consequences
  30. 30. Obstacles
  31. 31. Opponents
  32. 32. Dance Central To compete, you have to learn the moves
  33. 33. Dance Central They make the learning into a game too– if you can decode the picture, you can get a diamond and skip the practice
  34. 34. 3. Visible Progress
  35. 35. Progress
  36. 36. Progress
  37. 37. Achievements Reward me
  38. 38. Celebrate microwins! Actions taken successfully create mini-rewards in the form of doobers (stars and slot-machine sounds).
  39. 39. Celebrating
  40. 40. CELBRATING!!!!!! !!!!!!!!!!!!!
  41. 41. Leaderboard s There is a certain satisfaction in kicking a friends bum. However, if you have a place where not much social is happening, be sure to motivate me by making me beat my own high score. Not feel lonely.
  42. 42. Leaderboards are used extensively to motivate behavior
  43. 43. But it can lead to abuse
  44. 44. Amazon handles it by retiring players. Digg got rid of their leaderboards
  45. 45. 3. Experience is Luscious RICH IN SENSATION, LANGUAGE, EMOTION
  46. 46. Interest Hook You are seduced from the first moment Republique
  47. 47. Juiciness in Games
  48. 48. Design for An Emotion CONVERSION IS A CRAP NORTH STAR
  49. 49. Surprise & delight
  50. 50. AFFECTIONATE compassionate friendly loving open hearted sympathetic tender warm ENGAGED absorbed alert curious engrossed enchanted entranced fascinated interested intrigued involved spellbound stimulated CONFIDENT empowered open proud safe secure EXCITED amazed animated ardent aroused astonished dazzled eager energetic enthusiastic giddy invigorated lively passionate surprised vibrant HOPEFUL expectant encouraged optimistic GRATEFUL appreciative moved thankful touched INSPIRED amazed awed wonder JOYFUL amused delighted glad happy jubilant pleased tickled EXHILARATED blissful ecstatic elated enthralled exuberant radiant rapturous thrilled PEACEFUL calm clear headed comfortable centered content equanimous fulfilled mellow quiet relaxed relieved satisfied serene still tranquil trusting REFRESHED enlivened rejuvenated renewed rested restored revived AFFECTIONATE compassionate friendly loving open hearted sympathetic tender warm (c) 2005 by Center for Nonviolent Communication Website: www.cnvc.org
  51. 51. PEACE beauty communion ease harmony order
  52. 52. There is no shortage of “organization porn” on the web. We have a deep seated dream of a place of tidy harmony. There is big business in selling peace and order
  53. 53. AFFECTIONATE compassionate friendly loving open hearted sympathetic tender warm ENGAGED absorbed alert curious engrossed enchanted entranced fascinated interested intrigued involved spellbound stimulated h CONFIDENT empowered open proud safe secure EXCITED amazed animated ardent aroused astonished dazzled eager energetic enthusiastic giddy invigorated lively passionate surprised GRATEFUL appreciative moved thankful touched INSPIRED amazed awed wonder JOYFUL amused delighted glad happy jubilant pleased tickled EXHILARATED blissful ecstatic elated comfortable centered content equanimous fulfilled mellow quiet relaxed relieved satisfied serene still tranquil trusting REFRESHED enlivened rejuvenated renewed rested restored revived AFFECTIONATE compassionate friendly loving open hearted sympathetic tender warm radiant rapturous thrilled PEACEFUL calm clear headed HOPEFUL expectant encouraged optimistic compassionate friendly loving Until my players feel _____, I will not ship
  54. 54. Experience EMOTIONAL MEMORY
  55. 55. Time Pacing – speed trials vs reflection Breaks – where can people pause Limits – forced breaks “out of Levels
  56. 56. Levels Can act as progress markers Can be like chapters- a place to stop Can be a warning of increased difficulty Can represent space and allow for unlocks and progressive reveals
  57. 57. Best Practices
  58. 58. Blend the tutorial into the experience
  59. 59. Memorize these instructions!
  60. 60. No Frontloading “If you frontload your tutorial and teach the player everything at the beginning, they’ll be overwhelmed with information and undersupplied with engagement.” Extra Credits in “Tutorials 101,”
  61. 61. Better to Do than Read
  62. 62. Use Fewer Words
  63. 63. Boomerang vs Mailbox
  64. 64. Unobtrusive Hints
  65. 65. No tutorial can fix bad design. AFFORDANCES ARE OUR FRIENDS.
  66. 66. Gamicad is a good example of gamification in action for teaching.
  67. 67. HOMEWORK Play Bastion http://supergiantgames.com/index. php/media/ How do these principles apply? 1. What Emotion(s) do you feel? 2.Who are the Player Types? 3.How did you learn to play? 4.How did they show progress?
  68. 68. Thank You WWW.ELEGANTHACK.COM WWW.BOXESANDARROWS.COM @CWODTKE Image form Bastion: great game! https://itunes.apple.com/us/app/bastion/id537773100?mt=8
  69. 69. Appendix
  70. 70. References Extra Credits: Tutorials 101 How I Got My Mom to Play Through Plants vs. Zombies Drive: The surprising truth about what motivates us Game Design Deep Dive: How Rogue Legacy handles tutorials without being boring Rethinking Mobile Tutorials: Which Patterns Really Work? GamiCAD: A Gamified Tutorial System for First Time AutoCAD Users
  71. 71. Game Elements BUILDING BLOCKS
  72. 72. Conflict Dilemmas Opponents Obstacles
  73. 73. Game/Play Types Race to the end Trading Evading Chasing Collection Building Destruction Survival Spatial Reasoning Prediction Territory Aquistion
  74. 74. Resources Time Terrain Power-ups Actions Currency Health Units Lives
  75. 75. 8 Kinds of fun Sensation Fantasy Narrative Challenge Fellowship Discovery Expression Submission 8 Kinds of Fun 8kindsoffun.com/
  76. 76. Plots The Quest Adventure Pursuit Rescue Escape Revenge Riddle/Mystery Rivalry Underdog Temptation Metamorphosis Transformation Maturation Love Forbidden Love Sacrifice Discovery Wretched Excess Ascension and Decension
  77. 77. Canva Walk through

×