SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Mais procurados

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
 

Mais procurados (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
 

Destaque

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
 

Destaque (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
 

Semelhante a 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
 

Semelhante a 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
 

Último

Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Servicegiselly40
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024Results
 
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGGoogle AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGSujit Pal
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...HostedbyConfluent
 

Último (20)

Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGGoogle AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAG
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
 

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

Notas do Editor

  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)