Top Banner
Playful Tutorials GAME BASED LEARNING FOR BETTER TEACHING
117

Playful Tutorials

Jul 28, 2015

Download

Design

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Playful Tutorials

Playful TutorialsGAME BASED LEARNING FOR BETTER TEACHING

Page 2: Playful Tutorials

What is a tutorial?

Page 3: Playful Tutorials

Are tutorials fun?"PEOPLE LOVE LEARNING ABOUT THINGS, BUT NOBODY ACTUALLY LIKES TO BE TAUGHT.“ TEDDY LEE, ROUGE LEGACY

Page 4: Playful Tutorials
Page 5: Playful Tutorials
Page 6: Playful Tutorials

Fun is overcoming challengeSolving puzzles

Comprehension

Mastery

Page 7: Playful Tutorials

No Tutorials!

Tutorials!

Scaffoldedplay!

Page 8: Playful Tutorials

The Four Freedoms of Play1. Freedom to ExperimentThe player's motivations are entirely intrinsic and personal. The process is open-ended.

2. Freedom to FailLosing is part of the process.

3. Freedom to Try on Different IdentitiesPlayers aren't necessarily limited by their bodies or surrounding physical context.

4. Freedom of EffortAs 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)

Page 9: Playful Tutorials

Epic StoryA SECRET TO A GREAT EXPERIENCE IS THE PROTAGONIST

Page 10: Playful Tutorials
Page 11: Playful Tutorials

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

Page 12: Playful Tutorials

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

Page 13: Playful Tutorials

Meet our heroWHAT DO THEY WANT?

Page 14: Playful Tutorials

Richard Bartle http://www.mud.co.uk/richard/hcds.htm Drawing: Frank Caron http://frankcaron.com

Page 15: Playful Tutorials

4 Key Engagement Styles in Social Gaming

Compete

CollaborateExplore

Express

Amy Jo Kim amyjokim.com @amyjokim

Page 16: Playful Tutorials

Satisficers

Self-discoveryOptimizers

Socializers

Amazon?

Page 17: Playful Tutorials

Ambitious Reluctants

Tutorials?Goal: I’m going to make something spectacularMotivation: “I’m an artist. Really”Conflict: I want to get making, not learning.

Goal: Learn just enoughMotivation: “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:

Page 18: Playful Tutorials

1. Clear GoalsAND REGULAR CHECK POINTS.

LEVELS AS CHAPTERS. LEVELS AS REWARDS.

Page 19: Playful Tutorials

Goals in gamesOutwit

Solution

Exploration

Construction

Forbidden act

Rescue or Escape

Alignment

Race

Chase

Capture

Page 20: Playful Tutorials

Capture

Strategery: Capture enemy Territory

Page 21: Playful Tutorials

Race

Tiny Wings: Go farther faster

Page 22: Playful Tutorials

Alignment: Dots & BejeweledMatch three or more

Page 23: Playful Tutorials

Forbidden Action: Fruit

Ninja. Don’t hit the bomb.

Page 24: Playful Tutorials

Exploration:Lego Harry

PotterWander rooms

collecting things

Page 25: Playful Tutorials

ConstructionFarmville: Make Beautiful things

Page 26: Playful Tutorials

SolutionWorld of GooHow high can you go without toppling.

Page 27: Playful Tutorials

Outwit: Carcassonne Board game

(also territory)

Page 28: Playful Tutorials

Canva uses puzzles and

construction, native to the

app

Page 29: Playful Tutorials
Page 30: Playful Tutorials
Page 31: Playful Tutorials
Page 32: Playful Tutorials
Page 33: Playful Tutorials

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.

Page 34: Playful Tutorials
Page 35: Playful Tutorials
Page 36: Playful Tutorials

OPPONENTS, OBSTACLES, DILEMMAS

2. CHALLENGE

Page 37: Playful Tutorials

Choices with consequences

Page 38: Playful Tutorials

Choices with consequences

Page 39: Playful Tutorials

Obstacles

Page 40: Playful Tutorials

Opponents

Page 41: Playful Tutorials

Dance CentralTo compete, you have to learn the moves

Page 42: Playful Tutorials

Dance CentralThey make the learning into a game too– if you can decode the picture, you can get a diamond and skip the practice

Page 43: Playful Tutorials

3. Visible Progress

Page 44: Playful Tutorials

Progress

Page 45: Playful Tutorials

Progress

Page 46: Playful Tutorials

AchievementsReward me

Page 47: Playful Tutorials

Celebrate microwins!Actions taken successfully create mini-rewards in the form of doobers (stars and slot-machine sounds).

Page 48: Playful Tutorials

Celebrating

Page 49: Playful Tutorials

CELBRATING!!!!!!!!!!!!!!!!!!!

Page 50: Playful Tutorials

LeaderboardsThere 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.

Page 51: Playful Tutorials

Leaderboards are used extensively to motivate behavior

Page 52: Playful Tutorials

But it can lead to abuse

Page 53: Playful Tutorials

Amazon handles it by retiring players. Digg got rid of their leaderboards

Page 54: Playful Tutorials
Page 55: Playful Tutorials
Page 56: Playful Tutorials

3. Experience is LusciousRICH IN SENSATION, LANGUAGE, EMOTION

Page 57: Playful Tutorials

Interest HookYou are seduced from the first moment

Republique

Page 58: Playful Tutorials

Juiciness in Games

Page 59: Playful Tutorials

Design for An EmotionCONVERSION IS A CRAP NORTH STAR

Page 60: Playful Tutorials

Surprise & delight

Page 61: Playful Tutorials

AFFECTIONATEcompassionatefriendlylovingopen heartedsympathetictenderwarm

ENGAGEDabsorbedalertcuriousengrossedenchantedentrancedfascinatedinterestedintriguedinvolvedspellboundstimulated

CONFIDENTempoweredopenproudsafesecure

EXCITEDamazedanimatedardentarousedastonisheddazzledeagerenergeticenthusiasticgiddyinvigoratedlivelypassionatesurprisedvibrant

HOPEFULexpectantencouragedoptimistic

GRATEFULappreciativemovedthankfultouched

INSPIREDamazedawedwonder

JOYFULamuseddelightedgladhappyjubilantpleasedtickled

EXHILARATEDblissfulecstaticelatedenthralledexuberantradiantrapturousthrilled

PEACEFULcalmclear headed

comfortablecentered

contentequanimousfulfilledmellowquietrelaxedrelievedsatisfiedserenestilltranquiltrusting

REFRESHEDenlivenedrejuvenatedrenewedrestedrestoredrevived

AFFECTIONATEcompassionatefriendlylovingopen heartedsympathetictenderwarm

(c) 2005 by Center for Nonviolent Communication Website: www.cnvc.org

Page 62: Playful Tutorials

PEACEbeauty communion ease harmony order

Page 63: Playful Tutorials
Page 64: Playful Tutorials

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

Page 65: Playful Tutorials

AFFECTIONATEcompassionatefriendlylovingopen heartedsympathetictenderwarmENGAGEDabsorbedalertcuriousengrossedenchantedentrancedfascinatedinterestedintriguedinvolvedspellboundstimulatedh

CONFIDENTempoweredopenproudsafesecure

EXCITEDamazedanimatedardentarousedastonisheddazzledeagerenergeticenthusiasticgiddyinvigoratedlivelypassionatesurprisedvibrant

GRATEFULappreciativemovedthankfultouched

INSPIREDamazedawedwonderJOYFULamuseddelightedgladhappyjubilantpleasedtickledEXHILARATEDblissfulecstaticelatedenthralled

comfortablecenteredcontentequanimousfulfilledmellowquietrelaxedrelievedsatisfiedserenestilltranquiltrustingREFRESHEDenlivenedrejuvenatedrenewedrestedrestoredrevived

AFFECTIONATEcompassionatefriendlylovingopen heartedsympathetictenderwarmradiantrapturousthrilled

PEACEFULcalmclear headedHOPEFULexpectantencouragedoptimisticcompassionatefriendlylovingPick your Northstar

Until my players feel _____, I will not ship

Page 66: Playful Tutorials

ExperienceEMOTIONAL MEMORY

Page 67: Playful Tutorials
Page 68: Playful Tutorials

TimePacing – speed trials vs reflection

Breaks – where can people pause

Limits – forced breaks “out of

Levels

Page 69: Playful Tutorials

LevelsCan 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

Page 70: Playful Tutorials

Best Practices

Page 71: Playful Tutorials

Blend the tutorial into the experience

Page 72: Playful Tutorials
Page 73: Playful Tutorials
Page 74: Playful Tutorials

Memorize these instructions!

Page 75: Playful Tutorials

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,”

Page 76: Playful Tutorials
Page 77: Playful Tutorials
Page 78: Playful Tutorials

Better to Do than Read

Page 79: Playful Tutorials
Page 80: Playful Tutorials
Page 81: Playful Tutorials

Use Fewer Words

Page 82: Playful Tutorials

Boomerang vs Mailbox

Page 83: Playful Tutorials
Page 84: Playful Tutorials
Page 85: Playful Tutorials

Unobtrusive Hints

Page 86: Playful Tutorials
Page 87: Playful Tutorials

No tutorial can fix bad design.AFFORDANCES ARE OUR FRIENDS.

Page 88: Playful Tutorials

Gamicad is a good example of gamification in action for teaching.

Page 89: Playful Tutorials

HOMEWORKPlay 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?

Page 90: Playful Tutorials

Thank You

W W W .E LE GANTHACK.COM

W W W .BOXESANDARROWS.COM

@CW ODTKE

Image form Bastion: great game!https://itunes.apple.com/us/app/bastion/id537773100?mt=8

Page 91: Playful Tutorials

Appendix

Page 92: Playful Tutorials

ReferencesExtra 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

Page 93: Playful Tutorials

Game ElementsBUILDING BLOCKS

Page 94: Playful Tutorials

ConflictDilemmas

Opponents

Obstacles

Page 95: Playful Tutorials

Game/Play TypesRace to the end

Trading

Evading

Chasing

Collection

Building

Destruction

Survival

Spatial Reasoning

Prediction

Territory Aquistion

Page 96: Playful Tutorials

ResourcesTime

Terrain

Power-ups

Actions

Currency

Health

Units

Lives

Page 97: Playful Tutorials

8 Kinds of funSensation

Fantasy

Narrative

Challenge

Fellowship

Discovery

Expression

Submission

8 Kinds of Fun8kindsoffun.com/

Page 98: Playful Tutorials
Page 99: Playful Tutorials

PlotsThe Quest

Adventure

Pursuit

Rescue

Escape

Revenge

Riddle/Mystery

Rivalry

Underdog

Temptation

Metamorphosis

Transformation

Maturation

Love

Forbidden Love

Sacrifice

Discovery

Wretched Excess

Ascension and Decension

Page 100: Playful Tutorials

Canva Walk through

Page 101: Playful Tutorials
Page 102: Playful Tutorials
Page 103: Playful Tutorials
Page 104: Playful Tutorials
Page 105: Playful Tutorials
Page 106: Playful Tutorials
Page 107: Playful Tutorials
Page 108: Playful Tutorials
Page 109: Playful Tutorials
Page 110: Playful Tutorials
Page 111: Playful Tutorials
Page 112: Playful Tutorials
Page 113: Playful Tutorials
Page 114: Playful Tutorials
Page 115: Playful Tutorials
Page 116: Playful Tutorials
Page 117: Playful Tutorials