2010


                   Game Design 2
                     Lecture 8: Immersion through UI




http://www.comu346.com   ...
Games Talk
• BCS Talk by Sophie Houlden
 • next Monday at 18.30 in W110
 • Indie dev talking about MAKING games
 • previou...
Reading
• Anthony Stonehouse
  http://bit.ly/9isY6D
• Erik Fagerhold & Magnus Lorentzon (2009)
  http://bit.ly/d0HfcW
• Ga...
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
• Spa...
Case Study: Far Cry 2
• Goes to great lengths to make UI diegetic
 • especially hard for FPS games
• Uses in-game gadgets ...
What works?
• Novelty factor
 • diging bullets out of arm
 • Ubisoft promoting UI in marketing
• Interaction with NPCs
 • ...
What doesn’t work?

• UI seems conflicted
 • there are traditional non-diegetic HUD
    elements such as: ammo; interaction...
• The non-diegetic elements fade in and out
• Some elements of the UI don’t provide the
  player with enough information
What does it mean?

• The struggles of FC2 show that it is nearly
  hopeless for (FPS) games to be playable and
  100% die...
Case Study: Dead Space
• Fully diegetic interface.
• Unlike most games, they had an explicit
  direction that all UI eleme...
• in addition to the holograms, Dead Space
  also draws interface on the actual player
  avatar
What works?
• Sci-Fi Fiction lends itself to diegetic UI
 • “typical UI, rendered atypically”
• Perspective
 • Using playe...
What doesn’t work?
• Functionality breakdown
 • the holographic 3D map failed to aid
    player navigation leading to the
...
What does it mean?
• Fairly traditional interface rendered in
  novel fashion.
• May be unrealised potential benefit of
  d...
Case Study: TF 2


• Uses mixed methods to communicate
 • very much a “whatever works” approach
What works?

• Mix of UI elements from each of the
  categories provides for lots of info without
  a cluttered HUD
• show...
What doesn’t work

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

• TF2 has hardly any diegetic qualities but
  largely succeeds in UI design.
• Shows that players will...
Summary
• Diegetic interface elements can help to
  reinforce the fiction of a game and can
  help keep the player immersed...
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
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
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
Upcoming SlideShare
Loading in …5
×

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

1,516 views

Published on

This week, we look at Fagerhold's concept of diegesis in UI design space and how you can use UI design to reinforce and support your game's fiction.

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,516
On SlideShare
0
From Embeds
0
Number of Embeds
77
Actions
Shares
0
Downloads
30
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide







































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

    1. 1. 2010 Game Design 2 Lecture 8: Immersion through UI http://www.comu346.com dfarrell@davidlearnsgames.com
    2. 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
    3. 3. 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
    4. 4. Immersive UI • Trend towards minimal HUD • UI as transparent as possible to not distract player
    5. 5. 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
    6. 6. 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
    7. 7. 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
    8. 8. What doesn’t work? • UI seems conflicted • there are traditional non-diegetic HUD elements such as: ammo; interaction opportunities; health etc
    9. 9. • The non-diegetic elements fade in and out • Some elements of the UI don’t provide the player with enough information
    10. 10. 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
    11. 11. 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
    12. 12. • in addition to the holograms, Dead Space also draws interface on the actual player avatar
    13. 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
    14. 14. 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
    15. 15. 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
    16. 16. Case Study: TF 2 • Uses mixed methods to communicate • very much a “whatever works” approach
    17. 17. 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
    18. 18. What doesn’t work • the mix of styles can be perceived as a bit messy • inconsistencies can require more cognition from the player
    19. 19. 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
    20. 20. 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

    ×