SlideShare a Scribd company logo
Designing Game Interfaces Mike Jones  |  Gaming Evangelist, Adobe
Mike Jones Gaming Evangelist blog.flashgen.com @FlashGen Introduction
Agenda Game interfaces 101 The poetics of space The power of touch Questions 3
Game Interfaces 101 4
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
Game Interfaces 101 6
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
Game Interfaces 101 8
Game Interfaces 101 9 Demo
10 The Poetics of Space
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
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
The Poetics of Space 13
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
The Poetics of Space 15
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
The Poetics of Space 17
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
The Poetics of Space 19
20 The Power of Touch
The power of touch 21
The power of touch 22
The power of touch 23
The power of touch 24
The power of touch 25 Demo
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
Summary Avoid “shrink wrapping” your games Test early and often Touch based devices can compound interface design 27
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
Any Questions? Mike Jones Gaming Evangelist blog.flashgen.com @FlashGen http://gaming.adobe.com
Thank You Mike Jones Gaming Evangelist blog.flashgen.com @FlashGen http://gaming.adobe.com

More Related Content

What's hot

Digital Narrative: Game Design & Player Experience
Digital Narrative: Game Design & Player ExperienceDigital Narrative: Game Design & Player Experience
Digital Narrative: Game Design & Player Experience
LoriLanday
 
josephHiggins_BenchmarkPortfolioDeck
josephHiggins_BenchmarkPortfolioDeckjosephHiggins_BenchmarkPortfolioDeck
josephHiggins_BenchmarkPortfolioDeckJoseph Higgins
 
Flow Of The Making Of A 2D Game
Flow Of The Making Of A 2D GameFlow Of The Making Of A 2D Game
Flow Of The Making Of A 2D Game
LouisHughes666
 
Lessons in VR – Dive Heads in with Ubisoft | Chris Early, Patrick Plourde
Lessons in VR – Dive Heads in with Ubisoft | Chris Early, Patrick PlourdeLessons in VR – Dive Heads in with Ubisoft | Chris Early, Patrick Plourde
Lessons in VR – Dive Heads in with Ubisoft | Chris Early, Patrick Plourde
Jessica Tams
 
The Principles of Game Design
The Principles of Game DesignThe Principles of Game Design
The Principles of Game Design
InstantTechInfo
 
Game design@itp v3
Game design@itp v3Game design@itp v3
Game design@itp v3
Emma Westecott
 
Fmp research
Fmp researchFmp research
Fmp research
AllanGodin
 
Aqueous infiltration storyboard
Aqueous infiltration storyboardAqueous infiltration storyboard
Aqueous infiltration storyboardmichael Ayala
 
2. research(2)
2. research(2)2. research(2)
2. research(2)
Jack Hickman
 
Fall of the lich king
Fall of the lich kingFall of the lich king
Fall of the lich kingBatmanGrunt
 
Why people watch video games | Starcraft from the Stands
Why people watch video games | Starcraft from the StandsWhy people watch video games | Starcraft from the Stands
Why people watch video games | Starcraft from the Stands
Gifford Cheung
 
Game Treatment - Main Game
Game Treatment - Main GameGame Treatment - Main Game
Game Treatment - Main Game
Deightonater
 
Game Design, Lecture1: Design
Game Design, Lecture1: DesignGame Design, Lecture1: Design
Game Design, Lecture1: DesignPetri Lankoski
 
1. case study
1. case study1. case study
1. case study
Charlotte Oliver
 
Left 4 Dead
Left 4 DeadLeft 4 Dead
Cross-media social game experiences
Cross-media social game experiencesCross-media social game experiences
Cross-media social game experiences
Reinoud Bosman
 

What's hot (19)

Digital Narrative: Game Design & Player Experience
Digital Narrative: Game Design & Player ExperienceDigital Narrative: Game Design & Player Experience
Digital Narrative: Game Design & Player Experience
 
josephHiggins_BenchmarkPortfolioDeck
josephHiggins_BenchmarkPortfolioDeckjosephHiggins_BenchmarkPortfolioDeck
josephHiggins_BenchmarkPortfolioDeck
 
Mass effect 3 analysis
Mass effect 3 analysisMass effect 3 analysis
Mass effect 3 analysis
 
Postmortem
PostmortemPostmortem
Postmortem
 
Flow Of The Making Of A 2D Game
Flow Of The Making Of A 2D GameFlow Of The Making Of A 2D Game
Flow Of The Making Of A 2D Game
 
Lessons in VR – Dive Heads in with Ubisoft | Chris Early, Patrick Plourde
Lessons in VR – Dive Heads in with Ubisoft | Chris Early, Patrick PlourdeLessons in VR – Dive Heads in with Ubisoft | Chris Early, Patrick Plourde
Lessons in VR – Dive Heads in with Ubisoft | Chris Early, Patrick Plourde
 
Ff xiii
Ff xiiiFf xiii
Ff xiii
 
The Principles of Game Design
The Principles of Game DesignThe Principles of Game Design
The Principles of Game Design
 
Game design@itp v3
Game design@itp v3Game design@itp v3
Game design@itp v3
 
Fmp research
Fmp researchFmp research
Fmp research
 
Aqueous infiltration storyboard
Aqueous infiltration storyboardAqueous infiltration storyboard
Aqueous infiltration storyboard
 
2. research(2)
2. research(2)2. research(2)
2. research(2)
 
Fall of the lich king
Fall of the lich kingFall of the lich king
Fall of the lich king
 
Why people watch video games | Starcraft from the Stands
Why people watch video games | Starcraft from the StandsWhy people watch video games | Starcraft from the Stands
Why people watch video games | Starcraft from the Stands
 
Game Treatment - Main Game
Game Treatment - Main GameGame Treatment - Main Game
Game Treatment - Main Game
 
Game Design, Lecture1: Design
Game Design, Lecture1: DesignGame Design, Lecture1: Design
Game Design, Lecture1: Design
 
1. case study
1. case study1. case study
1. case study
 
Left 4 Dead
Left 4 DeadLeft 4 Dead
Left 4 Dead
 
Cross-media social game experiences
Cross-media social game experiencesCross-media social game experiences
Cross-media social game experiences
 

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 Prototypes
David Farrell
 
Game Design 2: Menu Flow (2011)
Game Design 2: Menu Flow (2011)Game Design 2: Menu Flow (2011)
Game Design 2: Menu Flow (2011)
David 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
 
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
David 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 Design
David Farrell
 
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
David Farrell
 
Game Design 2 - Lecture 2 - Menu Flow
Game Design 2 - Lecture 2 - Menu FlowGame Design 2 - Lecture 2 - Menu Flow
Game Design 2 - Lecture 2 - Menu Flow
David 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? v2
Devin Becker
 
Game Design 2: Lecture 4: Game UI Components
Game Design 2: Lecture 4:  Game UI ComponentsGame Design 2: Lecture 4:  Game UI Components
Game Design 2: Lecture 4: Game UI Components
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 Metaphor
David Farrell
 
Game Design 2 (2013): Immersion Through Game UI
Game Design 2 (2013): Immersion Through Game UIGame Design 2 (2013): Immersion Through Game UI
Game Design 2 (2013): Immersion Through Game UI
David 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 Design
David Farrell
 
Domain-Driven User Interface Design
Domain-Driven User Interface DesignDomain-Driven User Interface Design
Domain-Driven User Interface Design
Corentin Moussard
 
Icon assignment
Icon assignmentIcon assignment
Icon assignment
robinb83
 
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 (2010): Lecture 3 - UI Components
Game Design 2 (2010): Lecture 3 - UI ComponentsGame Design 2 (2010): Lecture 3 - UI Components
Game Design 2 (2010): Lecture 3 - UI Components
David 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 - Revision
David 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 Components
David Farrell
 
Game development life cycle
Game development life cycleGame development life cycle
Game development life cycle
Sarah Alazab
 
The Design of Everyday Games
The Design of Everyday GamesThe Design of Everyday Games
The Design of Everyday Games
Christina Wodtke
 

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
 
Game Design 2: Menu Flow (2011)
Game Design 2: Menu Flow (2011)Game Design 2: Menu Flow (2011)
Game Design 2: Menu Flow (2011)
 
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
 
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
 
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 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 - Lecture 2 - Menu Flow
Game Design 2 - Lecture 2 - Menu FlowGame Design 2 - Lecture 2 - Menu Flow
Game Design 2 - Lecture 2 - Menu Flow
 
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 Design 2: Lecture 4: Game UI Components
Game Design 2: Lecture 4:  Game UI ComponentsGame Design 2: Lecture 4:  Game UI Components
Game Design 2: Lecture 4: Game UI Components
 
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): Immersion Through Game UI
Game Design 2 (2013): Immersion Through Game UIGame Design 2 (2013): Immersion Through Game UI
Game Design 2 (2013): Immersion Through Game UI
 
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
 
Domain-Driven User Interface Design
Domain-Driven User Interface DesignDomain-Driven User Interface Design
Domain-Driven User Interface Design
 
Icon assignment
Icon assignmentIcon assignment
Icon assignment
 
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 (2010): Lecture 3 - UI Components
Game Design 2 (2010): Lecture 3 - UI ComponentsGame Design 2 (2010): Lecture 3 - UI Components
Game Design 2 (2010): Lecture 3 - UI Components
 
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 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 development life cycle
Game development life cycleGame development life cycle
Game development life cycle
 
The Design of Everyday Games
The Design of Everyday GamesThe Design of Everyday Games
The Design of Everyday Games
 

Similar to Designing Game Interfaces

Designing Game Interfaces
Designing Game InterfacesDesigning Game Interfaces
Designing Game Interfaces
Mike Jones
 
Pervasive Games
Pervasive GamesPervasive Games
Pervasive Games
hopkins28160
 
ICS3211 Lecture 10
ICS3211 Lecture 10 ICS3211 Lecture 10
ICS3211 Lecture 10
Vanessa Camilleri
 
Game engineering(jiit 2013 14-cs&it)
Game engineering(jiit 2013 14-cs&it)Game engineering(jiit 2013 14-cs&it)
Game engineering(jiit 2013 14-cs&it)Rajat Bhatia
 
LISA ASIA Forum - Localizing Interactive Media & Game
LISA ASIA Forum - Localizing Interactive Media & GameLISA ASIA Forum - Localizing Interactive Media & Game
LISA ASIA Forum - Localizing Interactive Media & Game
Victor Alonso Lion
 
Gfh Game Over
Gfh Game OverGfh Game Over
Gfh Game Overjgeorgal
 
Overview of Computer Games
Overview of Computer GamesOverview of Computer Games
Overview of Computer Games
Varuna Harshana
 
Business Opportunity for Windows Phone 7
Business Opportunity for Windows Phone 7Business Opportunity for Windows Phone 7
Business Opportunity for Windows Phone 7
Wes Yanaga
 
MIND GAME ZONE - Abhijeet
MIND GAME ZONE - AbhijeetMIND GAME ZONE - Abhijeet
MIND GAME ZONE - Abhijeet
Abhijeet Kalsi
 
Game Studies Download 3.0
Game Studies Download 3.0Game Studies Download 3.0
Game Studies Download 3.0
Jane McGonigal
 
3 2 1_contact: A touch, multitouch, and stylus exploration
3 2 1_contact: A touch, multitouch, and stylus exploration3 2 1_contact: A touch, multitouch, and stylus exploration
3 2 1_contact: A touch, multitouch, and stylus exploration
Northeast Kansas Library System
 
Eirplay game production
Eirplay game productionEirplay game production
Eirplay game production
Pete Lynch
 
G4H: game accessibility research @ University of Nevada, Reno
G4H: game accessibility research @ University of Nevada, RenoG4H: game accessibility research @ University of Nevada, Reno
G4H: game accessibility research @ University of Nevada, Reno
Eelke Folmer
 
Beyond the Rift: Virtual Reality Games and the Future of Communication
Beyond the Rift: Virtual Reality Games and the Future of CommunicationBeyond the Rift: Virtual Reality Games and the Future of Communication
Beyond the Rift: Virtual Reality Games and the Future of Communication
Jeannie Novak
 
Presentation
PresentationPresentation
PresentationAnu22ish
 
User Experience 4: Usable User Interface
User Experience 4: Usable User InterfaceUser Experience 4: Usable User Interface
User Experience 4: Usable User Interface
Marc Miquel
 
Video Game Report
Video Game ReportVideo Game Report
Video Game Report
Kristi Anderson
 
20131105 concepts of game design
20131105 concepts of game design20131105 concepts of game design
20131105 concepts of game design
Christina Hsu
 
Game Studies Download 2009 - Top 10 Research Findings
Game Studies Download 2009 - Top 10 Research FindingsGame Studies Download 2009 - Top 10 Research Findings
Game Studies Download 2009 - Top 10 Research Findings
Jane McGonigal
 

Similar to Designing Game Interfaces (20)

Designing Game Interfaces
Designing Game InterfacesDesigning Game Interfaces
Designing Game Interfaces
 
Pervasive Games
Pervasive GamesPervasive Games
Pervasive Games
 
ICS3211 Lecture 10
ICS3211 Lecture 10 ICS3211 Lecture 10
ICS3211 Lecture 10
 
Game engineering(jiit 2013 14-cs&it)
Game engineering(jiit 2013 14-cs&it)Game engineering(jiit 2013 14-cs&it)
Game engineering(jiit 2013 14-cs&it)
 
Game engineering
Game engineeringGame engineering
Game engineering
 
LISA ASIA Forum - Localizing Interactive Media & Game
LISA ASIA Forum - Localizing Interactive Media & GameLISA ASIA Forum - Localizing Interactive Media & Game
LISA ASIA Forum - Localizing Interactive Media & Game
 
Gfh Game Over
Gfh Game OverGfh Game Over
Gfh Game Over
 
Overview of Computer Games
Overview of Computer GamesOverview of Computer Games
Overview of Computer Games
 
Business Opportunity for Windows Phone 7
Business Opportunity for Windows Phone 7Business Opportunity for Windows Phone 7
Business Opportunity for Windows Phone 7
 
MIND GAME ZONE - Abhijeet
MIND GAME ZONE - AbhijeetMIND GAME ZONE - Abhijeet
MIND GAME ZONE - Abhijeet
 
Game Studies Download 3.0
Game Studies Download 3.0Game Studies Download 3.0
Game Studies Download 3.0
 
3 2 1_contact: A touch, multitouch, and stylus exploration
3 2 1_contact: A touch, multitouch, and stylus exploration3 2 1_contact: A touch, multitouch, and stylus exploration
3 2 1_contact: A touch, multitouch, and stylus exploration
 
Eirplay game production
Eirplay game productionEirplay game production
Eirplay game production
 
G4H: game accessibility research @ University of Nevada, Reno
G4H: game accessibility research @ University of Nevada, RenoG4H: game accessibility research @ University of Nevada, Reno
G4H: game accessibility research @ University of Nevada, Reno
 
Beyond the Rift: Virtual Reality Games and the Future of Communication
Beyond the Rift: Virtual Reality Games and the Future of CommunicationBeyond the Rift: Virtual Reality Games and the Future of Communication
Beyond the Rift: Virtual Reality Games and the Future of Communication
 
Presentation
PresentationPresentation
Presentation
 
User Experience 4: Usable User Interface
User Experience 4: Usable User InterfaceUser Experience 4: Usable User Interface
User Experience 4: Usable User Interface
 
Video Game Report
Video Game ReportVideo Game Report
Video Game Report
 
20131105 concepts of game design
20131105 concepts of game design20131105 concepts of game design
20131105 concepts of game design
 
Game Studies Download 2009 - Top 10 Research Findings
Game Studies Download 2009 - Top 10 Research FindingsGame Studies Download 2009 - Top 10 Research Findings
Game Studies Download 2009 - Top 10 Research Findings
 

Recently uploaded

Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
OnBoard
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
Sri Ambati
 
ODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User GroupODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User Group
CatarinaPereira64715
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
Ralf Eggert
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
Paul Groth
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Thierry Lestable
 
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
Product School
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
ThousandEyes
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
Laura Byrne
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Inflectra
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Ramesh Iyer
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
Jemma Hussein Allen
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
UiPathCommunity
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
Alison B. Lowndes
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
Product School
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
Guy Korland
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance
 
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxIOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
Abida Shariff
 

Recently uploaded (20)

Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
 
ODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User GroupODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User Group
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
 
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
 
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxIOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
 

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
  • 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
  • 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
  • 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

  1. 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
  2. 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.
  3. 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.
  4. 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
  5. 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)
  6. 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
  7. 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)
  8. 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
  9. 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)
  10. 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.
  11. 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)