Heads-up Displays: Inspiring Creative User Interfaces
-
Upload
jainan-sankalia -
Category
Design
-
view
481 -
download
3
Transcript of Heads-up Displays: Inspiring Creative User Interfaces
![Page 2: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/2.jpg)
AVSIM
Origin
![Page 3: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/3.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/4.jpg)
Augmented Reality
Google Glass
Corvette
Apple aquired Metaio
Yelp
![Page 5: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/5.jpg)
Super Mario Bros.
Videogames
![Page 6: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/6.jpg)
GAME DESIGN UX DESIGN
ACADEMIA
![Page 7: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/7.jpg)
HUDs
![Page 8: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/8.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/9.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/10.jpg)
Gunblade
Videogame HUDs
![Page 11: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/11.jpg)
Lost Planet
Videogame HUDs
![Page 12: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/12.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/13.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/14.jpg)
http://publications.lib.chalmers.se/records/fulltext/111921.pdf
![Page 15: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/15.jpg)
Real world HUDs verse videogame HUDs
Ace CombatIntelligent Aerospace
![Page 16: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/16.jpg)
Virtual Space
Two key differences
Narrative
The Last of Us
![Page 17: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/17.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/18.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/19.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/20.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/21.jpg)
Batman: Arkham Origins
Non-diegetic
![Page 22: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/22.jpg)
Mass Effect 3
Non-diegetic
![Page 23: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/23.jpg)
Hockey on NBC
Non-diegetic
![Page 24: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/24.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/25.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/26.jpg)
Super Mario 64
Diegetic
![Page 27: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/27.jpg)
Dead Space
Diegetic
![Page 28: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/28.jpg)
Metaio
Diegetic
![Page 29: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/29.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/30.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/31.jpg)
StarCraft
Spatial
![Page 32: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/32.jpg)
Watchdogs
Spatial
![Page 33: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/33.jpg)
Football on CBS
Spatial
![Page 34: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/34.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/35.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/36.jpg)
Doom
Meta
![Page 37: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/37.jpg)
Grand Theft Auto 5
Meta
![Page 38: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/38.jpg)
Poker Stars
Meta
![Page 39: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/39.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/40.jpg)
Key Observations
![Page 41: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/41.jpg)
Assassin’s Creed
Why not diegetic?
![Page 42: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/42.jpg)
Assassin’s Creed
Why not diegetic?
![Page 43: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/43.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/44.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/45.jpg)
Halo 2
Shifting the fourth wall
![Page 46: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/46.jpg)
Halo 4
Shifting the fourth wall
![Page 47: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/47.jpg)
Shifting the fourth wall
Halo 4Halo 2
![Page 48: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/48.jpg)
Application ExampleNavigation
![Page 49: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/49.jpg)
Google Glass
Navigation - Non-diegetic
![Page 50: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/50.jpg)
BMW Concept
Navigation - Spatial
![Page 51: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/51.jpg)
TomTom
Navigation - Meta
![Page 52: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/52.jpg)
?Navigation - Diegetic
![Page 53: Heads-up Displays: Inspiring Creative User Interfaces](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/53.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051521/5a65e2967f8b9aaf638b572b/html5/thumbnails/54.jpg)
In the narrative Out of the narrative
In the virtual space
Out of the virtual space
SPATIAL
NON-DIEGETIC
DIEGETIC
META
Questions?