SlideShare a Scribd company logo
Interfaces Chris Castaldi
An Interface is? Display of progress Map information Objectives Information Health  Ammo Map information Feedback Blinking health bar means your dying
A little Optics Low Resolution of the Eye Long Side View Peripheral vision Interfaces should always go on the edges away from our central vision
The First Person  Center of your view is always where your gun will shoot. Targeting recital.  Health and ammo almost always on opposite sides. To alert you of one or the other going low. Interface is Minimal. Don’t want to get things in the way Should also be semitransparent.
System Shock II
First Person notes Where to put things? Health on the left and ammo on the right. Players who play FPS’s expect things to be in the same place. Maps Top of the screen out of the way of your target. Inventory/Weapon Choices Toggled, either approaching from the sides or on top.
3 rd  Person Many games are done in the 3 rd  person because it creates the illusion of Peripheral Vision.  It also creates the movie feel being that you see yourself doing the actions. 3 rd  person usually required Targeting so you know what you are aiming at.
 
God view perspective God view games usually deal with managing lots of objects/units Sims Warcraft III Most all of them have a clear distinction between  management  and  action . Also usually have the biggest interface of all.
 
Homeworld
Types of Interface Buttons ~ What will the F4 do now? What is available and what do I need to press. These buttons are mutable each one can mean something different. Management ~ How do I manage groups of things? Group Movement / Composition Raid Interfaces Inventory (Items can be considered a type of unit) Targeting ~ Who am I looking at? Current (Target)  Health/other pool of target
Types of Interface (cont) Info ~ How much do you have? Current Weapon Ammo Health Inventory Textual ~ What is he saying and who is he? Usually seen mostly in MMOs or RPGs Chat Dialog Nameplates Navigation ~ Where am I? Compass Minimaps World Maps X Marks the spot
 
What makes an  Interface bad? Chunky Contains to much information Unresponsive Contains to little information What makes an interface stick out? Bad typography Fonts are important! Poor Color Choices Incorrect style
Looking at Eudemons Online (The Bad) Font Square not rounded like the other font is. Two different fonts used In different families Too much going on Text overload Lack of Targeting
 
Looking at Eudemons Online (The Good) Buttons Buttons animated making it a bit more excitable Responsive Unit frames  “ Pretty” with the subjection of the font Numbers are also pretty.
How important of a role does the interface really play? Reality Cue: Examples: Out of Air while underwater Entering a Irritated Area Cooldowns for powers/spells That your dying…. Meta knowledge A good interfaces breaks reality while maintaining disbelief.
Further Reading. Off With Their HUDs! http://www.gamasutra.com/features/20060203/wilson_01.shtml Evolution of the Interface. http://www.xyzzynews.com/xyzzy.7f.html What Games Teach us about human interaction. http://www.kuro5hin.org/story/2001/4/15/503/20814
Games Used: System Shock 2 by Irrational Games Neverwinter Nights by Bioware Warcraft 3 by Blizzard Homeworld 2 by Sierra Eudemons Online by TQ Entertainment

More Related Content

PPTX
Phases of game development
PPTX
PRESENTATION ON Game Engine
PPTX
Game dev process
PPTX
Game Architecture and Programming
PDF
Game Development workshop with Unity3D.
PPTX
Game Design as Career
PPTX
Game development
PDF
Introduction to Game Development
Phases of game development
PRESENTATION ON Game Engine
Game dev process
Game Architecture and Programming
Game Development workshop with Unity3D.
Game Design as Career
Game development
Introduction to Game Development

What's hot (20)

PPTX
Introduction to Game Development
PPT
What Is A Game Engine
PPTX
Introduction to Level Design
PPTX
Game Development Step by Step
PPTX
The Art of Game Development
PPSX
An Introduction To Game development
PPTX
Final year project presentation
PDF
2-Game Design (Game Design and Development)
PPTX
Game development
PPTX
Game development life cycle
PPTX
Unity 3D
PPTX
Introduction to game development
PPTX
Game engines and Their Influence in Game Design
KEY
COMU346 Introduction To Game Interface Design
PPTX
Introduction to Game Development
PPTX
What is game development
PPTX
LAFS Game Design 7 - Prototyping
PPTX
Game Design
PDF
Android Application And Unity3D Game Documentation
PDF
Game Design Fundamentals
Introduction to Game Development
What Is A Game Engine
Introduction to Level Design
Game Development Step by Step
The Art of Game Development
An Introduction To Game development
Final year project presentation
2-Game Design (Game Design and Development)
Game development
Game development life cycle
Unity 3D
Introduction to game development
Game engines and Their Influence in Game Design
COMU346 Introduction To Game Interface Design
Introduction to Game Development
What is game development
LAFS Game Design 7 - Prototyping
Game Design
Android Application And Unity3D Game Documentation
Game Design Fundamentals
Ad

Similar to Game Interface Design (20)

PPT
Interface: Creating the connection
PDF
User Experience 4: Usable User Interface
PPTX
98 374 Lesson 01-slides
KEY
Game Design 2 (2010): Lecture 8 - Immersion through UI
PPT
Games.ppt
PDF
Game Design Course
PPT
User interfaces
PPT
Beyond the HUD - User Interfaces for Increased Player Immersion in FPS Games
PPTX
ICS3211 lecture 12
PPT
Game Design 2: Lecture 9 - Immersion through UI
PDF
Game Design 2 (2013): Immersion Through Game UI
PDF
ICS3211 Lecture 10
PPTX
Level Design Primer
PPTX
Gaming powerpoint, summer holiday
PDF
Ao5 presentation
PDF
Human Computer Interaction
PPTX
Nature of Games.pptx
PPTX
Case Study
Interface: Creating the connection
User Experience 4: Usable User Interface
98 374 Lesson 01-slides
Game Design 2 (2010): Lecture 8 - Immersion through UI
Games.ppt
Game Design Course
User interfaces
Beyond the HUD - User Interfaces for Increased Player Immersion in FPS Games
ICS3211 lecture 12
Game Design 2: Lecture 9 - Immersion through UI
Game Design 2 (2013): Immersion Through Game UI
ICS3211 Lecture 10
Level Design Primer
Gaming powerpoint, summer holiday
Ao5 presentation
Human Computer Interaction
Nature of Games.pptx
Case Study
Ad

More from Chris Castaldi (14)

PPTX
Web Games
PPTX
Unverisal Game Model
PPTX
Game List
DOCX
Rolling Rules Explained
PPTX
Super Hero Creation
PPTX
PPT
Boards N Bits
PPTX
Game Core
PPT
PPT
PPT
PPT
PPT
PPT
Video Game Styles
Web Games
Unverisal Game Model
Game List
Rolling Rules Explained
Super Hero Creation
Boards N Bits
Game Core
Video Game Styles

Recently uploaded (20)

PDF
Spectral efficient network and resource selection model in 5G networks
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Network Security Unit 5.pdf for BCA BBA.
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Encapsulation theory and applications.pdf
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Spectral efficient network and resource selection model in 5G networks
Unlocking AI with Model Context Protocol (MCP)
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
“AI and Expert System Decision Support & Business Intelligence Systems”
Network Security Unit 5.pdf for BCA BBA.
Understanding_Digital_Forensics_Presentation.pptx
Digital-Transformation-Roadmap-for-Companies.pptx
Encapsulation theory and applications.pdf
MIND Revenue Release Quarter 2 2025 Press Release
20250228 LYD VKU AI Blended-Learning.pptx
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Mobile App Security Testing_ A Comprehensive Guide.pdf
The Rise and Fall of 3GPP – Time for a Sabbatical?
Advanced methodologies resolving dimensionality complications for autism neur...
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Diabetes mellitus diagnosis method based random forest with bat algorithm
NewMind AI Weekly Chronicles - August'25 Week I
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton

Game Interface Design

  • 2. An Interface is? Display of progress Map information Objectives Information Health Ammo Map information Feedback Blinking health bar means your dying
  • 3. A little Optics Low Resolution of the Eye Long Side View Peripheral vision Interfaces should always go on the edges away from our central vision
  • 4. The First Person Center of your view is always where your gun will shoot. Targeting recital. Health and ammo almost always on opposite sides. To alert you of one or the other going low. Interface is Minimal. Don’t want to get things in the way Should also be semitransparent.
  • 6. First Person notes Where to put things? Health on the left and ammo on the right. Players who play FPS’s expect things to be in the same place. Maps Top of the screen out of the way of your target. Inventory/Weapon Choices Toggled, either approaching from the sides or on top.
  • 7. 3 rd Person Many games are done in the 3 rd person because it creates the illusion of Peripheral Vision. It also creates the movie feel being that you see yourself doing the actions. 3 rd person usually required Targeting so you know what you are aiming at.
  • 8.  
  • 9. God view perspective God view games usually deal with managing lots of objects/units Sims Warcraft III Most all of them have a clear distinction between management and action . Also usually have the biggest interface of all.
  • 10.  
  • 12. Types of Interface Buttons ~ What will the F4 do now? What is available and what do I need to press. These buttons are mutable each one can mean something different. Management ~ How do I manage groups of things? Group Movement / Composition Raid Interfaces Inventory (Items can be considered a type of unit) Targeting ~ Who am I looking at? Current (Target) Health/other pool of target
  • 13. Types of Interface (cont) Info ~ How much do you have? Current Weapon Ammo Health Inventory Textual ~ What is he saying and who is he? Usually seen mostly in MMOs or RPGs Chat Dialog Nameplates Navigation ~ Where am I? Compass Minimaps World Maps X Marks the spot
  • 14.  
  • 15. What makes an Interface bad? Chunky Contains to much information Unresponsive Contains to little information What makes an interface stick out? Bad typography Fonts are important! Poor Color Choices Incorrect style
  • 16. Looking at Eudemons Online (The Bad) Font Square not rounded like the other font is. Two different fonts used In different families Too much going on Text overload Lack of Targeting
  • 17.  
  • 18. Looking at Eudemons Online (The Good) Buttons Buttons animated making it a bit more excitable Responsive Unit frames “ Pretty” with the subjection of the font Numbers are also pretty.
  • 19. How important of a role does the interface really play? Reality Cue: Examples: Out of Air while underwater Entering a Irritated Area Cooldowns for powers/spells That your dying…. Meta knowledge A good interfaces breaks reality while maintaining disbelief.
  • 20. Further Reading. Off With Their HUDs! http://www.gamasutra.com/features/20060203/wilson_01.shtml Evolution of the Interface. http://www.xyzzynews.com/xyzzy.7f.html What Games Teach us about human interaction. http://www.kuro5hin.org/story/2001/4/15/503/20814
  • 21. Games Used: System Shock 2 by Irrational Games Neverwinter Nights by Bioware Warcraft 3 by Blizzard Homeworld 2 by Sierra Eudemons Online by TQ Entertainment