SlideShare a Scribd company logo
Cognitive Walkthrough
for Learning Through
Game Mechanics
David Farrell & David Moffat
Glasgow Caledonian University
Key Messages
• We should be adapting tools, such as
Cognitive Walkthrough to support serious
game designers.
• It’s hard to make good GBL
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
Information and animations for junior
and senior pupils across Europe.
Lesson packs for teachers in
junior and senior schools.
a game to teach junior pupils
a game to teach senior pupils
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
K. Squire & Civ III
D. W. Shaffer & Soda
War on Terror Sweatshop
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
Cognitive Walkthrough
• A HCI technique, well established in UI
design and evaluation.
• Instead of relying on pure instinct, CW
offers cognitive scaffolding.
Typical CW
• Stage 1:“Defining Inputs”
• describe users
• describe task
• describe system
• list each action required to complete task
Typical CW
• Stage 2:“Walkthrough”
• 1:Will user try to achieve effect?
• 4: If correct action performed, will user notice
progress towards solution?
• 3: Will user associate correct action with the
desired effect?
• 2: Will user notice correct action available?
CW and Serious Games
• UI design is not unique in the requirement
of the designer to ‘imagine’ the user’s brain
• All interaction design requires the designer
to simulate how someone else will think
• This is also true of game design.
• This is important in GBL
Bespoke CWs
• There are many viable GBL pedagogies
• Whatever the underlying theory, there is a
risk translating that theory, through design
into game implementation.
• To be useful, a CW should map to pedagogy
CWLTGM
• Stage 1:“Defining Inputs”
• describe users
• describe task
• describe system
• list each action required to complete task
CWLTGM
• Stage 1:“Defining Inputs”
• describe players
• describe task
• describe system
• list each action required to complete task
CWLTGM
• Stage 1:“Defining Inputs”
• describe players
• describe desired learning outcome
• describe system
• list each action required to complete task
CWLTGM
• Stage 1:“Defining Inputs”
• describe players
• describe desired learning outcomes
• describe how game entities & behaviours
map to subject-domain
• list each action required to complete task
CWLTGM
• Stage 1:“Defining Inputs”
• describe players
• describe desired learning outcomes
• describe how game entities & behaviours
map to subject-domain
• list actions required that are assumed to
support learning
CWLTGM
• Stage 2:“Walkthrough”
• 1:Will user try to achieve effect?
• 2:Will user notice correct action available?
• 3:Will user associate correct action with the
desired effect?
• 4: If correct action performed, will user notice
progress towards solution?
CWLTGM
• Stage 2:“Walkthrough”
• 1:Will user attempt the game task?
• 2:Will user notice correct action available?
• 3:Will user associate correct action with the
desired effect?
• 4: If correct action performed, will user notice
progress towards solution?
CWLTGM
• Stage 2:“Walkthrough”
• 1:Will user attempt the game task?
• 2:Will user understand which in-game actions
might achieve the task goal?
• 3:Will user associate correct action with the
desired effect?
• 4: If correct action performed, will user
notice progress towards solution?
CWLTGM
• Stage 2:“Walkthrough”
• 1:Will user attempt the game task?
• 2:Will user understand which in-game actions
might achieve the task goal?
• 3:Will user associate correct action with the
progress towards game task completion?
• 4: If correct action performed, will user notice
progress towards solution?
CWLTGM
• Stage 2:“Walkthrough”
• 1:Will user attempt the game task?
• 2:Will user understand which in-game actions
might achieve the task goal?
• 3:Will user associate correct action with the
progress towards game task completion?
• 4: If correct action performed, can we expect
learning to take place?
Step 4 of Walkthrough
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
• In the less successful area of the game, I
identified 9 separate logical links required
Findings
• Of these only 3 appeared safe
• Applying CWLTGM in this capacity offered
reasonable explanation of confusing results
Conclusion
• Gap between best pedagogical theory and ‘day
to day’ game design
• Too much depends on designer instinct and
intuitive simulation of users’ mental model
• CW is a general purpose tool, not restricted to
UI design, that can help structure this process
• We will need bespoke CWs depending
on pedagogy
Future Work
• More analyses of (un)successful games with
this process
• Using CWLTGM during design process
Questions?
• I’d love to hear from anyone interested!
• david.farrell@gcu.ac.uk

More Related Content

PDF
Game design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
PDF
Game design 2 (2013): Lecture 14 - Revision
PDF
Game design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UI
PPT
Game Design 2: Lecture 10 - UI Layout
PDF
Game Design 2 (2013): Lecture 5 - Game UI Prototyping
PDF
Cognitive Walkthrough Template
PPT
GCU Game Design 2 (2013): Lecture 2 - Menu Flow
KEY
Game Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
Game design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
Game design 2 (2013): Lecture 14 - Revision
Game design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UI
Game Design 2: Lecture 10 - UI Layout
Game Design 2 (2013): Lecture 5 - Game UI Prototyping
Cognitive Walkthrough Template
GCU Game Design 2 (2013): Lecture 2 - Menu Flow
Game Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes

What's hot (20)

KEY
Game Design 2: Menu Flow (2011)
PDF
Game design 2 (2013): Lecture 11 - User Feedback in Game Design
KEY
Game Design 2: UI in Games - Revision Lecture
PDF
Game Design 2: Lecture 1 - Introduction
KEY
Game Design 2: 2011 - Introduction to Game Interface Design
PPT
Game Design 2 - Lecture 2 - Menu Flow
PPT
Serious games cwltgm
KEY
Games Design 2 - Lecture 10 - Game Interface Prototyping
KEY
Game Design 2 (2010): Lecture 2 - Menu Flow
KEY
Game Design 2: Lecture 4: Game UI Components
PPTX
WCAG 2.1 update for designers
PPTX
Simulating systems: Delivering digital difference
PPT
Designing and prototyping
KEY
COMU346 Introduction To Game Interface Design
PPTX
FETC 2015 Advanced Game Design Presentation - Workshop
PPTX
ICS3211 lecture 08
PPT
10 Information Processing Part3
PDF
Feature-itis Agile 2014 Orlando
PPTX
Presentation - iOS - UI and UX - Mr. Samesh & Mr. Neetin
PPTX
[Seminar] hwiyeon 200709
Game Design 2: Menu Flow (2011)
Game design 2 (2013): Lecture 11 - User Feedback in Game Design
Game Design 2: UI in Games - Revision Lecture
Game Design 2: Lecture 1 - Introduction
Game Design 2: 2011 - Introduction to Game Interface Design
Game Design 2 - Lecture 2 - Menu Flow
Serious games cwltgm
Games Design 2 - Lecture 10 - Game Interface Prototyping
Game Design 2 (2010): Lecture 2 - Menu Flow
Game Design 2: Lecture 4: Game UI Components
WCAG 2.1 update for designers
Simulating systems: Delivering digital difference
Designing and prototyping
COMU346 Introduction To Game Interface Design
FETC 2015 Advanced Game Design Presentation - Workshop
ICS3211 lecture 08
10 Information Processing Part3
Feature-itis Agile 2014 Orlando
Presentation - iOS - UI and UX - Mr. Samesh & Mr. Neetin
[Seminar] hwiyeon 200709
Ad

Viewers also liked (12)

PPTX
Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)
PPT
Serious games career quest
PDF
Game Design 2 (2013): Lecture 3 - Use of Text in design.
PDF
Game design 2 (2013): Lecture 13 - Colour
PDF
Game Design 2 (2013): Immersion Through Game UI
PDF
Game Design 2 (2013): Lecture 4 - UI Components
KEY
Mindset Training 2 - Goal Orientation
KEY
Mindset Training 1 - what are growth and fixed mindsets
PDF
Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI Design
PDF
Game Design 2 (2013): Lecture 8 - Layering and Separation for Game Communication
PPT
Game Development Project Management/Concept
PPT
Game Design: The Production Plan
Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)
Serious games career quest
Game Design 2 (2013): Lecture 3 - Use of Text in design.
Game design 2 (2013): Lecture 13 - Colour
Game Design 2 (2013): Immersion Through Game UI
Game Design 2 (2013): Lecture 4 - UI Components
Mindset Training 2 - Goal Orientation
Mindset Training 1 - what are growth and fixed mindsets
Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI Design
Game Design 2 (2013): Lecture 8 - Layering and Separation for Game Communication
Game Development Project Management/Concept
Game Design: The Production Plan
Ad

Similar to Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13 (20)

PPTX
Gaming: the future’s challenge; Interactive workshop at ISAGA conference; Dor...
PPTX
Interactive workshop: Gaming: the future's challenge; Pieter van der Hijden; ...
PDF
group_15_empirya_p1projectIndustrial.pdf
PPTX
Extended Walkthrough – Template
PDF
Lets make a game workshop ser play orlando 2019
KEY
Educational Games Design (STEG10 Keynote)
PDF
Creating the Design Document
PPTX
Hvbf 2013 #3
PPTX
SDM_Game development methodology
PPTX
Loyola 2013 #2
PPTX
Joe biglin loyola 2013
KEY
Educational games overview
PDF
Play to Learn Workshop Slides
PPT
Using Computer Game Design For Learning
PPTX
Designing and developing serious games for users with intellectual disabiliti...
PDF
Classroom Game Master
PDF
More Than Points: Architecting Engagement Through Game Design Thinking
PPT
A Magic Bullet for Educational Games
PPTX
GAME 3400 Level Design - Moment Based Design
PPTX
Downtown, A Subway Adventure: Using Learning Analytics to Improve the Develop...
Gaming: the future’s challenge; Interactive workshop at ISAGA conference; Dor...
Interactive workshop: Gaming: the future's challenge; Pieter van der Hijden; ...
group_15_empirya_p1projectIndustrial.pdf
Extended Walkthrough – Template
Lets make a game workshop ser play orlando 2019
Educational Games Design (STEG10 Keynote)
Creating the Design Document
Hvbf 2013 #3
SDM_Game development methodology
Loyola 2013 #2
Joe biglin loyola 2013
Educational games overview
Play to Learn Workshop Slides
Using Computer Game Design For Learning
Designing and developing serious games for users with intellectual disabiliti...
Classroom Game Master
More Than Points: Architecting Engagement Through Game Design Thinking
A Magic Bullet for Educational Games
GAME 3400 Level Design - Moment Based Design
Downtown, A Subway Adventure: Using Learning Analytics to Improve the Develop...

More from David Farrell (10)

PDF
Game Design 2 (2013): Lecture 9 - Micro and Macro Design for Game Communication
KEY
Game Design 2: Micro and Macro Data Visualisation
KEY
Game Design 2: Lecture 13 - Layering and Separation of Data Visualisation
KEY
Game Design 2: Lecture 12 - Platform Specific Design
KEY
Game Design 2: Lecture 11 - Colour
PPT
Game Design 2: Lecture 8 - Semiotics and Icon Design
PPT
Game Design 2: Lecture 9 - Immersion through UI
KEY
Mindset talk
KEY
The impact of affect in serious games
PPT
Comu346 lecture 6 - evaluation
Game Design 2 (2013): Lecture 9 - Micro and Macro Design for Game Communication
Game Design 2: Micro and Macro Data Visualisation
Game Design 2: Lecture 13 - Layering and Separation of Data Visualisation
Game Design 2: Lecture 12 - Platform Specific Design
Game Design 2: Lecture 11 - Colour
Game Design 2: Lecture 8 - Semiotics and Icon Design
Game Design 2: Lecture 9 - Immersion through UI
Mindset talk
The impact of affect in serious games
Comu346 lecture 6 - evaluation

Recently uploaded (20)

PPTX
Renaissance Architecture: A Journey from Faith to Humanism
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PDF
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PDF
Basic Mud Logging Guide for educational purpose
PDF
01-Introduction-to-Information-Management.pdf
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PPTX
GDM (1) (1).pptx small presentation for students
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PDF
RMMM.pdf make it easy to upload and study
PDF
O7-L3 Supply Chain Operations - ICLT Program
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PPTX
Cell Types and Its function , kingdom of life
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PDF
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PDF
Microbial disease of the cardiovascular and lymphatic systems
Renaissance Architecture: A Journey from Faith to Humanism
102 student loan defaulters named and shamed – Is someone you know on the list?
STATICS OF THE RIGID BODIES Hibbelers.pdf
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
Basic Mud Logging Guide for educational purpose
01-Introduction-to-Information-Management.pdf
FourierSeries-QuestionsWithAnswers(Part-A).pdf
GDM (1) (1).pptx small presentation for students
Module 4: Burden of Disease Tutorial Slides S2 2025
RMMM.pdf make it easy to upload and study
O7-L3 Supply Chain Operations - ICLT Program
Abdominal Access Techniques with Prof. Dr. R K Mishra
Cell Types and Its function , kingdom of life
Supply Chain Operations Speaking Notes -ICLT Program
human mycosis Human fungal infections are called human mycosis..pptx
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
Final Presentation General Medicine 03-08-2024.pptx
2.FourierTransform-ShortQuestionswithAnswers.pdf
Microbial disease of the cardiovascular and lymphatic systems

Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13

  • 1. Cognitive Walkthrough for Learning Through Game Mechanics David Farrell & David Moffat Glasgow Caledonian University
  • 2. Key Messages • We should be adapting tools, such as Cognitive Walkthrough to support serious game designers. • It’s hard to make good GBL
  • 4. Information and animations for junior and senior pupils across Europe.
  • 5. Lesson packs for teachers in junior and senior schools.
  • 6. a game to teach junior pupils
  • 7. a game to teach senior pupils
  • 9. K. Squire & Civ III D. W. Shaffer & Soda War on Terror Sweatshop
  • 15. Cognitive Walkthrough • A HCI technique, well established in UI design and evaluation. • Instead of relying on pure instinct, CW offers cognitive scaffolding.
  • 16. Typical CW • Stage 1:“Defining Inputs” • describe users • describe task • describe system • list each action required to complete task
  • 17. Typical CW • Stage 2:“Walkthrough” • 1:Will user try to achieve effect? • 4: If correct action performed, will user notice progress towards solution? • 3: Will user associate correct action with the desired effect? • 2: Will user notice correct action available?
  • 18. CW and Serious Games • UI design is not unique in the requirement of the designer to ‘imagine’ the user’s brain • All interaction design requires the designer to simulate how someone else will think • This is also true of game design. • This is important in GBL
  • 19. Bespoke CWs • There are many viable GBL pedagogies • Whatever the underlying theory, there is a risk translating that theory, through design into game implementation. • To be useful, a CW should map to pedagogy
  • 20. CWLTGM • Stage 1:“Defining Inputs” • describe users • describe task • describe system • list each action required to complete task
  • 21. CWLTGM • Stage 1:“Defining Inputs” • describe players • describe task • describe system • list each action required to complete task
  • 22. CWLTGM • Stage 1:“Defining Inputs” • describe players • describe desired learning outcome • describe system • list each action required to complete task
  • 23. CWLTGM • Stage 1:“Defining Inputs” • describe players • describe desired learning outcomes • describe how game entities & behaviours map to subject-domain • list each action required to complete task
  • 24. CWLTGM • Stage 1:“Defining Inputs” • describe players • describe desired learning outcomes • describe how game entities & behaviours map to subject-domain • list actions required that are assumed to support learning
  • 25. CWLTGM • Stage 2:“Walkthrough” • 1:Will user try to achieve effect? • 2:Will user notice correct action available? • 3:Will user associate correct action with the desired effect? • 4: If correct action performed, will user notice progress towards solution?
  • 26. CWLTGM • Stage 2:“Walkthrough” • 1:Will user attempt the game task? • 2:Will user notice correct action available? • 3:Will user associate correct action with the desired effect? • 4: If correct action performed, will user notice progress towards solution?
  • 27. CWLTGM • Stage 2:“Walkthrough” • 1:Will user attempt the game task? • 2:Will user understand which in-game actions might achieve the task goal? • 3:Will user associate correct action with the desired effect? • 4: If correct action performed, will user notice progress towards solution?
  • 28. CWLTGM • Stage 2:“Walkthrough” • 1:Will user attempt the game task? • 2:Will user understand which in-game actions might achieve the task goal? • 3:Will user associate correct action with the progress towards game task completion? • 4: If correct action performed, will user notice progress towards solution?
  • 29. CWLTGM • Stage 2:“Walkthrough” • 1:Will user attempt the game task? • 2:Will user understand which in-game actions might achieve the task goal? • 3:Will user associate correct action with the progress towards game task completion? • 4: If correct action performed, can we expect learning to take place?
  • 30. Step 4 of Walkthrough
  • 33. • In the less successful area of the game, I identified 9 separate logical links required Findings • Of these only 3 appeared safe • Applying CWLTGM in this capacity offered reasonable explanation of confusing results
  • 34. Conclusion • Gap between best pedagogical theory and ‘day to day’ game design • Too much depends on designer instinct and intuitive simulation of users’ mental model • CW is a general purpose tool, not restricted to UI design, that can help structure this process • We will need bespoke CWs depending on pedagogy
  • 35. Future Work • More analyses of (un)successful games with this process • Using CWLTGM during design process
  • 36. Questions? • I’d love to hear from anyone interested! • david.farrell@gcu.ac.uk

Editor's Notes

  • #31: With close reference to the player description created earlier, the evaluator should ask questions like: • Will the player understand the visual metaphors? • Will the player read and understand required text? • Will the player’s attention be drawn to the correct elements? • Will the player understand that the meaning of game interactions has a subject domain application?
  • #32: For the successful Soap Section, the game actions were converted into the following inferences: 1. The player must realise that the environment in which they play represents a human hand. 2. The player must understand that she isn’t “firing bullets” but rather throwing soap. 3. The player must realise that the game’s placement of bad bugs on skin represents the reality that we have harmful bugs on our skin. 4. The player must realise that the bad bugs are being washed away by the soap. 5. The player must realise that the bad bugs are bugs, and not aliens or other enemies. 6. The player must realise that this doesn’t just happen in the game; it represents reality in that soap is used in real life to remove microbes from the hand. 7. The player must understand holistically that washing her hands will remove harmful bugs.
  • #33: 1. Player must realise that the environment they are playing in represents "inside a human body". 2. Player must realise that the bad bugs are microbes (viruses) and not aliens etc. 3. Player must realise that the game's placement of the virus inside the body represents the real-world concept of a human being infected with a virus. 4. P layer must realise it's a white blood cell! 6. Player must realise that "white blood cells" are the body's natural defences. 8. Player must realise that most “coughs and colds” are viruses. 5. Player must realise that the bad bugs when hit by the WBC are being killed. 7. Player must realise that this doesn't just happen in the game; it represents reality in the sense that white blood cells kill infections. 9. Player must understand holistically that this means that their body can kill most infections like colds and flu’s by itself.
  • #34: • the player was considered unlikely to recognise the artwork as representing the desired domain concept from sight alone because the concept is new to the player (e.g. white blood cells); • the introductory text was unlikely to be understood (25 sentences over 5 screens, each shown for 5 seconds); • the language used in the game is not consistent with the test question asked (e.g. the game referred viruses, yet the quiz refers to “coughs and colds”); • there were too many new concepts being introduced to reasonably expect the player to understand the semantic mappings.