SlideShare ist ein Scribd-Unternehmen logo
1 von 30
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

Weitere ähnliche Inhalte

Was ist angesagt?

Digital Narrative: Game Design & Player Experience
Digital Narrative: Game Design & Player ExperienceDigital Narrative: Game Design & Player Experience
Digital Narrative: Game Design & Player ExperienceLoriLanday
 
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 GameLouisHughes666
 
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 PlourdeJessica Tams
 
The Principles of Game Design
The Principles of Game DesignThe Principles of Game Design
The Principles of Game DesignInstantTechInfo
 
Aqueous infiltration storyboard
Aqueous infiltration storyboardAqueous infiltration storyboard
Aqueous infiltration storyboardmichael Ayala
 
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 StandsGifford Cheung
 
Game Treatment - Main Game
Game Treatment - Main GameGame Treatment - Main Game
Game Treatment - Main GameDeightonater
 
Game Design, Lecture1: Design
Game Design, Lecture1: DesignGame Design, Lecture1: Design
Game Design, Lecture1: DesignPetri Lankoski
 
Cross-media social game experiences
Cross-media social game experiencesCross-media social game experiences
Cross-media social game experiencesReinoud Bosman
 

Was ist angesagt? (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
 

Andere mochten auch

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
 
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 - ColourDavid 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 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 - Lecture 2 - Menu Flow
Game Design 2 - Lecture 2 - Menu FlowGame Design 2 - Lecture 2 - Menu Flow
Game Design 2 - Lecture 2 - Menu FlowDavid 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 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 ComponentsDavid 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): 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 UIDavid 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
 
Domain-Driven User Interface Design
Domain-Driven User Interface DesignDomain-Driven User Interface Design
Domain-Driven User Interface DesignCorentin Moussard
 
Icon assignment
Icon assignmentIcon assignment
Icon assignmentrobinb83
 
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 ComponentsDavid 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 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 development life cycle
Game development life cycleGame development life cycle
Game development life cycleSarah Alazab
 
The Design of Everyday Games
The Design of Everyday GamesThe Design of Everyday Games
The Design of Everyday GamesChristina Wodtke
 

Andere mochten auch (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
 

Ähnlich wie Designing Game Interfaces

Designing Game Interfaces
Designing Game InterfacesDesigning Game Interfaces
Designing Game InterfacesMike Jones
 
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 & GameVictor 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 GamesVaruna Harshana
 
Business Opportunity for Windows Phone 7
Business Opportunity for Windows Phone 7Business Opportunity for Windows Phone 7
Business Opportunity for Windows Phone 7Wes Yanaga
 
MIND GAME ZONE - Abhijeet
MIND GAME ZONE - AbhijeetMIND GAME ZONE - Abhijeet
MIND GAME ZONE - AbhijeetAbhijeet Kalsi
 
Game Studies Download 3.0
Game Studies Download 3.0Game Studies Download 3.0
Game Studies Download 3.0Jane 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 explorationNortheast Kansas Library System
 
Eirplay game production
Eirplay game productionEirplay game production
Eirplay game productionPete 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, RenoEelke 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 CommunicationJeannie 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 InterfaceMarc Miquel
 
20131105 concepts of game design
20131105 concepts of game design20131105 concepts of game design
20131105 concepts of game designChristina 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 FindingsJane McGonigal
 

Ähnlich wie 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
Game engineeringGame engineering
Game engineering
 
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)
 
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
 

Kürzlich hochgeladen

Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr LapshynFwdays
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsMiki Katsuragi
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfRankYa
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxhariprasad279825
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piececharlottematthew16
 

Kürzlich hochgeladen (20)

Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
 

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

Hinweis der Redaktion

  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)