SlideShare a Scribd company logo
1 of 37
Download to read offline
2013

Game Design 2
Lecture 7: Immersion through UI

http://gcugd2.com
Sunday, 3 November 13

david.farrell@gcu.ac.uk
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

Sunday, 3 November 13
Immersive UI
• Trend towards minimal HUD
• UI as transparent as possible to not distract
player

Sunday, 3 November 13
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

Sunday, 3 November 13
Sunday, 3 November 13
Sunday, 3 November 13
Sunday, 3 November 13
Sunday, 3 November 13
Sunday, 3 November 13
Sunday, 3 November 13
Sunday, 3 November 13
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
Sunday, 3 November 13
Sunday, 3 November 13
Sunday, 3 November 13
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
Sunday, 3 November 13
What doesn’t work?
• UI seems conflicted
• there are traditional non-diegetic HUD
elements such as: ammo; interaction
opportunities; health etc

Sunday, 3 November 13
Sunday, 3 November 13
Sunday, 3 November 13
• The non-diegetic elements fade in and out
• Some elements of the UI don’t provide the
player with enough information

Sunday, 3 November 13
Sunday, 3 November 13
What does it mean?
• The struggles of FC2 show that it is nearly
hopeless for (realistic FPS) games to be
playable and 100% diegetic

• If you make a late decision to compliment

your diegetic components with nondiegetic, the design will suffer - best to plan

Sunday, 3 November 13
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
Sunday, 3 November 13
Sunday, 3 November 13
• in addition to the holograms, Dead Space
also draws interface on the actual player
avatar

Sunday, 3 November 13
Sunday, 3 November 13
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

Sunday, 3 November 13
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

Sunday, 3 November 13
Sunday, 3 November 13
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

Sunday, 3 November 13
Case Study: TF 2
• Uses mixed methods to communicate
• very much a “whatever works” approach

Sunday, 3 November 13
Sunday, 3 November 13
Sunday, 3 November 13
Sunday, 3 November 13
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

Sunday, 3 November 13
What doesn’t work
• the mix of styles can be perceived as a bit
messy

• inconsistencies can require more cognition
from the player

Sunday, 3 November 13
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

Sunday, 3 November 13
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

Sunday, 3 November 13

More Related Content

What's hot

Modes of Play: A Frame Analytic Account of Video Gaming
Modes of Play: A Frame Analytic Account of Video GamingModes of Play: A Frame Analytic Account of Video Gaming
Modes of Play: A Frame Analytic Account of Video Gaming
Sebastian Deterding
 
josephHiggins_BenchmarkPortfolioDeck
josephHiggins_BenchmarkPortfolioDeckjosephHiggins_BenchmarkPortfolioDeck
josephHiggins_BenchmarkPortfolioDeck
Joseph Higgins
 
Game Design Tools: For When Spreadsheets and Flowcharts Aren't Enough
Game Design Tools: For When Spreadsheets and Flowcharts Aren't EnoughGame Design Tools: For When Spreadsheets and Flowcharts Aren't Enough
Game Design Tools: For When Spreadsheets and Flowcharts Aren't Enough
Katharine Neil
 
Chapt 1 (part 1) mobile apps framework and platforms
Chapt 1 (part 1)   mobile apps framework and platformsChapt 1 (part 1)   mobile apps framework and platforms
Chapt 1 (part 1) mobile apps framework and platforms
Muhd Basheer
 

What's hot (19)

Tower Defense Generator: A Tool for Supporting Game Design Education
Tower Defense Generator: A Tool for Supporting Game Design EducationTower Defense Generator: A Tool for Supporting Game Design Education
Tower Defense Generator: A Tool for Supporting Game Design Education
 
Game design@itp v3
Game design@itp v3Game design@itp v3
Game design@itp v3
 
How to deliver a game in kodu
How to deliver a game in koduHow to deliver a game in kodu
How to deliver a game in kodu
 
Quick prototyping (Construct 2 & Unity) by Roan Contreras
Quick prototyping (Construct 2 & Unity) by Roan ContrerasQuick prototyping (Construct 2 & Unity) by Roan Contreras
Quick prototyping (Construct 2 & Unity) by Roan Contreras
 
Game programming-help
Game programming-helpGame programming-help
Game programming-help
 
Modes of Play: A Frame Analytic Account of Video Gaming
Modes of Play: A Frame Analytic Account of Video GamingModes of Play: A Frame Analytic Account of Video Gaming
Modes of Play: A Frame Analytic Account of Video Gaming
 
josephHiggins_BenchmarkPortfolioDeck
josephHiggins_BenchmarkPortfolioDeckjosephHiggins_BenchmarkPortfolioDeck
josephHiggins_BenchmarkPortfolioDeck
 
Mizzou Game Development slides September 10th
Mizzou Game Development slides September 10thMizzou Game Development slides September 10th
Mizzou Game Development slides September 10th
 
Phases of game development
Phases of game developmentPhases of game development
Phases of game development
 
Game design at Playrix
Game design at PlayrixGame design at Playrix
Game design at Playrix
 
Game Design Tools: For When Spreadsheets and Flowcharts Aren't Enough
Game Design Tools: For When Spreadsheets and Flowcharts Aren't EnoughGame Design Tools: For When Spreadsheets and Flowcharts Aren't Enough
Game Design Tools: For When Spreadsheets and Flowcharts Aren't Enough
 
Video game initial plans
Video game initial plansVideo game initial plans
Video game initial plans
 
LAFS Game Design 1 - Dynamic Elements
LAFS Game Design 1 - Dynamic ElementsLAFS Game Design 1 - Dynamic Elements
LAFS Game Design 1 - Dynamic Elements
 
Take That!: Evaluating game systems as communicative media
Take That!: Evaluating game systems as communicative mediaTake That!: Evaluating game systems as communicative media
Take That!: Evaluating game systems as communicative media
 
Game design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UI
Game design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UIGame design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UI
Game design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UI
 
Orthodoxies and technologies in game design
Orthodoxies and technologies in game designOrthodoxies and technologies in game design
Orthodoxies and technologies in game design
 
Game design careers
Game design careersGame design careers
Game design careers
 
Chapt 1 (part 1) mobile apps framework and platforms
Chapt 1 (part 1)   mobile apps framework and platformsChapt 1 (part 1)   mobile apps framework and platforms
Chapt 1 (part 1) mobile apps framework and platforms
 
Bethesda's Iterative Level Design Process for Skyrim and Fallout 3
Bethesda's Iterative Level Design Process for Skyrim and Fallout 3Bethesda's Iterative Level Design Process for Skyrim and Fallout 3
Bethesda's Iterative Level Design Process for Skyrim and Fallout 3
 

Viewers also liked

Beyond the HUD - User Interfaces for Increased Player Immersion in FPS Games
Beyond the HUD - User Interfaces for Increased Player Immersion in FPS GamesBeyond the HUD - User Interfaces for Increased Player Immersion in FPS Games
Beyond the HUD - User Interfaces for Increased Player Immersion in FPS Games
Electronic Arts / DICE
 
Game Design 2: Lecture 10 - UI Layout
Game Design 2: Lecture 10 - UI LayoutGame Design 2: Lecture 10 - UI Layout
Game Design 2: Lecture 10 - UI Layout
David Farrell
 

Viewers also liked (20)

Game Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
Game Design 2: Lecture 5 - Game UI Wireframes and Paper PrototypesGame Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
Game Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
 
Beyond the HUD - User Interfaces for Increased Player Immersion in FPS Games
Beyond the HUD - User Interfaces for Increased Player Immersion in FPS GamesBeyond the HUD - User Interfaces for Increased Player Immersion in FPS Games
Beyond the HUD - User Interfaces for Increased Player Immersion in FPS Games
 
Game Design 2 (2013): Lecture 5 - Game UI Prototyping
Game Design 2 (2013): Lecture 5 - Game UI PrototypingGame Design 2 (2013): Lecture 5 - Game UI Prototyping
Game Design 2 (2013): Lecture 5 - Game UI Prototyping
 
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI ComponentsGame Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
 
Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI Design
 Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI Design Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI Design
Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI Design
 
Game Design 2 (2013): Lecture 3 - Use of Text in design.
Game Design 2 (2013): Lecture 3 - Use of Text in design.Game Design 2 (2013): Lecture 3 - Use of Text in design.
Game Design 2 (2013): Lecture 3 - Use of Text in design.
 
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
 
Game design 2 (2013): Lecture 11 - User Feedback in Game Design
Game design 2 (2013): Lecture 11 - User Feedback in Game DesignGame design 2 (2013): Lecture 11 - User Feedback in Game Design
Game design 2 (2013): Lecture 11 - User Feedback in Game Design
 
Game Design 2: Lecture 10 - UI Layout
Game Design 2: Lecture 10 - UI LayoutGame Design 2: Lecture 10 - UI Layout
Game Design 2: Lecture 10 - UI Layout
 
Mobile game design: What makes it different? v2
Mobile game design: What makes it different? v2Mobile game design: What makes it different? v2
Mobile game design: What makes it different? v2
 
Game Interface Design
Game Interface DesignGame Interface Design
Game Interface Design
 
Game Design 2: Lecture 8 - Semiotics and Icon Design
Game Design 2: Lecture 8 - Semiotics and Icon DesignGame Design 2: Lecture 8 - Semiotics and Icon Design
Game Design 2: Lecture 8 - Semiotics and Icon Design
 
Game design 2 (2013): Lecture 13 - Colour
Game design 2 (2013): Lecture 13 - ColourGame design 2 (2013): Lecture 13 - Colour
Game design 2 (2013): Lecture 13 - Colour
 
Designing Game Interfaces
Designing Game InterfacesDesigning Game Interfaces
Designing Game Interfaces
 
GCU Game Design 2 (2013): Lecture 2 - Menu Flow
GCU Game Design 2 (2013): Lecture 2 - Menu FlowGCU Game Design 2 (2013): Lecture 2 - Menu Flow
GCU Game Design 2 (2013): Lecture 2 - Menu Flow
 
Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)
Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)
Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)
 
Serious games career quest
Serious games   career questSerious games   career quest
Serious games career quest
 
Game design 2 (2013): Lecture 14 - Revision
Game design 2 (2013): Lecture 14 - RevisionGame design 2 (2013): Lecture 14 - Revision
Game design 2 (2013): Lecture 14 - Revision
 
Game Development Project Management/Concept
Game Development Project Management/ConceptGame Development Project Management/Concept
Game Development Project Management/Concept
 
Game Design: The Production Plan
Game Design: The Production PlanGame Design: The Production Plan
Game Design: The Production Plan
 

Similar to Game Design 2 (2013): Immersion Through Game UI

13 types of interface
13 types of interface13 types of interface
13 types of interface
Lucy Taylor
 
Unit78 production log lb
Unit78 production log lbUnit78 production log lb
Unit78 production log lb
LewisB2013
 

Similar to Game Design 2 (2013): Immersion Through Game UI (20)

PlayerOne - Seminars Introduction
PlayerOne - Seminars IntroductionPlayerOne - Seminars Introduction
PlayerOne - Seminars Introduction
 
Project presentation
Project presentationProject presentation
Project presentation
 
The complete srs documentation of our developed game.
The complete srs documentation of our developed game. The complete srs documentation of our developed game.
The complete srs documentation of our developed game.
 
Cocos2d game programming 1
Cocos2d game programming 1Cocos2d game programming 1
Cocos2d game programming 1
 
Gameplay Concept Tool
Gameplay Concept ToolGameplay Concept Tool
Gameplay Concept Tool
 
GameSalad Weekend Intensive
GameSalad Weekend Intensive GameSalad Weekend Intensive
GameSalad Weekend Intensive
 
Rival assassins
Rival assassinsRival assassins
Rival assassins
 
Rival assassins
Rival assassinsRival assassins
Rival assassins
 
Rival Assassins
Rival AssassinsRival Assassins
Rival Assassins
 
Game designdocs
Game designdocsGame designdocs
Game designdocs
 
13 types of interface
13 types of interface13 types of interface
13 types of interface
 
3. research
3. research3. research
3. research
 
Unit78 production log lb
Unit78 production log lbUnit78 production log lb
Unit78 production log lb
 
Final year project presentation
Final year project presentationFinal year project presentation
Final year project presentation
 
7 tips and tricks for game designers
7 tips and tricks for game designers7 tips and tricks for game designers
7 tips and tricks for game designers
 
User Experience 4: Usable User Interface
User Experience 4: Usable User InterfaceUser Experience 4: Usable User Interface
User Experience 4: Usable User Interface
 
Game Design 2: Lecture 13 - Layering and Separation of Data Visualisation
Game Design 2: Lecture 13 - Layering and Separation of Data VisualisationGame Design 2: Lecture 13 - Layering and Separation of Data Visualisation
Game Design 2: Lecture 13 - Layering and Separation of Data Visualisation
 
Game Design 2 (2010): Lecture 6 - Layering and Separation
Game Design 2 (2010): Lecture 6 - Layering and SeparationGame Design 2 (2010): Lecture 6 - Layering and Separation
Game Design 2 (2010): Lecture 6 - Layering and Separation
 
Game Design 2 (2010): Lecture 6 - Layering and Separation
Game Design 2 (2010): Lecture 6 - Layering and SeparationGame Design 2 (2010): Lecture 6 - Layering and Separation
Game Design 2 (2010): Lecture 6 - Layering and Separation
 
Flat Design
Flat DesignFlat Design
Flat Design
 

More from David Farrell

Serious games cwltgm
Serious games   cwltgmSerious games   cwltgm
Serious games cwltgm
David Farrell
 
Mindset Training 2 - Goal Orientation
Mindset Training 2 - Goal OrientationMindset Training 2 - Goal Orientation
Mindset Training 2 - Goal Orientation
David Farrell
 
Mindset Training 1 - what are growth and fixed mindsets
Mindset Training 1 - what are growth and fixed mindsetsMindset Training 1 - what are growth and fixed mindsets
Mindset Training 1 - what are growth and fixed mindsets
David Farrell
 
Game Design 2: UI in Games - Revision Lecture
Game Design 2: UI in Games - Revision LectureGame Design 2: UI in Games - Revision Lecture
Game Design 2: UI in Games - Revision Lecture
David Farrell
 
Game Design 2: Lecture 12 - Platform Specific Design
Game Design 2: Lecture 12 - Platform Specific DesignGame Design 2: Lecture 12 - Platform Specific Design
Game Design 2: Lecture 12 - Platform Specific Design
David Farrell
 
Game Design 2: Lecture 11 - Colour
Game Design 2: Lecture 11 - ColourGame Design 2: Lecture 11 - Colour
Game Design 2: Lecture 11 - Colour
David Farrell
 
The impact of affect in serious games
The impact of affect in serious gamesThe impact of affect in serious games
The impact of affect in serious games
David Farrell
 
Comu346 lecture 6 - evaluation
Comu346   lecture 6 - evaluationComu346   lecture 6 - evaluation
Comu346 lecture 6 - evaluation
David Farrell
 

More from David Farrell (12)

Game design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
Game design 2 (2013): Lecture 12 - Usability, Layout and MetaphorGame design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
Game design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
 
Game Design 2 (2013): Lecture 9 - Micro and Macro Design for Game Communication
Game Design 2 (2013): Lecture 9 - Micro and Macro Design for Game CommunicationGame Design 2 (2013): Lecture 9 - Micro and Macro Design for Game Communication
Game Design 2 (2013): Lecture 9 - Micro and Macro Design for Game Communication
 
Serious games cwltgm
Serious games   cwltgmSerious games   cwltgm
Serious games cwltgm
 
Mindset Training 2 - Goal Orientation
Mindset Training 2 - Goal OrientationMindset Training 2 - Goal Orientation
Mindset Training 2 - Goal Orientation
 
Mindset Training 1 - what are growth and fixed mindsets
Mindset Training 1 - what are growth and fixed mindsetsMindset Training 1 - what are growth and fixed mindsets
Mindset Training 1 - what are growth and fixed mindsets
 
Game Design 2: UI in Games - Revision Lecture
Game Design 2: UI in Games - Revision LectureGame Design 2: UI in Games - Revision Lecture
Game Design 2: UI in Games - Revision Lecture
 
Game Design 2: Micro and Macro Data Visualisation
Game Design 2: Micro and Macro Data VisualisationGame Design 2: Micro and Macro Data Visualisation
Game Design 2: Micro and Macro Data Visualisation
 
Game Design 2: Lecture 12 - Platform Specific Design
Game Design 2: Lecture 12 - Platform Specific DesignGame Design 2: Lecture 12 - Platform Specific Design
Game Design 2: Lecture 12 - Platform Specific Design
 
Game Design 2: Lecture 11 - Colour
Game Design 2: Lecture 11 - ColourGame Design 2: Lecture 11 - Colour
Game Design 2: Lecture 11 - Colour
 
Mindset talk
Mindset talkMindset talk
Mindset talk
 
The impact of affect in serious games
The impact of affect in serious gamesThe impact of affect in serious games
The impact of affect in serious games
 
Comu346 lecture 6 - evaluation
Comu346   lecture 6 - evaluationComu346   lecture 6 - evaluation
Comu346 lecture 6 - evaluation
 

Recently uploaded

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
kauryashika82
 

Recently uploaded (20)

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Asian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptxAsian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptx
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Magic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptxMagic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptx
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 

Game Design 2 (2013): Immersion Through Game UI

  • 1. 2013 Game Design 2 Lecture 7: Immersion through UI http://gcugd2.com Sunday, 3 November 13 david.farrell@gcu.ac.uk
  • 2. 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 Sunday, 3 November 13
  • 3. Immersive UI • Trend towards minimal HUD • UI as transparent as possible to not distract player Sunday, 3 November 13
  • 4. 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 Sunday, 3 November 13
  • 12. 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 Sunday, 3 November 13
  • 15. 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 Sunday, 3 November 13
  • 16. What doesn’t work? • UI seems conflicted • there are traditional non-diegetic HUD elements such as: ammo; interaction opportunities; health etc Sunday, 3 November 13
  • 19. • The non-diegetic elements fade in and out • Some elements of the UI don’t provide the player with enough information Sunday, 3 November 13
  • 21. What does it mean? • The struggles of FC2 show that it is nearly hopeless for (realistic FPS) games to be playable and 100% diegetic • If you make a late decision to compliment your diegetic components with nondiegetic, the design will suffer - best to plan Sunday, 3 November 13
  • 22. 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 Sunday, 3 November 13
  • 24. • in addition to the holograms, Dead Space also draws interface on the actual player avatar Sunday, 3 November 13
  • 26. 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 Sunday, 3 November 13
  • 27. 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 Sunday, 3 November 13
  • 29. 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 Sunday, 3 November 13
  • 30. Case Study: TF 2 • Uses mixed methods to communicate • very much a “whatever works” approach Sunday, 3 November 13
  • 34. 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 Sunday, 3 November 13
  • 35. What doesn’t work • the mix of styles can be perceived as a bit messy • inconsistencies can require more cognition from the player Sunday, 3 November 13
  • 36. 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 Sunday, 3 November 13
  • 37. 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 Sunday, 3 November 13