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

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 EducationJose Zagal
 
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 koduNour Khouja
 
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 ContrerasDEVCON
 
Game programming-help
Game programming-helpGame programming-help
Game programming-helpSteve Nash
 
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 GamingSebastian Deterding
 
josephHiggins_BenchmarkPortfolioDeck
josephHiggins_BenchmarkPortfolioDeckjosephHiggins_BenchmarkPortfolioDeck
josephHiggins_BenchmarkPortfolioDeckJoseph Higgins
 
Mizzou Game Development slides September 10th
Mizzou Game Development slides September 10thMizzou Game Development slides September 10th
Mizzou Game Development slides September 10thEliotProkop
 
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 EnoughKatharine Neil
 
LAFS Game Design 1 - Dynamic Elements
LAFS Game Design 1 - Dynamic ElementsLAFS Game Design 1 - Dynamic Elements
LAFS Game Design 1 - Dynamic ElementsDavid Mullich
 
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 mediaGifford Cheung
 
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 UIDavid Farrell
 
Orthodoxies and technologies in game design
Orthodoxies and technologies in game designOrthodoxies and technologies in game design
Orthodoxies and technologies in game designKatharine 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 platformsMuhd Basheer
 
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 3Joel Burgess
 

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

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 PrototypesDavid Farrell
 
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 GamesElectronic Arts / DICE
 
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 PrototypingDavid Farrell
 
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 ComponentsDavid Farrell
 
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 DesignDavid Farrell
 
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.David Farrell
 
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 ECGBL13David Farrell
 
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 DesignDavid Farrell
 
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 LayoutDavid Farrell
 
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? v2Devin Becker
 
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 DesignDavid Farrell
 
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 - ColourDavid Farrell
 
Designing Game Interfaces
Designing Game InterfacesDesigning Game Interfaces
Designing Game InterfacesMike Jones
 
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 FlowDavid Farrell
 
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)David Farrell
 
Serious games career quest
Serious games   career questSerious games   career quest
Serious games career questDavid Farrell
 
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 - RevisionDavid Farrell
 
Game Development Project Management/Concept
Game Development Project Management/ConceptGame Development Project Management/Concept
Game Development Project Management/ConceptKevin Duggan
 
Game Design: The Production Plan
Game Design: The Production PlanGame Design: The Production Plan
Game Design: The Production PlanKevin Duggan
 

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

PlayerOne - Seminars Introduction
PlayerOne - Seminars IntroductionPlayerOne - Seminars Introduction
PlayerOne - Seminars IntroductionLuca Galli
 
Project presentation
Project presentationProject presentation
Project presentationHarsh Sharma
 
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. Isfand yar Khan
 
GameSalad Weekend Intensive
GameSalad Weekend Intensive GameSalad Weekend Intensive
GameSalad Weekend Intensive Lynne Watanabe
 
13 types of interface
13 types of interface13 types of interface
13 types of interfaceLucy Taylor
 
Unit78 production log lb
Unit78 production log lbUnit78 production log lb
Unit78 production log lbLewisB2013
 
Final year project presentation
Final year project presentationFinal year project presentation
Final year project presentationSulemanAliMalik
 
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 designersIntel® Software
 
User Experience 4: Usable User Interface
User Experience 4: Usable User InterfaceUser Experience 4: Usable User Interface
User Experience 4: Usable User InterfaceMarc Miquel
 
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 VisualisationDavid Farrell
 
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 SeparationDavid Farrell
 
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 SeparationDavid Farrell
 

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

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 MetaphorDavid Farrell
 
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 CommunicationDavid Farrell
 
Serious games cwltgm
Serious games   cwltgmSerious games   cwltgm
Serious games cwltgmDavid Farrell
 
Mindset Training 2 - Goal Orientation
Mindset Training 2 - Goal OrientationMindset Training 2 - Goal Orientation
Mindset Training 2 - Goal OrientationDavid 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 mindsetsDavid 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 LectureDavid Farrell
 
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 VisualisationDavid 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 DesignDavid Farrell
 
Game Design 2: Lecture 11 - Colour
Game Design 2: Lecture 11 - ColourGame Design 2: Lecture 11 - Colour
Game Design 2: Lecture 11 - ColourDavid 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 gamesDavid Farrell
 
Comu346 lecture 6 - evaluation
Comu346   lecture 6 - evaluationComu346   lecture 6 - evaluation
Comu346 lecture 6 - evaluationDavid 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

Judging the Relevance and worth of ideas part 2.pptx
Judging the Relevance  and worth of ideas part 2.pptxJudging the Relevance  and worth of ideas part 2.pptx
Judging the Relevance and worth of ideas part 2.pptxSherlyMaeNeri
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxiammrhaywood
 
Earth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatEarth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatYousafMalik24
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Mark Reed
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTiammrhaywood
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomnelietumpap1
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxthorishapillay1
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPCeline George
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptxmary850239
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxDr.Ibrahim Hassaan
 
ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4MiaBumagat1
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceSamikshaHamane
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...JhezDiaz1
 
How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17Celine George
 
Science 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptxScience 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptxMaryGraceBautista27
 
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYKayeClaireEstoconing
 

Recently uploaded (20)

Judging the Relevance and worth of ideas part 2.pptx
Judging the Relevance  and worth of ideas part 2.pptxJudging the Relevance  and worth of ideas part 2.pptx
Judging the Relevance and worth of ideas part 2.pptx
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
 
Earth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatEarth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice great
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choom
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptx
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERP
 
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptxLEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptx
 
OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...
 
ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in Pharmacovigilance
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
 
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptxYOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
 
How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17
 
Science 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptxScience 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptx
 
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
 

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