SlideShare a Scribd company logo
Playful Tutorials
GAME BASED LEARNING FOR BETTER TEACHING
What is a tutorial?
Are tutorials fun?
"PEOPLE LOVE LEARNING ABOUT THINGS, BUT NOBODY ACTUALLY
LIKES TO BE TAUGHT.“ TEDDY LEE, ROUGE LEGACY
Playful Tutorials
Playful Tutorials
Fun is overcoming challenge
Solving puzzles
Comprehension
Mastery
No Tutorials!
Tutorials!
Scaffolded
play!
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)
Epic Story
A SECRET TO A GREAT EXPERIENCE IS THE PROTAGONIST
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
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
Meet our hero
WHAT DO THEY WANT?
Richard Bartle http://www.mud.co.uk/richard/hcds.htm Drawing: Frank Caron http://frankcaron.com
4 Key Engagement Styles in Social Gaming
Compete
CollaborateExplore
Express
Amy Jo Kim amyjokim.com @amyjokim
Satisficers
Self-discoveryOptimizers
Socializers
Amazon?
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:
1. Clear Goals
AND REGULAR CHECK POINTS.
LEVELS AS CHAPTERS. LEVELS AS REWARDS.
Goals in games
Outwit
Solution
Exploration
Construction
Forbidden act
Rescue or Escape
Alignment
Race
Chase
Capture
Capture
Strategery:
Capture enemy
Territory
Race
Tiny Wings:
Go farther
faster
Alignment: Dots & Bejeweled
Match three or more
Forbidden
Action: Fruit
Ninja. Don’t hit
the bomb.
Exploration:
Lego Harry
Potter
Wander
rooms
collecting
things
Construction
Farmville: Make Beautiful things
Solution
World of
Goo
How high
can you go
without
toppling.
Outwit:
Carcassonne
Board game
(also
territory)
Canva uses
puzzles and
construction,
native to the
app
Playful Tutorials
Playful Tutorials
Playful Tutorials
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.
Playful Tutorials
Playful Tutorials
OPPONENTS, OBSTACLES, DILEMMAS
2. CHALLENGE
Choices with
consequences
Choices with
consequences
Obstacles
Opponents
Dance Central
To compete, you have to learn the moves
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
3. Visible Progress
Progress
Progress
Achievements
Reward me
Celebrate microwins!
Actions taken successfully
create mini-rewards in the
form of doobers (stars and
slot-machine sounds).
Celebrating
CELBRATING!!!!!!
!!!!!!!!!!!!!
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.
Leaderboards are used extensively to
motivate behavior
But it can lead to abuse
Amazon handles it by retiring players.
Digg got rid of their leaderboards
Playful Tutorials
Playful Tutorials
3. Experience is
Luscious
RICH IN SENSATION, LANGUAGE, EMOTION
Interest Hook
You are seduced from the first moment
Republique
Juiciness in Games
Design for An
Emotion
CONVERSION IS A CRAP NORTH STAR
Surprise & delight
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
PEACE
beauty communion ease harmony order
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
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
Experience
EMOTIONAL MEMORY
Playful Tutorials
Time
Pacing – speed trials vs reflection
Breaks – where can people pause
Limits – forced breaks “out of
Levels
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
Best Practices
Blend the tutorial
into the experience
Playful Tutorials
Playful Tutorials
Memorize these instructions!
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,”
Playful Tutorials
Playful Tutorials
Better to Do than
Read
Playful Tutorials
Playful Tutorials
Use Fewer Words
Boomerang vs
Mailbox
Playful Tutorials
Playful Tutorials
Unobtrusive Hints
Playful Tutorials
No tutorial can fix
bad design.
AFFORDANCES ARE OUR FRIENDS.
Gamicad is a good example of gamification in action for teaching.
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?
Thank You
WWW.ELEGANTHACK.COM
WWW.BOXESANDARROWS.COM
@CWODTKE
Image form Bastion: great game!
https://itunes.apple.com/us/app/bastion/id537773100?mt=8
Appendix
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
Game Elements
BUILDING BLOCKS
Conflict
Dilemmas
Opponents
Obstacles
Game/Play Types
Race to the end
Trading
Evading
Chasing
Collection
Building
Destruction
Survival
Spatial Reasoning
Prediction
Territory Aquistion
Resources
Time
Terrain
Power-ups
Actions
Currency
Health
Units
Lives
8 Kinds of fun
Sensation
Fantasy
Narrative
Challenge
Fellowship
Discovery
Expression
Submission
8 Kinds of Fun
8kindsoffun.com/
Playful Tutorials
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
Canva Walk through
Playful Tutorials
Playful Tutorials
Playful Tutorials
Playful Tutorials
Playful Tutorials
Playful Tutorials
Playful Tutorials
Playful Tutorials
Playful Tutorials
Playful Tutorials
Playful Tutorials
Playful Tutorials
Playful Tutorials
Playful Tutorials
Playful Tutorials
Playful Tutorials
Playful Tutorials

More Related Content

PDF
In Defense of Childish Things
Christina Wodtke
 
PPT
Fun Meters: Data Driven Design for Tilt: Flip's Adventure in 1.5 Dimensions
Nicole Lazzaro
 
PPT
Whyweplaygames xeodesign
Noel Kehoe
 
PPTX
The Games We Play
Jesse Schell
 
PDF
New games
Concrete Marketing
 
PDF
What is a good game?
Daniela De Angeli
 
PDF
Archetypes
RetailOasis
 
PDF
Best Fiends Design and Monetization Audit
Tony Gowland
 
In Defense of Childish Things
Christina Wodtke
 
Fun Meters: Data Driven Design for Tilt: Flip's Adventure in 1.5 Dimensions
Nicole Lazzaro
 
Whyweplaygames xeodesign
Noel Kehoe
 
The Games We Play
Jesse Schell
 
What is a good game?
Daniela De Angeli
 
Archetypes
RetailOasis
 
Best Fiends Design and Monetization Audit
Tony Gowland
 

Viewers also liked (20)

PPTX
Designing for Change Half Day
Christina Wodtke
 
PPTX
Designing for Change
Christina Wodtke
 
PPT
Design Thinking for Innovation
Christina Wodtke
 
PPT
Design Your Way to Product/Market Fit
Christina Wodtke
 
PPT
The Creative Entrepreneur: Stanford Class3 New Product Ideation
Christina Wodtke
 
PPT
The Creative Entrepreneur: Stanford Class4 From story to offering
Christina Wodtke
 
PDF
Design Thinking for Creating Presentations
Christina Wodtke
 
PDF
The Design of Everyday Games
Christina Wodtke
 
PDF
Design All The Things
Christina Wodtke
 
PDF
Radical Focus: Accomplish big goals with objectives and key results
Christina Wodtke
 
PPTX
Making the Complex Clear
Christina Wodtke
 
PPT
The Creative Entrepreneur: Stanford Class2 Needfinding
Christina Wodtke
 
PPT
Design Thinking Workshop for Innovative Products and Businesses
Christina Wodtke
 
PPTX
Class 6 Identifying and Validating Assumptions
Christina Wodtke
 
PPTX
Why Teaching Entrepreneurship Changes Everything
Christina Wodtke
 
PDF
Teaching Game Design to Teach Interaction Design
Christina Wodtke
 
PPTX
Class5 Business Design
Christina Wodtke
 
PDF
Visioning Workshop Agenda
INVITRO INNOVATION
 
PDF
Strategic Visioning Workshop Outline
INVITRO INNOVATION
 
PPT
The Executioner's Tale
Christina Wodtke
 
Designing for Change Half Day
Christina Wodtke
 
Designing for Change
Christina Wodtke
 
Design Thinking for Innovation
Christina Wodtke
 
Design Your Way to Product/Market Fit
Christina Wodtke
 
The Creative Entrepreneur: Stanford Class3 New Product Ideation
Christina Wodtke
 
The Creative Entrepreneur: Stanford Class4 From story to offering
Christina Wodtke
 
Design Thinking for Creating Presentations
Christina Wodtke
 
The Design of Everyday Games
Christina Wodtke
 
Design All The Things
Christina Wodtke
 
Radical Focus: Accomplish big goals with objectives and key results
Christina Wodtke
 
Making the Complex Clear
Christina Wodtke
 
The Creative Entrepreneur: Stanford Class2 Needfinding
Christina Wodtke
 
Design Thinking Workshop for Innovative Products and Businesses
Christina Wodtke
 
Class 6 Identifying and Validating Assumptions
Christina Wodtke
 
Why Teaching Entrepreneurship Changes Everything
Christina Wodtke
 
Teaching Game Design to Teach Interaction Design
Christina Wodtke
 
Class5 Business Design
Christina Wodtke
 
Visioning Workshop Agenda
INVITRO INNOVATION
 
Strategic Visioning Workshop Outline
INVITRO INNOVATION
 
The Executioner's Tale
Christina Wodtke
 
Ad

Similar to Playful Tutorials (20)

PDF
Playful learning
drew davidson
 
PPTX
Pleasure Revolution Gsummit 2013
Jesse Schell
 
PPTX
Narrative play in Suburra the series game
vincenzo santalucia
 
PPT
Week 4 class2010
carrie.heeter
 
PDF
Narrative-Driven Game Design (revised)
Artur Ganszyniec
 
PPTX
Unleash Your Play Brain 2.0
Portia Tung
 
PDF
How to design inner play in a study narrative?
Eva Den Heijer
 
PPTX
Youth Camp - Copycat
Ken Sapp
 
PPT
Chasing Wonder and the Future of Engagement
Nicole Lazzaro
 
PPTX
LAFS SVI Level 2 - Psychology of Play
David Mullich
 
ODP
Workshop creativity
Floris Koot
 
PPTX
Youth Camp - Falling Leaf
Ken Sapp
 
PPTX
Game elements and learning
Thomas Østerlund Mortensen
 
KEY
Gamification: Creating Heroes and Saving the World
DrPeril
 
PPT
Week 6 LIVE class, 2010
carrie.heeter
 
PPTX
Unleash Your Play Brain 2.1
Portia Tung
 
PPTX
Fun and Frustration = Learning and Games
Games for Learning Institute (G4LI)
 
PPTX
Unleash Your Play Brain
Portia Tung
 
PPTX
Brand Experience Tickets
Mario Gamper
 
PDF
Dust Diaries
drew davidson
 
Playful learning
drew davidson
 
Pleasure Revolution Gsummit 2013
Jesse Schell
 
Narrative play in Suburra the series game
vincenzo santalucia
 
Week 4 class2010
carrie.heeter
 
Narrative-Driven Game Design (revised)
Artur Ganszyniec
 
Unleash Your Play Brain 2.0
Portia Tung
 
How to design inner play in a study narrative?
Eva Den Heijer
 
Youth Camp - Copycat
Ken Sapp
 
Chasing Wonder and the Future of Engagement
Nicole Lazzaro
 
LAFS SVI Level 2 - Psychology of Play
David Mullich
 
Workshop creativity
Floris Koot
 
Youth Camp - Falling Leaf
Ken Sapp
 
Game elements and learning
Thomas Østerlund Mortensen
 
Gamification: Creating Heroes and Saving the World
DrPeril
 
Week 6 LIVE class, 2010
carrie.heeter
 
Unleash Your Play Brain 2.1
Portia Tung
 
Fun and Frustration = Learning and Games
Games for Learning Institute (G4LI)
 
Unleash Your Play Brain
Portia Tung
 
Brand Experience Tickets
Mario Gamper
 
Dust Diaries
drew davidson
 
Ad

More from Christina Wodtke (14)

PDF
Game Design Fundamentals: The Formal Elements
Christina Wodtke
 
PDF
Comunication & Storytelling for Product Managers (and anyone else)
Christina Wodtke
 
PDF
Influence Without Authority
Christina Wodtke
 
PDF
Make the Complex Clear with Maps and Models
Christina Wodtke
 
PDF
It's complicated
Christina Wodtke
 
PPTX
Reboot Your Team
Christina Wodtke
 
PDF
Design Strategies for Understanding
Christina Wodtke
 
PDF
Visual Thinking Stanford Continuing Studies
Christina Wodtke
 
PDF
Lecture 010 Polishing the UI
Christina Wodtke
 
PDF
WIAD Boston
Christina Wodtke
 
PDF
Lean Teams are Learning Teams
Christina Wodtke
 
PDF
Game Design Fundamentals Megadeck
Christina Wodtke
 
PPTX
Visual Thinking: Working with Pictures
Christina Wodtke
 
PDF
Design the team you need to succeed
Christina Wodtke
 
Game Design Fundamentals: The Formal Elements
Christina Wodtke
 
Comunication & Storytelling for Product Managers (and anyone else)
Christina Wodtke
 
Influence Without Authority
Christina Wodtke
 
Make the Complex Clear with Maps and Models
Christina Wodtke
 
It's complicated
Christina Wodtke
 
Reboot Your Team
Christina Wodtke
 
Design Strategies for Understanding
Christina Wodtke
 
Visual Thinking Stanford Continuing Studies
Christina Wodtke
 
Lecture 010 Polishing the UI
Christina Wodtke
 
WIAD Boston
Christina Wodtke
 
Lean Teams are Learning Teams
Christina Wodtke
 
Game Design Fundamentals Megadeck
Christina Wodtke
 
Visual Thinking: Working with Pictures
Christina Wodtke
 
Design the team you need to succeed
Christina Wodtke
 

Recently uploaded (20)

PPTX
Landscape assignment for landscape architecture
aditikoshley2
 
PPTX
Creative Agency Presentation For Designers
createchangeedu
 
PPTX
History of interior design- european and american styles.pptx
MINAKSHI SINGH
 
PDF
Portfolio Arch Estsabel Chourio - Interiorism,
arqeech
 
PDF
Top 10 UI/UX Design Agencies in Dubai Shaping Digital Experiences
Tenet UI UX
 
PPTX
佛罗伦萨大学文凭办理|办理UNIFI毕业证学费单购买文凭在线制作
1cz3lou8
 
PDF
Zidane ben hmida _ Portfolio
Zidane Ben Hmida
 
PDF
MARIJA CVITKOVAC - GRAPHIC DESIGN PORTFOLIO 2025
marijacvdesign
 
PPTX
Artificial Intelligence presentation.pptx
snehajana651
 
PPTX
Style and aesthetic about fashion lifestyle
Khushi Bera
 
DOCX
prepare sandwiches COOKERY.docx123456789
venuzjoyetorma1998
 
PDF
First-Aid.pdfjavaghavavgahavavavbabavabba
meitohehe
 
PPTX
CRP 2025 pnsib jis. Iis k. Konks jnwpt.pptx
bookfilmfusion
 
PDF
neurons-1hhdbbbsjndjnnbbdjndnnndj30501.pdf
Rahul954607
 
PDF
Find Your Target Audience A 6-Step Framework to Grow Your Business.pdf
Zinavo Pvt Ltd
 
PPTX
UCSP-Quarter 1-Week 5-Powerpoint Presentation
EmyMaquiling1
 
PDF
slide logistics CONVENIENCE STORES ..pdf
thuphuong0965195082
 
PPTX
Mini-Project description of design of expert project
peter349484
 
PPTX
Annual Report Design Solutions for Modern Businesses.pptx
alisharoyhere
 
PPTX
DISS-Group-5_110345.pptx Basic Concepts of the major social science
mattygido
 
Landscape assignment for landscape architecture
aditikoshley2
 
Creative Agency Presentation For Designers
createchangeedu
 
History of interior design- european and american styles.pptx
MINAKSHI SINGH
 
Portfolio Arch Estsabel Chourio - Interiorism,
arqeech
 
Top 10 UI/UX Design Agencies in Dubai Shaping Digital Experiences
Tenet UI UX
 
佛罗伦萨大学文凭办理|办理UNIFI毕业证学费单购买文凭在线制作
1cz3lou8
 
Zidane ben hmida _ Portfolio
Zidane Ben Hmida
 
MARIJA CVITKOVAC - GRAPHIC DESIGN PORTFOLIO 2025
marijacvdesign
 
Artificial Intelligence presentation.pptx
snehajana651
 
Style and aesthetic about fashion lifestyle
Khushi Bera
 
prepare sandwiches COOKERY.docx123456789
venuzjoyetorma1998
 
First-Aid.pdfjavaghavavgahavavavbabavabba
meitohehe
 
CRP 2025 pnsib jis. Iis k. Konks jnwpt.pptx
bookfilmfusion
 
neurons-1hhdbbbsjndjnnbbdjndnnndj30501.pdf
Rahul954607
 
Find Your Target Audience A 6-Step Framework to Grow Your Business.pdf
Zinavo Pvt Ltd
 
UCSP-Quarter 1-Week 5-Powerpoint Presentation
EmyMaquiling1
 
slide logistics CONVENIENCE STORES ..pdf
thuphuong0965195082
 
Mini-Project description of design of expert project
peter349484
 
Annual Report Design Solutions for Modern Businesses.pptx
alisharoyhere
 
DISS-Group-5_110345.pptx Basic Concepts of the major social science
mattygido
 

Playful Tutorials