54
Heads-Up Displays Inspiring Creative User Interfaces Jainan Sankalia [email protected]

Heads-up Displays: Inspiring Creative User Interfaces

Embed Size (px)

Citation preview

Page 1: Heads-up Displays: Inspiring Creative User Interfaces

Heads-Up DisplaysInspiring Creative User Interfaces

Jainan [email protected]

Page 2: Heads-up Displays: Inspiring Creative User Interfaces

AVSIM

Origin

Page 3: Heads-up Displays: Inspiring Creative User Interfaces

Traditionally

A display of critical information that can be

seen without lowering the eyes, typically

through being projected onto a windsheild.

Page 4: Heads-up Displays: Inspiring Creative User Interfaces

Augmented Reality

Google Glass

Corvette

Apple aquired Metaio

Yelp

Page 5: Heads-up Displays: Inspiring Creative User Interfaces

Super Mario Bros.

Videogames

Page 6: Heads-up Displays: Inspiring Creative User Interfaces

GAME DESIGN UX DESIGN

ACADEMIA

Page 7: Heads-up Displays: Inspiring Creative User Interfaces

HUDs

Page 8: Heads-up Displays: Inspiring Creative User Interfaces

Videogame HUDs

A display of critical information that can be

seen without lowering the eyes, typically

through being projected onto a screen.

Page 9: Heads-up Displays: Inspiring Creative User Interfaces

Videogame HUDs

A display of critical information that can be

seen without lowering the eyes, typically

through being projected onto a screen.

Page 10: Heads-up Displays: Inspiring Creative User Interfaces

Gunblade

Videogame HUDs

Page 11: Heads-up Displays: Inspiring Creative User Interfaces

Lost Planet

Videogame HUDs

Page 12: Heads-up Displays: Inspiring Creative User Interfaces

Videogame HUDs

A display of critical information that can be

seen without lowering the eyes, typically

through being projected onto a screen.

Page 13: Heads-up Displays: Inspiring Creative User Interfaces

Videogame HUDs

A display of critical information that can be

seen without lowering the eyes, typically

through being projected onto a screen.

Page 14: Heads-up Displays: Inspiring Creative User Interfaces

http://publications.lib.chalmers.se/records/fulltext/111921.pdf

Page 15: Heads-up Displays: Inspiring Creative User Interfaces

Real world HUDs verse videogame HUDs

Ace CombatIntelligent Aerospace

Page 16: Heads-up Displays: Inspiring Creative User Interfaces

Virtual Space

Two key differences

Narrative

The Last of Us

Page 17: Heads-up Displays: Inspiring Creative User Interfaces

In the narrative Out of the narrative

In the virtual space

Out of the virtual space

Page 18: Heads-up Displays: Inspiring Creative User Interfaces

In the narrative Out of the narrative

In the virtual space

Out of the virtual space

1) Could the characters perceive it?

2) Does it appear ‘on’ the screen or ‘within’ the screen?

The Fourth Wall

Page 19: Heads-up Displays: Inspiring Creative User Interfaces

In the narrative Out of the narrative

In the virtual space

Out of the virtual space

Page 20: Heads-up Displays: Inspiring Creative User Interfaces

In the narrative Out of the narrative

In the virtual space

Out of the virtual space

NON-DIEGETIC

Page 21: Heads-up Displays: Inspiring Creative User Interfaces

Batman: Arkham Origins

Non-diegetic

Page 22: Heads-up Displays: Inspiring Creative User Interfaces

Mass Effect 3

Non-diegetic

Page 23: Heads-up Displays: Inspiring Creative User Interfaces

Hockey on NBC

Non-diegetic

Page 24: Heads-up Displays: Inspiring Creative User Interfaces

In the narrative Out of the narrative

In the virtual space

Out of the virtual space

NON-DIEGETIC

Page 25: Heads-up Displays: Inspiring Creative User Interfaces

In the narrative Out of the narrative

In the virtual space

Out of the virtual space

NON-DIEGETIC

DIEGETIC

Page 26: Heads-up Displays: Inspiring Creative User Interfaces

Super Mario 64

Diegetic

Page 27: Heads-up Displays: Inspiring Creative User Interfaces

Dead Space

Diegetic

Page 28: Heads-up Displays: Inspiring Creative User Interfaces

Metaio

Diegetic

Page 29: Heads-up Displays: Inspiring Creative User Interfaces

In the narrative Out of the narrative

In the virtual space

Out of the virtual space

NON-DIEGETIC

DIEGETIC

Page 30: Heads-up Displays: Inspiring Creative User Interfaces

In the narrative Out of the narrative

In the virtual space

Out of the virtual space

SPATIAL

NON-DIEGETIC

DIEGETIC

Page 31: Heads-up Displays: Inspiring Creative User Interfaces

StarCraft

Spatial

Page 32: Heads-up Displays: Inspiring Creative User Interfaces

Watchdogs

Spatial

Page 33: Heads-up Displays: Inspiring Creative User Interfaces

Football on CBS

Spatial

Page 34: Heads-up Displays: Inspiring Creative User Interfaces

In the narrative Out of the narrative

In the virtual space

Out of the virtual space

SPATIAL

NON-DIEGETIC

DIEGETIC

Page 35: Heads-up Displays: Inspiring Creative User Interfaces

In the narrative Out of the narrative

In the virtual space

Out of the virtual space

SPATIAL

NON-DIEGETIC

DIEGETIC

META

Page 36: Heads-up Displays: Inspiring Creative User Interfaces

Doom

Meta

Page 37: Heads-up Displays: Inspiring Creative User Interfaces

Grand Theft Auto 5

Meta

Page 38: Heads-up Displays: Inspiring Creative User Interfaces

Poker Stars

Meta

Page 39: Heads-up Displays: Inspiring Creative User Interfaces

In the narrative Out of the narrative

In the virtual space

Out of the virtual space

SPATIAL

NON-DIEGETIC

DIEGETIC

META

Page 40: Heads-up Displays: Inspiring Creative User Interfaces

Key Observations

Page 41: Heads-up Displays: Inspiring Creative User Interfaces

Assassin’s Creed

Why not diegetic?

Page 42: Heads-up Displays: Inspiring Creative User Interfaces

Assassin’s Creed

Why not diegetic?

Page 43: Heads-up Displays: Inspiring Creative User Interfaces

In the narrative Out of the narrative

In the virtual space

Out of the virtual space

Page 44: Heads-up Displays: Inspiring Creative User Interfaces

In the narrative Out of the narrative

In the virtual space

Out of the virtual space

Higher Usability

Higher Immersion

Page 45: Heads-up Displays: Inspiring Creative User Interfaces

Halo 2

Shifting the fourth wall

Page 46: Heads-up Displays: Inspiring Creative User Interfaces

Halo 4

Shifting the fourth wall

Page 47: Heads-up Displays: Inspiring Creative User Interfaces

Shifting the fourth wall

Halo 4Halo 2

Page 48: Heads-up Displays: Inspiring Creative User Interfaces

Application ExampleNavigation

Page 49: Heads-up Displays: Inspiring Creative User Interfaces

Google Glass

Navigation - Non-diegetic

Page 50: Heads-up Displays: Inspiring Creative User Interfaces

BMW Concept

Navigation - Spatial

Page 51: Heads-up Displays: Inspiring Creative User Interfaces

TomTom

Navigation - Meta

Page 52: Heads-up Displays: Inspiring Creative User Interfaces

?Navigation - Diegetic

Page 53: Heads-up Displays: Inspiring Creative User Interfaces

In the narrative Out of the narrative

In the virtual space

Out of the virtual space

SPATIAL

NON-DIEGETIC

DIEGETIC

META

Page 54: Heads-up Displays: Inspiring Creative User Interfaces

In the narrative Out of the narrative

In the virtual space

Out of the virtual space

SPATIAL

NON-DIEGETIC

DIEGETIC

META

Questions?