Teaching Game Design to Teach Interaction Design

Christina Wodtke
Christina WodtkeCurious Human at Wodtke Consulting
Teaching Game Design to Teach Interaction Design
Let’s Play
@cwodtke | cwodtke@eleganthack.com
www.eleganthack.com
CHRISTINA WODTKE
I teach at CCA
I use game design to teach Interaction design
You may think Game design
is all about fancy equipment
and softare
Let’s make a game
Exercise via Brenda Romero
Draw a path
Create a way to
move
• Dice roll
• Answer a trivia question
• Everyone moves
• Person behind moves
• Roshambo
• Card draw
• Pass, but gain currency
• Physical skill
Design Conflict
• Speed people up
• Slow people down
• Extra turn
• Lose a turn
• Swap places
• Block
Add anything you need
to make it playable
3 minutes
Playtest
You won!
You made a game. Was that so hard?
Was it fun?
Sure I worked at Zynga… but I
worked on platform!
I was nerveous teaching game
design too…
It all started with
Story
Time Studio 1: Story that is….
Teaching Game Design to Teach Interaction Design
Students made pop-up
books, exploring how to use
interaction for emotional
effect…
Students made Interactive
Fiction, exploring dystopias
IF software
will teach
you about
interaction
flows
And IF teaches you how to
consider story in space over
time
Interaction Design and Game
Design are Fraternal twins
First video game 1958
Shared Knowledge
You need the same skills for both
AFFORDANCES (signifiers)
Things that look pushable, get pushed. Things that look pullable, get pulled.
AFFORDANCES
Buttons that look pushable, get pushed
But check out these
affordances
Feedback
Teaching Game Design to Teach Interaction Design
Alphabear won’t embarrass me socially
Direct
Manipulation
Harry Potter Years 1-4 on Ipad
Direct Manipulation
Harry Potter Years 5-7 on Ipad
Virtual Controller
Concept Models to
Communicate to team
Architecture concept model
Architecture concept model
How areas of site interlock
Via Andrew Hinton
@inkblurt
Consider conceptual
models over sitemaps
Stone
Librande’s One
Page Designs
are concept
models
(Spore)
Teaching Game Design to Teach Interaction Design
https://www.interaction-
design.org/literature/article/what-
is-information-architecture
The IA of Minecraft
The IA of Kingdom Rush
Same but better
Playtesting, Prototyping, and RITE done Right
A game is
unknowable
until it is
played
Board games are HUGE!
Paper prototyping
Teaching Game Design to Teach Interaction Design
More iteration
Different & New
Ideas
Look to Game Design to stretch us in new directions and explore
difficult topics
MDA
Mechanics,
Dynamics,
Aesthetics
Teaching Game Design to Teach Interaction Design
CAMP
Context, Architecture, Mechanics, Poetics
Luck and skill
Irregular Reward Schedules
Irregular Reward Schedules
continuums
Art?
Teaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction Design
Culture
Teaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction Design
Ecology
Craft
Empathy
You learn when you care
They will save the world
And have fun doing it
Required Reading for Educators
Thank
You
@cwodtke | me@cwodtke.com
www.cwodtke.com
CHRISTINA WODTKE
1 of 64

Recommended

DoubleDutch Games: Teaching Game Design by
DoubleDutch Games: Teaching Game DesignDoubleDutch Games: Teaching Game Design
DoubleDutch Games: Teaching Game DesignDevGAMM Conference
1.7K views22 slides
Visual Thinking Stanford Continuing Studies by
Visual Thinking Stanford Continuing StudiesVisual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesChristina Wodtke
1.3K views183 slides
Visual Thinking: Working with Pictures by
Visual Thinking: Working with PicturesVisual Thinking: Working with Pictures
Visual Thinking: Working with PicturesChristina Wodtke
1.5K views127 slides
It's complicated by
It's complicatedIt's complicated
It's complicatedChristina Wodtke
998 views123 slides
Lecture 010 Polishing the UI by
Lecture 010 Polishing the UILecture 010 Polishing the UI
Lecture 010 Polishing the UIChristina Wodtke
855 views100 slides
Game designer's journey 2.0 by
Game designer's journey 2.0Game designer's journey 2.0
Game designer's journey 2.0Andrew Dotsenko
1.9K views42 slides

More Related Content

What's hot

UI/UX: Building Player Experiences by
UI/UX: Building Player ExperiencesUI/UX: Building Player Experiences
UI/UX: Building Player ExperiencesDeborah Mensah-Bonsu
5.7K views113 slides
Experience Design in the Museum by
Experience Design in the MuseumExperience Design in the Museum
Experience Design in the MuseumSebastian Deterding
2.9K views80 slides
On the way to good Game Design by
On the way to good Game DesignOn the way to good Game Design
On the way to good Game DesignAndrew Dotsenko
2K views76 slides
I wonder ... Designing for Curiosity by
I wonder ... Designing for CuriosityI wonder ... Designing for Curiosity
I wonder ... Designing for CuriositySebastian Deterding
3.3K views104 slides
Un-Boring Meetings by
Un-Boring MeetingsUn-Boring Meetings
Un-Boring MeetingsSebastian Deterding
1.1K views56 slides
A Primer On Play: How to use Games for Learning and Results by
A Primer On Play: How to use Games for Learning and ResultsA Primer On Play: How to use Games for Learning and Results
A Primer On Play: How to use Games for Learning and ResultsSharon Boller
989 views78 slides

What's hot(20)

A Primer On Play: How to use Games for Learning and Results by Sharon Boller
A Primer On Play: How to use Games for Learning and ResultsA Primer On Play: How to use Games for Learning and Results
A Primer On Play: How to use Games for Learning and Results
Sharon Boller989 views
EGX Rezzed 2019 - What you can do to get a job in games by Peter Harries
EGX Rezzed 2019 - What you can do to get a job in gamesEGX Rezzed 2019 - What you can do to get a job in games
EGX Rezzed 2019 - What you can do to get a job in games
Peter Harries131 views
Lessons from the Trenches of Learning Game Design by Sharon Boller
Lessons from the Trenches of Learning Game DesignLessons from the Trenches of Learning Game Design
Lessons from the Trenches of Learning Game Design
Sharon Boller620 views
Digital Learning Game Design: Lessons from the Trenches by Sharon Boller
Digital Learning Game Design: Lessons from the TrenchesDigital Learning Game Design: Lessons from the Trenches
Digital Learning Game Design: Lessons from the Trenches
Sharon Boller2.6K views
Play to Learn: Learning Games and Gamification that Get Results by HRDQ-U
Play to Learn: Learning Games and Gamification that Get ResultsPlay to Learn: Learning Games and Gamification that Get Results
Play to Learn: Learning Games and Gamification that Get Results
HRDQ-U71 views
Lessons Learned from I Expect You To Die: New Puzzles, New Hands by Jesse Schell
Lessons Learned from I Expect You To Die: New Puzzles, New HandsLessons Learned from I Expect You To Die: New Puzzles, New Hands
Lessons Learned from I Expect You To Die: New Puzzles, New Hands
Jesse Schell3.6K views
How to build your one-man UX Army by Yogesh B
How to build your one-man UX ArmyHow to build your one-man UX Army
How to build your one-man UX Army
Yogesh B615 views
Developing your Agile skills through social Games by Agile Montréal
Developing your Agile skills through social GamesDeveloping your Agile skills through social Games
Developing your Agile skills through social Games
Agile Montréal154 views
Educational Games Design (STEG10 Keynote) by David Farrell
Educational Games Design (STEG10 Keynote)Educational Games Design (STEG10 Keynote)
Educational Games Design (STEG10 Keynote)
David Farrell993 views

Viewers also liked

Class 6 Identifying and Validating Assumptions by
Class 6   Identifying and Validating AssumptionsClass 6   Identifying and Validating Assumptions
Class 6 Identifying and Validating AssumptionsChristina Wodtke
1.5K views81 slides
Playful Tutorials by
Playful Tutorials Playful Tutorials
Playful Tutorials Christina Wodtke
2.7K views117 slides
In Defense of Childish Things by
 In Defense of Childish Things In Defense of Childish Things
In Defense of Childish ThingsChristina Wodtke
1.4K views87 slides
Designing for Change Half Day by
Designing for Change Half DayDesigning for Change Half Day
Designing for Change Half DayChristina Wodtke
2.6K views98 slides
Designing for Change by
Designing for Change Designing for Change
Designing for Change Christina Wodtke
2.8K views84 slides
Design Thinking for Innovation by
Design Thinking for Innovation Design Thinking for Innovation
Design Thinking for Innovation Christina Wodtke
2.7K views70 slides

Viewers also liked(20)

Class 6 Identifying and Validating Assumptions by Christina Wodtke
Class 6   Identifying and Validating AssumptionsClass 6   Identifying and Validating Assumptions
Class 6 Identifying and Validating Assumptions
Christina Wodtke1.5K views
Design Thinking for Innovation by Christina Wodtke
Design Thinking for Innovation Design Thinking for Innovation
Design Thinking for Innovation
Christina Wodtke2.7K views
Design Your Way to Product/Market Fit by Christina Wodtke
Design Your Way to Product/Market FitDesign Your Way to Product/Market Fit
Design Your Way to Product/Market Fit
Christina Wodtke3.5K views
The Creative Entrepreneur: Stanford Class3 New Product Ideation by Christina Wodtke
The Creative Entrepreneur: Stanford Class3 New Product IdeationThe Creative Entrepreneur: Stanford Class3 New Product Ideation
The Creative Entrepreneur: Stanford Class3 New Product Ideation
Christina Wodtke893 views
The Creative Entrepreneur: Stanford Class4 From story to offering by Christina Wodtke
The Creative Entrepreneur: Stanford Class4 From story to offeringThe Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offering
Christina Wodtke728 views
Design Thinking for Creating Presentations by Christina Wodtke
Design Thinking for Creating PresentationsDesign Thinking for Creating Presentations
Design Thinking for Creating Presentations
Christina Wodtke1.7K views
Nikki Navta - Teaching Game Design in the Classroom by SeriousGamesAssoc
Nikki Navta - Teaching Game Design in the ClassroomNikki Navta - Teaching Game Design in the Classroom
Nikki Navta - Teaching Game Design in the Classroom
SeriousGamesAssoc787 views
Radical Focus: Accomplish big goals with objectives and key results by Christina Wodtke
Radical Focus: Accomplish big goals with objectives and key resultsRadical Focus: Accomplish big goals with objectives and key results
Radical Focus: Accomplish big goals with objectives and key results
Christina Wodtke3.7K views
The Creative Entrepreneur: Stanford Class2 Needfinding by Christina Wodtke
The Creative Entrepreneur: Stanford Class2 NeedfindingThe Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 Needfinding
Christina Wodtke838 views
Design Thinking Workshop for Innovative Products and Businesses by Christina Wodtke
Design Thinking Workshop for Innovative Products and BusinessesDesign Thinking Workshop for Innovative Products and Businesses
Design Thinking Workshop for Innovative Products and Businesses
Christina Wodtke4.7K views
Pdhpe game sense by fh_2014
Pdhpe game sensePdhpe game sense
Pdhpe game sense
fh_2014364 views
Why Teaching Entrepreneurship Changes Everything by Christina Wodtke
Why Teaching Entrepreneurship Changes EverythingWhy Teaching Entrepreneurship Changes Everything
Why Teaching Entrepreneurship Changes Everything
Christina Wodtke19K views

Similar to Teaching Game Design to Teach Interaction Design

Interactive Fiction and Game Design Using Inform7 by
Interactive Fiction and Game Design Using Inform7Interactive Fiction and Game Design Using Inform7
Interactive Fiction and Game Design Using Inform7Douglas Kiang
1.6K views66 slides
Future Of Play - Keynote MIT 2010 - Sandbox Summit by
Future Of Play - Keynote  MIT 2010 - Sandbox SummitFuture Of Play - Keynote  MIT 2010 - Sandbox Summit
Future Of Play - Keynote MIT 2010 - Sandbox Summitfrog
6.3K views43 slides
Future Of Play (Keynote:MIT:2010:Sandbox Summit) by
Future Of Play (Keynote:MIT:2010:Sandbox Summit)Future Of Play (Keynote:MIT:2010:Sandbox Summit)
Future Of Play (Keynote:MIT:2010:Sandbox Summit)Laura Seargeant Richardson
1K views43 slides
Sutd Game Lab's prototyping tips by
Sutd Game Lab's prototyping tipsSutd Game Lab's prototyping tips
Sutd Game Lab's prototyping tipsPhaedra Pang
415 views29 slides
GAME 3400 Level Design - Introduction by
GAME 3400 Level Design - IntroductionGAME 3400 Level Design - Introduction
GAME 3400 Level Design - IntroductionSeth Sivak
1.3K views37 slides
Андрій Доценко “Game Designer’s Journey” by
Андрій Доценко “Game Designer’s Journey”Андрій Доценко “Game Designer’s Journey”
Андрій Доценко “Game Designer’s Journey”Lviv Startup Club
386 views42 slides

Similar to Teaching Game Design to Teach Interaction Design(20)

Interactive Fiction and Game Design Using Inform7 by Douglas Kiang
Interactive Fiction and Game Design Using Inform7Interactive Fiction and Game Design Using Inform7
Interactive Fiction and Game Design Using Inform7
Douglas Kiang1.6K views
Future Of Play - Keynote MIT 2010 - Sandbox Summit by frog
Future Of Play - Keynote  MIT 2010 - Sandbox SummitFuture Of Play - Keynote  MIT 2010 - Sandbox Summit
Future Of Play - Keynote MIT 2010 - Sandbox Summit
frog 6.3K views
Sutd Game Lab's prototyping tips by Phaedra Pang
Sutd Game Lab's prototyping tipsSutd Game Lab's prototyping tips
Sutd Game Lab's prototyping tips
Phaedra Pang415 views
GAME 3400 Level Design - Introduction by Seth Sivak
GAME 3400 Level Design - IntroductionGAME 3400 Level Design - Introduction
GAME 3400 Level Design - Introduction
Seth Sivak1.3K views
Андрій Доценко “Game Designer’s Journey” by Lviv Startup Club
Андрій Доценко “Game Designer’s Journey”Андрій Доценко “Game Designer’s Journey”
Андрій Доценко “Game Designer’s Journey”
Lviv Startup Club386 views
LAFS SVI Level 3 - Game Design and Analysis by David Mullich
LAFS SVI Level 3 - Game Design and AnalysisLAFS SVI Level 3 - Game Design and Analysis
LAFS SVI Level 3 - Game Design and Analysis
David Mullich3.6K views
Game design by a ab
Game designGame design
Game design
a ab579 views
How I created a top 50 app in 8 weeks @ GDC Europe 2016 by Troy Lonergan
How I created a top 50 app in 8 weeks @ GDC Europe 2016How I created a top 50 app in 8 weeks @ GDC Europe 2016
How I created a top 50 app in 8 weeks @ GDC Europe 2016
Troy Lonergan234 views
Designing for Creativity and Kindness in Games by Mirjam Eladhari
Designing for Creativity and Kindness in GamesDesigning for Creativity and Kindness in Games
Designing for Creativity and Kindness in Games
Mirjam Eladhari1.1K views
understanding our past to improve our future by Gillian Smith
understanding our past to improve our futureunderstanding our past to improve our future
understanding our past to improve our future
Gillian Smith410 views
Games design notes by amme77
Games design notesGames design notes
Games design notes
amme77643 views
LAFS PREPRO Session 1 - Brainstorming and Game Pitches by David Mullich
LAFS PREPRO Session 1 - Brainstorming and Game PitchesLAFS PREPRO Session 1 - Brainstorming and Game Pitches
LAFS PREPRO Session 1 - Brainstorming and Game Pitches
David Mullich1.2K views
Gamification: Breaking videogames, reconstructing reality by Luis de-Marcos Ortega
Gamification: Breaking videogames, reconstructing realityGamification: Breaking videogames, reconstructing reality
Gamification: Breaking videogames, reconstructing reality
Everyone can design games (girls' game clubs) by Sonja Ängeslevä
Everyone can design games (girls' game clubs)Everyone can design games (girls' game clubs)
Everyone can design games (girls' game clubs)
Sonja Ängeslevä868 views

More from Christina Wodtke

Game Design Fundamentals: The Formal Elements by
Game Design Fundamentals: The  Formal ElementsGame Design Fundamentals: The  Formal Elements
Game Design Fundamentals: The Formal ElementsChristina Wodtke
3.4K views81 slides
Comunication & Storytelling for Product Managers (and anyone else) by
Comunication & Storytelling for Product Managers (and anyone else)Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)Christina Wodtke
1.1K views97 slides
Influence Without Authority by
Influence Without AuthorityInfluence Without Authority
Influence Without AuthorityChristina Wodtke
1K views75 slides
Make the Complex Clear with Maps and Models by
Make the Complex Clear with Maps and ModelsMake the Complex Clear with Maps and Models
Make the Complex Clear with Maps and ModelsChristina Wodtke
1.2K views96 slides
Reboot Your Team by
Reboot Your TeamReboot Your Team
Reboot Your TeamChristina Wodtke
1.5K views75 slides
Design Strategies for Understanding by
Design Strategies for UnderstandingDesign Strategies for Understanding
Design Strategies for UnderstandingChristina Wodtke
11.2K views115 slides

More from Christina Wodtke(11)

Recently uploaded

Solar System and Galaxies.pptx by
Solar System and Galaxies.pptxSolar System and Galaxies.pptx
Solar System and Galaxies.pptxDrHafizKosar
106 views26 slides
Recap of our Class by
Recap of our ClassRecap of our Class
Recap of our ClassCorinne Weisgerber
88 views15 slides
MercerJesse2.1Doc.pdf by
MercerJesse2.1Doc.pdfMercerJesse2.1Doc.pdf
MercerJesse2.1Doc.pdfjessemercerail
273 views5 slides
Education and Diversity.pptx by
Education and Diversity.pptxEducation and Diversity.pptx
Education and Diversity.pptxDrHafizKosar
193 views16 slides
AUDIENCE - BANDURA.pptx by
AUDIENCE - BANDURA.pptxAUDIENCE - BANDURA.pptx
AUDIENCE - BANDURA.pptxiammrhaywood
117 views44 slides
REPRESENTATION - GAUNTLET.pptx by
REPRESENTATION - GAUNTLET.pptxREPRESENTATION - GAUNTLET.pptx
REPRESENTATION - GAUNTLET.pptxiammrhaywood
138 views26 slides

Recently uploaded(20)

Solar System and Galaxies.pptx by DrHafizKosar
Solar System and Galaxies.pptxSolar System and Galaxies.pptx
Solar System and Galaxies.pptx
DrHafizKosar106 views
Education and Diversity.pptx by DrHafizKosar
Education and Diversity.pptxEducation and Diversity.pptx
Education and Diversity.pptx
DrHafizKosar193 views
AUDIENCE - BANDURA.pptx by iammrhaywood
AUDIENCE - BANDURA.pptxAUDIENCE - BANDURA.pptx
AUDIENCE - BANDURA.pptx
iammrhaywood117 views
REPRESENTATION - GAUNTLET.pptx by iammrhaywood
REPRESENTATION - GAUNTLET.pptxREPRESENTATION - GAUNTLET.pptx
REPRESENTATION - GAUNTLET.pptx
iammrhaywood138 views
S1_SD_Resources Walkthrough.pptx by LAZAROAREVALO1
S1_SD_Resources Walkthrough.pptxS1_SD_Resources Walkthrough.pptx
S1_SD_Resources Walkthrough.pptx
LAZAROAREVALO164 views
Psychology KS4 by WestHatch
Psychology KS4Psychology KS4
Psychology KS4
WestHatch98 views
ISO/IEC 27001 and ISO/IEC 27005: Managing AI Risks Effectively by PECB
ISO/IEC 27001 and ISO/IEC 27005: Managing AI Risks EffectivelyISO/IEC 27001 and ISO/IEC 27005: Managing AI Risks Effectively
ISO/IEC 27001 and ISO/IEC 27005: Managing AI Risks Effectively
PECB 623 views
Sociology KS5 by WestHatch
Sociology KS5Sociology KS5
Sociology KS5
WestHatch85 views
Pharmaceutical Inorganic chemistry UNIT-V Radiopharmaceutical.pptx by Ms. Pooja Bhandare
Pharmaceutical Inorganic chemistry UNIT-V Radiopharmaceutical.pptxPharmaceutical Inorganic chemistry UNIT-V Radiopharmaceutical.pptx
Pharmaceutical Inorganic chemistry UNIT-V Radiopharmaceutical.pptx
Ms. Pooja Bhandare113 views
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (GLOB... by Nguyen Thanh Tu Collection
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (GLOB...BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (GLOB...
BÀI TẬP BỔ TRỢ TIẾNG ANH 11 THEO ĐƠN VỊ BÀI HỌC - CẢ NĂM - CÓ FILE NGHE (GLOB...
Ch. 8 Political Party and Party System.pptx by Rommel Regala
Ch. 8 Political Party and Party System.pptxCh. 8 Political Party and Party System.pptx
Ch. 8 Political Party and Party System.pptx
Rommel Regala54 views
Monthly Information Session for MV Asterix (November) by Esquimalt MFRC
Monthly Information Session for MV Asterix (November)Monthly Information Session for MV Asterix (November)
Monthly Information Session for MV Asterix (November)
Esquimalt MFRC72 views
Class 9 lesson plans by TARIQ KHAN
Class 9 lesson plansClass 9 lesson plans
Class 9 lesson plans
TARIQ KHAN51 views
How to empty an One2many field in Odoo by Celine George
How to empty an One2many field in OdooHow to empty an One2many field in Odoo
How to empty an One2many field in Odoo
Celine George87 views

Teaching Game Design to Teach Interaction Design

Editor's Notes

  1. Compare the keyboard buttons you can feel and push, to the hyper-flat keyboad. What is nicer to use? Is the ipad keyboard enough?
  2. Compare the keyboard buttons you can feel and push, to the hyper-flat keyboad. What is nicer to use? Is the ipad keyboard enough?
  3. On twitter, when you post you get feedback so you know your tweet went out. on Facebook, they show the link preview as soon as you add it, so you know all is workign (and can preview0 Your new status is always posted on top, to let you know its there. Discuss: do you need a message? Is it enough it always shows? What if technology doesn’t allow it to be on top (more recent, etc) Should you force it there to make sure user knows its posted?