AR & VR - Design & Storytelling for New Realities
-
Upload
adriana-vecchioli -
Category
Design
-
view
240 -
download
1
Transcript of AR & VR - Design & Storytelling for New Realities
![Page 1: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/1.jpg)
AR / VR: Design & Storytelling
for New Realities
Adriana Vecchioli - #HED2017
![Page 2: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/2.jpg)
from the screen space to the world space
Adriana Vecchioli - #HED2017
![Page 3: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/3.jpg)
Adriana Vecchioli
Founder & CTO of Vrtiginous
VR / AR UX Design & Prototyping
@AdrianaVecc
V R T I G I N O U S
![Page 4: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/4.jpg)
powerful stories
intuitive interactions
![Page 5: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/5.jpg)
think like a human
![Page 6: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/6.jpg)
what are the skills needed?
Empathy & Communications
![Page 7: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/7.jpg)
• the space • information • movements • avatars • stories
![Page 8: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/8.jpg)
The Space
![Page 9: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/9.jpg)
Raising A Rukus
“One of the main challenges for storytellers is learning to think in
terms of spheres instead of rectangles.”
Robert Stromberg (Oscar-winner for Avatar’s visual effects, co-founder of The VR Company)
![Page 10: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/10.jpg)
the danger: rectangular thinking
![Page 11: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/11.jpg)
no frame
Lost
![Page 12: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/12.jpg)
look around
![Page 13: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/13.jpg)
the player becomes the frame
![Page 14: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/14.jpg)
capture the gaze
![Page 15: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/15.jpg)
Invasion!
![Page 16: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/16.jpg)
sound
![Page 17: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/17.jpg)
Information
![Page 18: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/18.jpg)
literal abstract
![Page 19: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/19.jpg)
needs to be learned: reading a sign vs. …
![Page 20: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/20.jpg)
Locked In VR
… seeing the object it describes
![Page 21: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/21.jpg)
don’t force 2D solutions into a 3D space
![Page 22: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/22.jpg)
Virtual Boy
![Page 23: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/23.jpg)
be careful about mixing 2D and 3D GUI
3D is best
![Page 24: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/24.jpg)
Microsoft Hololens
![Page 25: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/25.jpg)
use real-world cues when appropriate
![Page 26: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/26.jpg)
![Page 27: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/27.jpg)
![Page 28: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/28.jpg)
peripheral cone of focus peripheral
![Page 29: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/29.jpg)
keep the density of information on screen low
not everything has to be in view
![Page 30: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/30.jpg)
bright scenes cause fatigue
use sparingly to highlight elements
![Page 31: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/31.jpg)
Pokemon Go
![Page 32: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/32.jpg)
use size & perspective to your advantage
![Page 33: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/33.jpg)
Movements
![Page 34: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/34.jpg)
moving shots make or break
![Page 35: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/35.jpg)
the danger: motion sickness
![Page 36: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/36.jpg)
avoid rapid and unexpected movement
![Page 37: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/37.jpg)
if there is a horizon line, keep it steady
![Page 38: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/38.jpg)
do not require the user to move their head
or body too much
![Page 39: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/39.jpg)
editing & transitions
![Page 40: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/40.jpg)
avoid abrupt transitions and changing points of view
![Page 41: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/41.jpg)
guide the user during the transition
![Page 42: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/42.jpg)
Anéchoïde
![Page 43: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/43.jpg)
soft fade to black
![Page 44: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/44.jpg)
![Page 45: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/45.jpg)
Avatars
![Page 46: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/46.jpg)
being assigned a character’s body is
awkward
![Page 47: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/47.jpg)
realistic full-body avatars are hard to get right
![Page 48: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/48.jpg)
In gaming, gloves can be used to remove identifiers
(age, gender, skin tone)
![Page 49: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/49.jpg)
The Climb
![Page 50: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/50.jpg)
Facebook Spaces
![Page 51: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/51.jpg)
AltSpace
![Page 52: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/52.jpg)
less is more
![Page 53: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/53.jpg)
Job Simulator
![Page 54: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/54.jpg)
break the rules
![Page 55: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/55.jpg)
ABE VR
![Page 56: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/56.jpg)
ABE VR
![Page 57: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/57.jpg)
when in doubt test, test, test
![Page 58: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/58.jpg)
Stories
![Page 59: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/59.jpg)
start with something short
![Page 60: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/60.jpg)
Disney VR - Trust in Me
![Page 61: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/61.jpg)
start from scratch
![Page 62: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/62.jpg)
Temple Run 2 - Android
![Page 63: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/63.jpg)
Temple Run - Gear VR
![Page 64: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/64.jpg)
do more than merely replicate
reality
![Page 65: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/65.jpg)
Owlchemy Labs - Job Simulator
![Page 66: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/66.jpg)
Google - Tilt Brush
![Page 67: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/67.jpg)
blur boundaries between the movie and the game
![Page 68: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/68.jpg)
Star Wars Trials on Tatooine
![Page 69: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/69.jpg)
atmosphere prevails over the narrative
Lost
![Page 70: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/70.jpg)
an inward journey to empathy
![Page 71: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/71.jpg)
The Displaced
![Page 72: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/72.jpg)
hands-on learning goes further than lectures
![Page 73: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/73.jpg)
Midnight Sky for Cardboard
![Page 74: AR & VR - Design & Storytelling for New Realities](https://reader036.fdocuments.us/reader036/viewer/2022081605/5a6ecf1c7f8b9a4f608b4f5b/html5/thumbnails/74.jpg)
Thank you
@adrianavecc