Designing Game Interfaces
•
13 likes•5,925 views
This is the slide deck for the session I gave on interface design at Adobe MAX 2011
Recommended
More Related Content
What's hot
What's hot (19)
Viewers also liked
Viewers also liked (20)
Similar to Designing Game Interfaces
Similar to Designing Game Interfaces (20)
Recently uploaded
Recently uploaded (20)
Designing Game Interfaces
- 1. Designing Game Interfaces Mike Jones | Gaming Evangelist, Adobe
- 2. Mike Jones Gaming Evangelist blog.flashgen.com @FlashGen Introduction
- 3. Agenda Game interfaces 101 The poetics of space The power of touch Questions 3
- 4. Game Interfaces 101 4
- 5. Game Interfaces 101 Useful in providing relevant information to the player Occupy minimal screen real estate Designed to be unobtrusive Common elements include score, time, health, bullets Need not be permanently visible Can adapt / evolve Simplicity goes a long way 5
- 6. Game Interfaces 101 6
- 7. Game Interfaces 101 Useful in providing relevant information to the player Occupy minimal screen real estate Designed to be unobtrusive Common elements include score, time, health, bullets Need not be permanently visible Can adapt / evolve Simplicity goes a long way 7
- 8. Game Interfaces 101 8
- 9. Game Interfaces 101 9 Demo
- 10. 10 The Poetics of Space
- 11. The Poetics of Space 11 Fagerholt, Lorentzon (2009) "Beyond the HUD - User Interfaces for Increased Player Immersion in FPS Games". MSc Thesis, Chalmers University of Technology
- 12. The Poetics of Space 12 Fagerholt, Lorentzon (2009) "Beyond the HUD - User Interfaces for Increased Player Immersion in FPS Games". MSc Thesis, Chalmers University of Technology
- 13. The Poetics of Space 13
- 14. The Poetics of Space 14 Fagerholt, Lorentzon (2009) "Beyond the HUD - User Interfaces for Increased Player Immersion in FPS Games". MSc Thesis, Chalmers University of Technology
- 15. The Poetics of Space 15
- 16. The Poetics of Space 16 Fagerholt, Lorentzon (2009) "Beyond the HUD - User Interfaces for Increased Player Immersion in FPS Games". MSc Thesis, Chalmers University of Technology
- 17. The Poetics of Space 17
- 18. The Poetics of Space 18 Fagerholt, Lorentzon (2009) "Beyond the HUD - User Interfaces for Increased Player Immersion in FPS Games". MSc Thesis, Chalmers University of Technology
- 19. The Poetics of Space 19
- 20. 20 The Power of Touch
- 21. The power of touch 21
- 22. The power of touch 22
- 23. The power of touch 23
- 24. The power of touch 24
- 25. The power of touch 25 Demo
- 26. The power of touch Touch based devices compound game interface integration The “fourth wall” now becomes the main input Lack of input precision and screen size require additional thought Players thumbs, fingers can easily obscure areas of the screen The device itself becomes an extension of the interface 26
- 27. Summary Avoid “shrink wrapping” your games Test early and often Touch based devices can compound interface design 27
- 28. Additional Resources Articles & Publications Beyond the HUD: User Interfaces for Increased Player Immersion in FPS Games (MSc Thesis) - Erik Fagerholt, Magnus Lorentzon.http://publications.dice.se/attachments/beyond.the.hud.091025.pdf User Interface design in video games - Anthony Stonehousehttp://www.thewanderlust.net/blog/2010/03/29/user-interface-design-in-video-games/ Replay: The History of Video Games – Tristan Donovanhttp://www.amzn.com/0956507204 Examples Fortune Onlinehttp://www.fortuneonline.com Max Racerhttp://alternativaplatform.com/en/demos/maxracer/ Zombie Tycoonhttp://molehill.zombietycoon.com/ 28
- 29. Any Questions? Mike Jones Gaming Evangelist blog.flashgen.com @FlashGen http://gaming.adobe.com
- 30. Thank You Mike Jones Gaming Evangelist blog.flashgen.com @FlashGen http://gaming.adobe.com
Editor's Notes
- The section titles are important as they emote a response for example:Game Interfaces 101 indicates that we will be looking at the nuts and bolts of GUIs in gamingThe poetics of space is about how the interface interacts with the game environment (in actual fact it is a book by Gaston Bachelard that discusses how we experience intimate places – a good book)Shrink Wrapped focuses on the common practice of designing the game then overlaying the interface afterwards – think HUDs.Touch, touch, touch looks at the UI issues that face game developers when designing for tables and other touch devices including elements like positioning, dexterity, reach and obstruction (thumbs etc obscuring the screen)XXXXXX
- The commonest form of GI are without doubt HUDs and ‘overlays’ (think Starcraft / WoW). However these aren’t the only for of GI and are not reflective of the art of GI design.
- The commonest form of GI are without doubt HUDs and ‘overlays’ (think Starcraft / WoW). However these aren’t the only for of GI and are not reflective of the art of GI design.
- This diagram, while primarily about 3D game interface relationships can easily be applied to 2D game development. However to explain the concepts of diegetic / spatial interfaces it is easier to use 3D games as they are easier to demonstrate or show examples of. That said, 2D games do use these techniques – most commonly found in platform or top down games. For example take the 1up mushroom in Super Mario. This isn’t a part of the game play / mechanic as it doesn’t provide any benefit to the character – it only benefits the player (by giving an extra life)Erik Fagerholt / Magnus Lorentzon
- This diagram, while primarily about 3D game interface relationships can easily be applied to 2D game development. However to explain the concepts of diegetic / spatial interfaces it is easier to use 3D games as they are easier to demonstrate or show examples of. That said, 2D games do use these techniques – most commonly found in platform or top down games. For example take the 1up mushroom in Super Mario. Tbhis isn’t a part of the game play / mechanic as it doesn’t provide any benefit to the character – it only benefits the player (by giving an extra life)
- Interface that is rendered outside the game world, only visible and audible to the players in the real world. Example: most classic heads-up display (HUD) elements
- This diagram, while primarily about 3D game interface relationships can easily be applied to 2D game development. However to explain the concepts of diegetic / spatial interfaces it is easier to use 3D games as they are easier to demonstrate or show examples of. That said, 2D games do use these techniques – most commonly found in platform or top down games. For example take the 1up mushroom in Super Mario. Tbhis isn’t a part of the game play / mechanic as it doesn’t provide any benefit to the character – it only benefits the player (by giving an extra life)
- Here we have the Zombie Tycoon game developed by Frima Studios with Stage3D. This gives a very good demonstration of Spatial, non-spatial, non-diegetic interface items
- This diagram, while primarily about 3D game interface relationships can easily be applied to 2D game development. However to explain the concepts of diegetic / spatial interfaces it is easier to use 3D games as they are easier to demonstrate or show examples of. That said, 2D games do use these techniques – most commonly found in platform or top down games. For example take the 1up mushroom in Super Mario. Tbhis isn’t a part of the game play / mechanic as it doesn’t provide any benefit to the character – it only benefits the player (by giving an extra life)
- Items that may exist in the game but are not displayed spatially. The most apparent example is effects rendered on the screen, such as blood spatter on the camera to indicate damage.
- This diagram, while primarily about 3D game interface relationships can easily be applied to 2D game development. However to explain the concepts of diegetic / spatial interfaces it is easier to use 3D games as they are easier to demonstrate or show examples of. That said, 2D games do use these techniques – most commonly found in platform or top down games. For example take the 1up mushroom in Super Mario. Tbhis isn’t a part of the game play / mechanic as it doesn’t provide any benefit to the character – it only benefits the player (by giving an extra life)