SlideShare a Scribd company logo
2010


                   Game Design 2
                     Lecture 8: Immersion through UI




http://www.comu346.com                          dfarrell@davidlearnsgames.com
Games Talk
• BCS Talk by Sophie Houlden
 • next Monday at 18.30 in W110
 • Indie dev talking about MAKING games
 • previously featured in Edge
 • http://www.sophiehoulden.com/
 • http://slidesha.re/bT8mwe
Game Design 2 (2010): Lecture 8 - Immersion through UI
Reading
• Anthony Stonehouse
  http://bit.ly/9isY6D
• Erik Fagerhold & Magnus Lorentzon (2009)
  http://bit.ly/d0HfcW
• Gamasutra (Marcus Andrews @ EA:DICE)
  http://bit.ly/9H6xuL
• SlideShare presentation from Fagerhold
  http://slidesha.re/bjxr4I
Immersive UI


• Trend towards minimal HUD
• UI as transparent as possible to not distract
  player
Terminology
• Diegetic: Interface included in the game world
• Non-diegetic: Interface rendered outside game
  world
• Spatial: UI Elements resented in game’s 3D space
  but not be an actual in-game entity
• Meta: Representations can be in game but aren’t
  necessarily visualised spatially for player
Game Design 2 (2010): Lecture 8 - Immersion through UI
Game Design 2 (2010): Lecture 8 - Immersion through UI
Game Design 2 (2010): Lecture 8 - Immersion through UI
Game Design 2 (2010): Lecture 8 - Immersion through UI
Game Design 2 (2010): Lecture 8 - Immersion through UI
Game Design 2 (2010): Lecture 8 - Immersion through UI
Game Design 2 (2010): Lecture 8 - Immersion through UI
Case Study: Far Cry 2
• Goes to great lengths to make UI diegetic
 • especially hard for FPS games
• Uses in-game gadgets perform traditional
  HUD roles
 • map
 • time
 • weapon condition
Game Design 2 (2010): Lecture 8 - Immersion through UI
Game Design 2 (2010): Lecture 8 - Immersion through UI
What works?
• Novelty factor
 • diging bullets out of arm
 • Ubisoft promoting UI in marketing
• Interaction with NPCs
 • you can see what that character is doing
 • injury rescue
What doesn’t work?

• UI seems conflicted
 • there are traditional non-diegetic HUD
    elements such as: ammo; interaction
    opportunities; health etc
Game Design 2 (2010): Lecture 8 - Immersion through UI
Game Design 2 (2010): Lecture 8 - Immersion through UI
• The non-diegetic elements fade in and out
• Some elements of the UI don’t provide the
  player with enough information
Game Design 2 (2010): Lecture 8 - Immersion through UI
What does it mean?

• The struggles of FC2 show that it is nearly
  hopeless for (FPS) games to be playable and
  100% diegetic
• If you make a late decision to compliment
  your diegetic components with non-
  diegetic, the design will suffer - best to plan
Case Study: Dead Space
• Fully diegetic interface.
• Unlike most games, they had an explicit
  direction that all UI elements be ‘in the
  game world’
• Fairly traditional HUD system with a twist
 • all rendered as in-game holograms
Game Design 2 (2010): Lecture 8 - Immersion through UI
• in addition to the holograms, Dead Space
  also draws interface on the actual player
  avatar
Game Design 2 (2010): Lecture 8 - Immersion through UI
What works?
• Sci-Fi Fiction lends itself to diegetic UI
 • “typical UI, rendered atypically”
• Perspective
 • Using player avatar as a canvas is a great
    way to promote immersion
      • largely depending on setting & 3rd
        person camera
• Preserving Functionality
 • preserves functionality but adds style
What doesn’t work?
• Functionality breakdown
 • the holographic 3D map failed to aid
    player navigation leading to the
    implementation of another,
    complimentary feature - the ‘locator’ that
    has a completely new diegetic spatial
    method
Game Design 2 (2010): Lecture 8 - Immersion through UI
What does it mean?
• Fairly traditional interface rendered in
  novel fashion.
• May be unrealised potential benefit of
  diegetic & innovative UI
• Whilst the UI may have helped in the
  marketing (& sales?) its benefit to the
  gameplay is subjective
Case Study: TF 2


• Uses mixed methods to communicate
 • very much a “whatever works” approach
Game Design 2 (2010): Lecture 8 - Immersion through UI
Game Design 2 (2010): Lecture 8 - Immersion through UI
Game Design 2 (2010): Lecture 8 - Immersion through UI
What works?

• Mix of UI elements from each of the
  categories provides for lots of info without
  a cluttered HUD
• shows that UI components don’t need to
  have an immediately obvious theme or be
  immersive to work
What doesn’t work

• the mix of styles can be perceived as a bit
  messy
• inconsistencies can require more cognition
  from the player
What does it mean?

• TF2 has hardly any diegetic qualities but
  largely succeeds in UI design.
• Shows that players will tolerate mixing
  styles in an interface
Summary
• Diegetic interface elements can help to
  reinforce the fiction of a game and can
  help keep the player immersed.
• Diegetic elements are harder to design and
  integrate than non-diegetic elements
  especially in FPS games like Far Cry 2
• When there is a trade off between
  immersion and functionality - functionality
  must be given priority

More Related Content

What's hot (20)

PPTX
Proposal of 3d GAME Final Year Project
fahim shahzad
 
PDF
Freed d week_11 style guide_v5
Douglas Freed
 
PPS
Game Development Company, Flash Game Development,
Gateway Technolabs
 
PPTX
Final year project presentation
SulemanAliMalik
 
PPTX
Game development
reittes
 
PPT
Game Development Project Management/Concept
Kevin Duggan
 
PPTX
Level Design Primer
Tobby Ong
 
PPTX
Game Modding Lecture 2
Charles Palmer
 
PDF
Social Network Games - SAE
Branko Djurkovic
 
PDF
Building the pipeline for FUN - Game Development
FaunaFace, Inc
 
PDF
Videogame Design and Programming - 03 The Structure of Games
Pier Luca Lanzi
 
PDF
Environmental Storytelling
Craig Carey
 
PPTX
Bethesda's Iterative Level Design Process for Skyrim and Fallout 3
Joel Burgess
 
PPTX
How to deliver a game in kodu
Nour Khouja
 
PPTX
The 5 Gamification Languages: The secret to gameful experiences that last (Ga...
Lennart Nacke
 
PDF
Designing Game Feel
Martin Pichlmair
 
PDF
GameSalad Weekend Intensive
Lynne Watanabe
 
PPTX
Game development life cycle
Sarah Alazab
 
PPTX
Game dev process
Yassine Arif
 
PPTX
"You Made a Game, Now What?" #6: Game Feel - "Juicing" your game
Christopher Totten
 
Proposal of 3d GAME Final Year Project
fahim shahzad
 
Freed d week_11 style guide_v5
Douglas Freed
 
Game Development Company, Flash Game Development,
Gateway Technolabs
 
Final year project presentation
SulemanAliMalik
 
Game development
reittes
 
Game Development Project Management/Concept
Kevin Duggan
 
Level Design Primer
Tobby Ong
 
Game Modding Lecture 2
Charles Palmer
 
Social Network Games - SAE
Branko Djurkovic
 
Building the pipeline for FUN - Game Development
FaunaFace, Inc
 
Videogame Design and Programming - 03 The Structure of Games
Pier Luca Lanzi
 
Environmental Storytelling
Craig Carey
 
Bethesda's Iterative Level Design Process for Skyrim and Fallout 3
Joel Burgess
 
How to deliver a game in kodu
Nour Khouja
 
The 5 Gamification Languages: The secret to gameful experiences that last (Ga...
Lennart Nacke
 
Designing Game Feel
Martin Pichlmair
 
GameSalad Weekend Intensive
Lynne Watanabe
 
Game development life cycle
Sarah Alazab
 
Game dev process
Yassine Arif
 
"You Made a Game, Now What?" #6: Game Feel - "Juicing" your game
Christopher Totten
 

Viewers also liked (6)

PPTX
New Teacher Center's 16 National Symposium on Teacher Induction; Social and E...
Tracy Kremer
 
PPT
Attention - Fundamentals of Psychology 2 - Lecture 8 [Over 23,000 views]
Simon Bignell
 
PPSX
Sensation and Perception
ARUL LAWRENCE
 
PPSX
Attention
ARUL LAWRENCE
 
ODP
Psychology 102: Intelligence & intelligence assessment
James Neill
 
New Teacher Center's 16 National Symposium on Teacher Induction; Social and E...
Tracy Kremer
 
Attention - Fundamentals of Psychology 2 - Lecture 8 [Over 23,000 views]
Simon Bignell
 
Sensation and Perception
ARUL LAWRENCE
 
Attention
ARUL LAWRENCE
 
Psychology 102: Intelligence & intelligence assessment
James Neill
 
Ad

Similar to Game Design 2 (2010): Lecture 8 - Immersion through UI (20)

PPTX
Project presentation
Harsh Sharma
 
PDF
User Experience 4: Usable User Interface
Marc Miquel
 
PPTX
ICS3211 lecture 12
Vanessa Camilleri
 
PDF
josephHiggins_BenchmarkPortfolioDeck
Joseph Higgins
 
PDF
Game Design 2: Lecture 1 - Introduction
David Farrell
 
PPT
Games.ppt
ArifKamal36
 
PDF
【Unite 2017 Tokyo】EditorVRの設計から学んだこと:使えるVRエディターのためのデザイン
Unity Technologies Japan K.K.
 
PDF
【Unite 2017 Tokyo】EditorVRの設計から学んだこと:使えるVRエディターのためのデザイン
Unite2017Tokyo
 
PDF
Gameplay Concept Tool
vincenzo santalucia
 
PDF
Games design notes
amme77
 
PPTX
The dota paradox presentation
jjarr
 
PPTX
Research
DanielFirth4
 
PPTX
Project presentation FPS
Shubham Rajput
 
KEY
A Comprehensive Model for Behavior Change Game Design: My Own Design Journey
Games for Health Project
 
PPTX
A look into mmorpg communities
Iamcodyok
 
PPTX
Paper games 2013
changehee lee
 
PPTX
Rival Assassins
Aviral Agarwal
 
PPTX
Rival assassins
Vibhor Mittal
 
PPTX
Rival assassins
Vibhor Mittal
 
PDF
Work at Play's Franchise Hub Model for Games
David Gratton
 
Project presentation
Harsh Sharma
 
User Experience 4: Usable User Interface
Marc Miquel
 
ICS3211 lecture 12
Vanessa Camilleri
 
josephHiggins_BenchmarkPortfolioDeck
Joseph Higgins
 
Game Design 2: Lecture 1 - Introduction
David Farrell
 
Games.ppt
ArifKamal36
 
【Unite 2017 Tokyo】EditorVRの設計から学んだこと:使えるVRエディターのためのデザイン
Unity Technologies Japan K.K.
 
【Unite 2017 Tokyo】EditorVRの設計から学んだこと:使えるVRエディターのためのデザイン
Unite2017Tokyo
 
Gameplay Concept Tool
vincenzo santalucia
 
Games design notes
amme77
 
The dota paradox presentation
jjarr
 
Research
DanielFirth4
 
Project presentation FPS
Shubham Rajput
 
A Comprehensive Model for Behavior Change Game Design: My Own Design Journey
Games for Health Project
 
A look into mmorpg communities
Iamcodyok
 
Paper games 2013
changehee lee
 
Rival Assassins
Aviral Agarwal
 
Rival assassins
Vibhor Mittal
 
Rival assassins
Vibhor Mittal
 
Work at Play's Franchise Hub Model for Games
David Gratton
 
Ad

More from David Farrell (20)

PDF
Game design 2 (2013): Lecture 14 - Revision
David Farrell
 
PDF
Game design 2 (2013): Lecture 13 - Colour
David Farrell
 
PDF
Game design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
David Farrell
 
PDF
Game design 2 (2013): Lecture 11 - User Feedback in Game Design
David Farrell
 
PDF
Game design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UI
David Farrell
 
PDF
Game Design 2 (2013): Lecture 9 - Micro and Macro Design for Game Communication
David Farrell
 
PDF
Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI Design
David Farrell
 
PDF
Game Design 2 (2013): Lecture 5 - Game UI Prototyping
David Farrell
 
PDF
Game Design 2 (2013): Lecture 4 - UI Components
David Farrell
 
PDF
Game Design 2 (2013): Lecture 3 - Use of Text in design.
David Farrell
 
PPT
GCU Game Design 2 (2013): Lecture 2 - Menu Flow
David Farrell
 
PPT
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
David Farrell
 
PPTX
Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)
David Farrell
 
PPT
Serious games career quest
David Farrell
 
PPT
Serious games cwltgm
David Farrell
 
KEY
Mindset Training 2 - Goal Orientation
David Farrell
 
KEY
Mindset Training 1 - what are growth and fixed mindsets
David Farrell
 
KEY
Game Design 2: UI in Games - Revision Lecture
David Farrell
 
KEY
Game Design 2: Micro and Macro Data Visualisation
David Farrell
 
KEY
Game Design 2: Lecture 13 - Layering and Separation of Data Visualisation
David Farrell
 
Game design 2 (2013): Lecture 14 - Revision
David Farrell
 
Game design 2 (2013): Lecture 13 - Colour
David Farrell
 
Game design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
David Farrell
 
Game design 2 (2013): Lecture 11 - User Feedback in Game Design
David Farrell
 
Game design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UI
David Farrell
 
Game Design 2 (2013): Lecture 9 - Micro and Macro Design for Game Communication
David Farrell
 
Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI Design
David Farrell
 
Game Design 2 (2013): Lecture 5 - Game UI Prototyping
David Farrell
 
Game Design 2 (2013): Lecture 4 - UI Components
David Farrell
 
Game Design 2 (2013): Lecture 3 - Use of Text in design.
David Farrell
 
GCU Game Design 2 (2013): Lecture 2 - Menu Flow
David Farrell
 
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
David Farrell
 
Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)
David Farrell
 
Serious games career quest
David Farrell
 
Serious games cwltgm
David Farrell
 
Mindset Training 2 - Goal Orientation
David Farrell
 
Mindset Training 1 - what are growth and fixed mindsets
David Farrell
 
Game Design 2: UI in Games - Revision Lecture
David Farrell
 
Game Design 2: Micro and Macro Data Visualisation
David Farrell
 
Game Design 2: Lecture 13 - Layering and Separation of Data Visualisation
David Farrell
 

Recently uploaded (20)

PPTX
Cultivation practice of Litchi in Nepal.pptx
UmeshTimilsina1
 
PDF
Women's Health: Essential Tips for Every Stage.pdf
Iftikhar Ahmed
 
PPTX
How to Create a PDF Report in Odoo 18 - Odoo Slides
Celine George
 
PPTX
A PPT on Alfred Lord Tennyson's Ulysses.
Beena E S
 
PPTX
Growth and development and milestones, factors
BHUVANESHWARI BADIGER
 
PPTX
2025 Winter SWAYAM NPTEL & A Student.pptx
Utsav Yagnik
 
PPTX
SPINA BIFIDA: NURSING MANAGEMENT .pptx
PRADEEP ABOTHU
 
PDF
Reconstruct, Restore, Reimagine: New Perspectives on Stoke Newington’s Histor...
History of Stoke Newington
 
PDF
The-Ever-Evolving-World-of-Science (1).pdf/7TH CLASS CURIOSITY /1ST CHAPTER/B...
Sandeep Swamy
 
PDF
Isharyanti-2025-Cross Language Communication in Indonesian Language
Neny Isharyanti
 
PDF
The dynastic history of the Chahmana.pdf
PrachiSontakke5
 
PPTX
How to Convert an Opportunity into a Quotation in Odoo 18 CRM
Celine George
 
PDF
The History of Phone Numbers in Stoke Newington by Billy Thomas
History of Stoke Newington
 
PDF
SSHS-2025-PKLP_Quarter-1-Dr.-Kerby-Alvarez.pdf
AishahSangcopan1
 
PPTX
grade 5 lesson matatag ENGLISH 5_Q1_PPT_WEEK4.pptx
SireQuinn
 
PDF
Lesson 2 - WATER,pH, BUFFERS, AND ACID-BASE.pdf
marvinnbustamante1
 
PDF
community health nursing question paper 2.pdf
Prince kumar
 
PDF
LAW OF CONTRACT (5 YEAR LLB & UNITARY LLB )- MODULE - 1.& 2 - LEARN THROUGH P...
APARNA T SHAIL KUMAR
 
PDF
LAW OF CONTRACT ( 5 YEAR LLB & UNITARY LLB)- MODULE-3 - LEARN THROUGH PICTURE
APARNA T SHAIL KUMAR
 
PDF
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - GLOBAL SUCCESS - CẢ NĂM - NĂM 2024 (VOCABULARY, ...
Nguyen Thanh Tu Collection
 
Cultivation practice of Litchi in Nepal.pptx
UmeshTimilsina1
 
Women's Health: Essential Tips for Every Stage.pdf
Iftikhar Ahmed
 
How to Create a PDF Report in Odoo 18 - Odoo Slides
Celine George
 
A PPT on Alfred Lord Tennyson's Ulysses.
Beena E S
 
Growth and development and milestones, factors
BHUVANESHWARI BADIGER
 
2025 Winter SWAYAM NPTEL & A Student.pptx
Utsav Yagnik
 
SPINA BIFIDA: NURSING MANAGEMENT .pptx
PRADEEP ABOTHU
 
Reconstruct, Restore, Reimagine: New Perspectives on Stoke Newington’s Histor...
History of Stoke Newington
 
The-Ever-Evolving-World-of-Science (1).pdf/7TH CLASS CURIOSITY /1ST CHAPTER/B...
Sandeep Swamy
 
Isharyanti-2025-Cross Language Communication in Indonesian Language
Neny Isharyanti
 
The dynastic history of the Chahmana.pdf
PrachiSontakke5
 
How to Convert an Opportunity into a Quotation in Odoo 18 CRM
Celine George
 
The History of Phone Numbers in Stoke Newington by Billy Thomas
History of Stoke Newington
 
SSHS-2025-PKLP_Quarter-1-Dr.-Kerby-Alvarez.pdf
AishahSangcopan1
 
grade 5 lesson matatag ENGLISH 5_Q1_PPT_WEEK4.pptx
SireQuinn
 
Lesson 2 - WATER,pH, BUFFERS, AND ACID-BASE.pdf
marvinnbustamante1
 
community health nursing question paper 2.pdf
Prince kumar
 
LAW OF CONTRACT (5 YEAR LLB & UNITARY LLB )- MODULE - 1.& 2 - LEARN THROUGH P...
APARNA T SHAIL KUMAR
 
LAW OF CONTRACT ( 5 YEAR LLB & UNITARY LLB)- MODULE-3 - LEARN THROUGH PICTURE
APARNA T SHAIL KUMAR
 
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - GLOBAL SUCCESS - CẢ NĂM - NĂM 2024 (VOCABULARY, ...
Nguyen Thanh Tu Collection
 

Game Design 2 (2010): Lecture 8 - Immersion through UI

  • 1. 2010 Game Design 2 Lecture 8: Immersion through UI http://www.comu346.com [email protected]
  • 2. Games Talk • BCS Talk by Sophie Houlden • next Monday at 18.30 in W110 • Indie dev talking about MAKING games • previously featured in Edge • http://www.sophiehoulden.com/ • http://slidesha.re/bT8mwe
  • 4. Reading • Anthony Stonehouse http://bit.ly/9isY6D • Erik Fagerhold & Magnus Lorentzon (2009) http://bit.ly/d0HfcW • Gamasutra (Marcus Andrews @ EA:DICE) http://bit.ly/9H6xuL • SlideShare presentation from Fagerhold http://slidesha.re/bjxr4I
  • 5. Immersive UI • Trend towards minimal HUD • UI as transparent as possible to not distract player
  • 6. Terminology • Diegetic: Interface included in the game world • Non-diegetic: Interface rendered outside game world • Spatial: UI Elements resented in game’s 3D space but not be an actual in-game entity • Meta: Representations can be in game but aren’t necessarily visualised spatially for player
  • 14. Case Study: Far Cry 2 • Goes to great lengths to make UI diegetic • especially hard for FPS games • Uses in-game gadgets perform traditional HUD roles • map • time • weapon condition
  • 17. What works? • Novelty factor • diging bullets out of arm • Ubisoft promoting UI in marketing • Interaction with NPCs • you can see what that character is doing • injury rescue
  • 18. What doesn’t work? • UI seems conflicted • there are traditional non-diegetic HUD elements such as: ammo; interaction opportunities; health etc
  • 21. • The non-diegetic elements fade in and out • Some elements of the UI don’t provide the player with enough information
  • 23. What does it mean? • The struggles of FC2 show that it is nearly hopeless for (FPS) games to be playable and 100% diegetic • If you make a late decision to compliment your diegetic components with non- diegetic, the design will suffer - best to plan
  • 24. Case Study: Dead Space • Fully diegetic interface. • Unlike most games, they had an explicit direction that all UI elements be ‘in the game world’ • Fairly traditional HUD system with a twist • all rendered as in-game holograms
  • 26. • in addition to the holograms, Dead Space also draws interface on the actual player avatar
  • 28. What works? • Sci-Fi Fiction lends itself to diegetic UI • “typical UI, rendered atypically” • Perspective • Using player avatar as a canvas is a great way to promote immersion • largely depending on setting & 3rd person camera • Preserving Functionality • preserves functionality but adds style
  • 29. What doesn’t work? • Functionality breakdown • the holographic 3D map failed to aid player navigation leading to the implementation of another, complimentary feature - the ‘locator’ that has a completely new diegetic spatial method
  • 31. What does it mean? • Fairly traditional interface rendered in novel fashion. • May be unrealised potential benefit of diegetic & innovative UI • Whilst the UI may have helped in the marketing (& sales?) its benefit to the gameplay is subjective
  • 32. Case Study: TF 2 • Uses mixed methods to communicate • very much a “whatever works” approach
  • 36. What works? • Mix of UI elements from each of the categories provides for lots of info without a cluttered HUD • shows that UI components don’t need to have an immediately obvious theme or be immersive to work
  • 37. What doesn’t work • the mix of styles can be perceived as a bit messy • inconsistencies can require more cognition from the player
  • 38. What does it mean? • TF2 has hardly any diegetic qualities but largely succeeds in UI design. • Shows that players will tolerate mixing styles in an interface
  • 39. Summary • Diegetic interface elements can help to reinforce the fiction of a game and can help keep the player immersed. • Diegetic elements are harder to design and integrate than non-diegetic elements especially in FPS games like Far Cry 2 • When there is a trade off between immersion and functionality - functionality must be given priority