SlideShare a Scribd company logo
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

More Related Content

PPTX
DoubleDutch Games: Teaching Game Design
PDF
Visual Thinking Stanford Continuing Studies
PPTX
Visual Thinking: Working with Pictures
PDF
It's complicated
PDF
Lecture 010 Polishing the UI
PDF
Game designer's journey 2.0
PDF
Game Designer's Journey
PPTX
Developing your Agile skills through social Games
DoubleDutch Games: Teaching Game Design
Visual Thinking Stanford Continuing Studies
Visual Thinking: Working with Pictures
It's complicated
Lecture 010 Polishing the UI
Game designer's journey 2.0
Game Designer's Journey
Developing your Agile skills through social Games

What's hot (20)

PDF
UI/UX: Building Player Experiences
PDF
Experience Design in the Museum
PDF
On the way to good Game Design
PDF
I wonder ... Designing for Curiosity
PDF
Un-Boring Meetings
PDF
A Primer On Play: How to use Games for Learning and Results
PPTX
EGX Rezzed 2019 - What you can do to get a job in games
PDF
Lessons from the Trenches of Learning Game Design
PDF
Digital Learning Game Design: Lessons from the Trenches
PDF
Gamestorming Back to Back
PDF
Creative Engineering 101
PPTX
2. initial plans finished
PDF
Play to Learn: Learning Games and Gamification that Get Results
PPTX
Guiding Principles For Teen Games
PDF
Lessons Learned from I Expect You To Die: New Puzzles, New Hands
PDF
How to build your one-man UX Army
PPTX
Brief introduction to Gamification
PPTX
Developing your Agile skills through social Games
KEY
Educational Games Design (STEG10 Keynote)
PDF
Designing for Competition
UI/UX: Building Player Experiences
Experience Design in the Museum
On the way to good Game Design
I wonder ... Designing for Curiosity
Un-Boring Meetings
A Primer On Play: How to use Games for Learning and Results
EGX Rezzed 2019 - What you can do to get a job in games
Lessons from the Trenches of Learning Game Design
Digital Learning Game Design: Lessons from the Trenches
Gamestorming Back to Back
Creative Engineering 101
2. initial plans finished
Play to Learn: Learning Games and Gamification that Get Results
Guiding Principles For Teen Games
Lessons Learned from I Expect You To Die: New Puzzles, New Hands
How to build your one-man UX Army
Brief introduction to Gamification
Developing your Agile skills through social Games
Educational Games Design (STEG10 Keynote)
Designing for Competition
Ad

Viewers also liked (20)

PPTX
Class 6 Identifying and Validating Assumptions
PDF
Playful Tutorials
PDF
In Defense of Childish Things
PPTX
Designing for Change Half Day
PPTX
Designing for Change
PPT
Design Thinking for Innovation
PPT
Design Your Way to Product/Market Fit
PPT
The Creative Entrepreneur: Stanford Class3 New Product Ideation
PPT
The Creative Entrepreneur: Stanford Class4 From story to offering
PDF
Design Thinking for Creating Presentations
PDF
The Design of Everyday Games
PDF
Design All The Things
PPTX
Nikki Navta - Teaching Game Design in the Classroom
PPTX
Making the Complex Clear
PDF
Radical Focus: Accomplish big goals with objectives and key results
PPT
The Creative Entrepreneur: Stanford Class2 Needfinding
PPT
Design Thinking Workshop for Innovative Products and Businesses
PPTX
Pdhpe game sense
PPT
Time Mesh
PPTX
Why Teaching Entrepreneurship Changes Everything
Class 6 Identifying and Validating Assumptions
Playful Tutorials
In Defense of Childish Things
Designing for Change Half Day
Designing for Change
Design Thinking for Innovation
Design Your Way to Product/Market Fit
The Creative Entrepreneur: Stanford Class3 New Product Ideation
The Creative Entrepreneur: Stanford Class4 From story to offering
Design Thinking for Creating Presentations
The Design of Everyday Games
Design All The Things
Nikki Navta - Teaching Game Design in the Classroom
Making the Complex Clear
Radical Focus: Accomplish big goals with objectives and key results
The Creative Entrepreneur: Stanford Class2 Needfinding
Design Thinking Workshop for Innovative Products and Businesses
Pdhpe game sense
Time Mesh
Why Teaching Entrepreneurship Changes Everything
Ad

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

PDF
Future Of Play - Keynote MIT 2010 - Sandbox Summit
PDF
Future Of Play (Keynote:MIT:2010:Sandbox Summit)
PDF
Game Design Fundamentals Megadeck
PPTX
Nate levin p3
PDF
What is design interaction?
PPT
Game design
PDF
Physical interaction design
PPT
Ux For 3rd Graders
PDF
Hybrid Publishing Design Methods For Technical Books
PPT
What Is Interaction Design
PPT
Gaming Tools Kids Want To Use
PPT
History of Interaction Design - Reprised - SCAD - 12Nov2008
PPTX
Introduction to Interaction Design.pptx
PPTX
Game Design
PPTX
Game engineering
PPTX
Game engineering(jiit 2013 14-cs&it)
KEY
Game Design 2: 2011 - Introduction to Game Interface Design
KEY
COMU346 Introduction To Game Interface Design
PPT
Chapter 1 id2e_slides
PPTX
GAME 3400 Level Design - Introduction
Future Of Play - Keynote MIT 2010 - Sandbox Summit
Future Of Play (Keynote:MIT:2010:Sandbox Summit)
Game Design Fundamentals Megadeck
Nate levin p3
What is design interaction?
Game design
Physical interaction design
Ux For 3rd Graders
Hybrid Publishing Design Methods For Technical Books
What Is Interaction Design
Gaming Tools Kids Want To Use
History of Interaction Design - Reprised - SCAD - 12Nov2008
Introduction to Interaction Design.pptx
Game Design
Game engineering
Game engineering(jiit 2013 14-cs&it)
Game Design 2: 2011 - Introduction to Game Interface Design
COMU346 Introduction To Game Interface Design
Chapter 1 id2e_slides
GAME 3400 Level Design - Introduction

More from Christina Wodtke (10)

PDF
Game Design Fundamentals: The Formal Elements
PDF
Comunication & Storytelling for Product Managers (and anyone else)
PDF
Influence Without Authority
PDF
Make the Complex Clear with Maps and Models
PPTX
Reboot Your Team
PDF
Design Strategies for Understanding
PDF
WIAD Boston
PDF
Lean Teams are Learning Teams
PDF
Design the team you need to succeed
PPTX
Class5 Business Design
Game Design Fundamentals: The Formal Elements
Comunication & Storytelling for Product Managers (and anyone else)
Influence Without Authority
Make the Complex Clear with Maps and Models
Reboot Your Team
Design Strategies for Understanding
WIAD Boston
Lean Teams are Learning Teams
Design the team you need to succeed
Class5 Business Design

Recently uploaded (20)

PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PDF
Mark Klimek Lecture Notes_240423 revision books _173037.pdf
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PPTX
Renaissance Architecture: A Journey from Faith to Humanism
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PPTX
The Healthy Child – Unit II | Child Health Nursing I | B.Sc Nursing 5th Semester
PPTX
Week 4 Term 3 Study Techniques revisited.pptx
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PDF
TR - Agricultural Crops Production NC III.pdf
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PDF
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PPTX
Cell Structure & Organelles in detailed.
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PPTX
Introduction to Child Health Nursing – Unit I | Child Health Nursing I | B.Sc...
PDF
Business Ethics Teaching Materials for college
PDF
Pre independence Education in Inndia.pdf
PDF
Classroom Observation Tools for Teachers
PDF
01-Introduction-to-Information-Management.pdf
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
Mark Klimek Lecture Notes_240423 revision books _173037.pdf
Final Presentation General Medicine 03-08-2024.pptx
Renaissance Architecture: A Journey from Faith to Humanism
Module 4: Burden of Disease Tutorial Slides S2 2025
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
The Healthy Child – Unit II | Child Health Nursing I | B.Sc Nursing 5th Semester
Week 4 Term 3 Study Techniques revisited.pptx
FourierSeries-QuestionsWithAnswers(Part-A).pdf
TR - Agricultural Crops Production NC III.pdf
102 student loan defaulters named and shamed – Is someone you know on the list?
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
O5-L3 Freight Transport Ops (International) V1.pdf
Cell Structure & Organelles in detailed.
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
Introduction to Child Health Nursing – Unit I | Child Health Nursing I | B.Sc...
Business Ethics Teaching Materials for college
Pre independence Education in Inndia.pdf
Classroom Observation Tools for Teachers
01-Introduction-to-Information-Management.pdf

Teaching Game Design to Teach Interaction Design

Editor's Notes

  • #7: Compare the keyboard buttons you can feel and push, to the hyper-flat keyboad. What is nicer to use? Is the ipad keyboard enough?
  • #9: Compare the keyboard buttons you can feel and push, to the hyper-flat keyboad. What is nicer to use? Is the ipad keyboard enough?
  • #11: 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?