SlideShare ist ein Scribd-Unternehmen logo
1 von 52
Downloaden Sie, um offline zu lesen
Designing VR for Humans
MikeAlger
Welcome to the spaceship
We found this primitive human
species.
We decided to keep it as a pet.
But it seems to freak out in our
strange environment.
Welcome to the spaceship
So we created this device to keep
it happy.
Here’s the results of our tests,
based on our findings of human
evolution…
This is a typical human shape.
very strange.
Input
43º C
Main Outputs
Sweat
Input
Breakfast
Main Outputs
Energy
😀
💩
Input
Mismatched vestibular
and ocular information
Main Outputs
Breakfast
Input
Scary object close
to face
Main Outputs
Dodge
Scream
Adrenaline
Input
Confusing UI
Main Outputs
Frustration
😠
Input
Easy UI
Main Outputs
Fast Task
Completion
Input
Good Experience
Main Outputs
Happiness
😀
Input
Marketing for
Good Experience
Main Outputs
Money
💵 💷 💶
If you want to try to make
humans happy…
Try relying on nature first and nurture second
object features to draw attention
understandable spatial relationships
color with evolutionary reasons - i.e. blood red
nesting instincts
exploration instincts
defensive, food gathering, reproductive, parental, etc.
Field of View
Source: Alex Chu, Josh Carpenter, Jody Medich
Range of Motion
Combine FOV and Rotation
to get
Content Zones
Lessons from other
mediums
Traditional Art
color palettes
composition
lighting
texture
Animation
easing curves
illusion of weight
Print Design
headlines
typography
line length
contrast
imagery
Web Design
white space
clear interactions
hover states
don’t just make it work
Theater
storytelling
suspension of disbelief
staging & blocking
pacing
Film
shot types
editing
production workflows
fore- mid- background
compositing
Television
journalism
monetization techniques
episodic form
standardization
photosensitive epilepsy
Architecture
materials
distances
information design
support structure
landscaping
paths
Interior Design
space
customization
feng shui
cloth
Game Design
asset optimization
gamification
interactive storytelling
Consolidated Pro-Tips
for your human’s User Interface
not canon
take it or leave it
Use line of sight to reveal information
PRO-TIP
Source: Elite: Dangerous, LEAP Motion Planetarium, Siemens Demo
Animals in environments with too
much going on are more likely to
miss a critical detail and die, so the
brain sends signals to escape.
Also, humans fear the unknown
and have a desire to explore and
understand so they don’t die.
WHY
Take care of humans responsibly
Minimalism helps keep the environment simple, and thus
less stressful.
But having information available immediately is pleasing.
Don’t show what you don’t know
PRO-TIP
Source: Stanford Human Interaction Lab, Altpace VR, Jody Medich
Proprioceptive Disparity; If a human ate
something poisonous, it might cause
mismatched signals in their senses. The
brain reacts by making the body sick to
vomit what they ate. This is why
vestibular and ocular mismatch makes
humans sick. This also breaks suspension
of disbelief.
WHY
Take care of humans responsibly
You’re better off not showing an elbow rather than
showing one in the wrong place.
Looking left and right is easier standing;
Up and down is easier sitting
PRO-TIP
Source: Jody Medich
It’s the way human muscles
and tendons evolved
WHY
Take care of humans responsibly
Format content for the experience.
Use rows and columns where they make sense.
vs
5cm separation on near UI elements is as
clear as a drop-shadow in 2D
PRO-TIP
Source: Josh Carpenter
object identification based on
parallax and convergence is hard-
wired into the human’s brain
WHY
Take care of humans responsibly
Use z-depth for hierarchical UI elements
Flat planes look convex from distortion;
Compensate with dynamic plane curvature
PRO-TIP
Source: Steam VR, Jody Medich
The brain breaks suspension of
disbelief with unexpected physical
characteristics
WHY
Take care of humans responsibly
Adjust 2D plane curvature based on distance from user
Use a reference grid to test
Sound helps for lack of tactile feedback
PRO-TIP
Source: Jody Medich
Synesthesia; The human’s senses
work together. Smelling things can
give it the illusion of taste. Sound
feedback on actions helps (but
doesn’t always solve)
WHY
Take care of humans responsibly
If they touch something, play a corresponding sound
Human scale helps spatial cognition
PRO-TIP
Source: Jody Medich
Humans come automatically
trained to recognize distances
relative to themselves.
WHY
Take care of humans responsibly
Help your human navigate, remember,
and find things by using real sizes
Podiums help them feel balanced
PRO-TIP
Source: Alex Chu
Vertigo; When a human is near an
e d g e , t h e y m a y b e c o m e
unbalanced, making them want to
grab something for support.
Having a railing, podium or object
near helps them feel more
comfortable.
WHY
Take care of humans responsibly
Ground them with elements in the foreground plane,
particularly for standing experiences
Foreground Midground Background
Use aspects of physical reality, even if
your art style is not photorealism
PRO-TIP
Source: Jody Medich, Alex Chu, Tony Davidson
Presence is involuntary subconscious
suspension of disbelief. The brain
accepts a presented reality more
readily if physical properties behave
appropriately.
WHY
Take care of humans responsibly
Pay attention to the way light bounces.
Add imperfections and reflections.
Use optimized normal maps and shaders to achieve
believable materials and corners.
Bake ambient occlusion and raytracing where possible.
More UX/UI Resources
Josh Carpenter - Mozilla
youtube.com/watch?v=ZOaOYTOpwyM
Jody Medich - LEAP Motion
youtube.com/watch?v=f0PCyyfbJpw
Alex Chu - Samsung
youtube.com/watch?v=XjnHr_6WSqo
one more thing…
Don’t forget to feed them
and keep them watered.
MikeAlger
mike@mikealger.com
Ravensbourne
MA/MSc
London
mikealger.com/professional

Weitere ähnliche Inhalte

Was ist angesagt?

Designing for Multi-touchpoint Experiences
Designing for Multi-touchpoint ExperiencesDesigning for Multi-touchpoint Experiences
Designing for Multi-touchpoint Experiences
Jamin Hegeman
 
virtual reality | latest |best presentation
virtual reality | latest |best presentationvirtual reality | latest |best presentation
virtual reality | latest |best presentation
vipin mishra
 

Was ist angesagt? (20)

COMP 4010: Lecture 4 - 3D User Interfaces for VR
COMP 4010: Lecture 4 - 3D User Interfaces for VRCOMP 4010: Lecture 4 - 3D User Interfaces for VR
COMP 4010: Lecture 4 - 3D User Interfaces for VR
 
human centered design
human centered designhuman centered design
human centered design
 
UX Strategy - the secret sauce that defines the pixie dust
UX Strategy - the secret sauce that defines the pixie dustUX Strategy - the secret sauce that defines the pixie dust
UX Strategy - the secret sauce that defines the pixie dust
 
Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?
 
Augmented Reality
Augmented RealityAugmented Reality
Augmented Reality
 
COMP Lecture1 - Introduction to Virtual Reality
COMP Lecture1 - Introduction to Virtual RealityCOMP Lecture1 - Introduction to Virtual Reality
COMP Lecture1 - Introduction to Virtual Reality
 
2022 COMP4010 Lecture1: Introduction to XR
2022 COMP4010 Lecture1: Introduction to XR2022 COMP4010 Lecture1: Introduction to XR
2022 COMP4010 Lecture1: Introduction to XR
 
XR and the Future of Immersive Technology
XR and the Future of Immersive TechnologyXR and the Future of Immersive Technology
XR and the Future of Immersive Technology
 
Virtual reality
Virtual realityVirtual reality
Virtual reality
 
Create Your Own VR Experience
Create Your Own VR ExperienceCreate Your Own VR Experience
Create Your Own VR Experience
 
HITD 201: Design Thinking Lecture 1 - Introduction
HITD 201: Design Thinking Lecture 1 - IntroductionHITD 201: Design Thinking Lecture 1 - Introduction
HITD 201: Design Thinking Lecture 1 - Introduction
 
What is virtual reality?
What is virtual reality?What is virtual reality?
What is virtual reality?
 
Human Kind
Human KindHuman Kind
Human Kind
 
The Mobile Future of Extended Reality
The Mobile Future of Extended RealityThe Mobile Future of Extended Reality
The Mobile Future of Extended Reality
 
nobody knows how it works but... 2016 update
nobody knows how it works but... 2016 updatenobody knows how it works but... 2016 update
nobody knows how it works but... 2016 update
 
2022 COMP4010 Lecture 6: Designing AR Systems
2022 COMP4010 Lecture 6: Designing AR Systems2022 COMP4010 Lecture 6: Designing AR Systems
2022 COMP4010 Lecture 6: Designing AR Systems
 
Designing for Multi-touchpoint Experiences
Designing for Multi-touchpoint ExperiencesDesigning for Multi-touchpoint Experiences
Designing for Multi-touchpoint Experiences
 
Virtual reality
Virtual realityVirtual reality
Virtual reality
 
virtual reality | latest |best presentation
virtual reality | latest |best presentationvirtual reality | latest |best presentation
virtual reality | latest |best presentation
 
AR&VR Implementation
AR&VR ImplementationAR&VR Implementation
AR&VR Implementation
 

Andere mochten auch

Language education and multiliteracies
Language education and multiliteracies  Language education and multiliteracies
Language education and multiliteracies
ihasan85
 
Speechtek 2009 Driving Design
Speechtek 2009 Driving DesignSpeechtek 2009 Driving Design
Speechtek 2009 Driving Design
Karen Kaushansky
 

Andere mochten auch (20)

Virtual Reality UX - Designing for Interfaces without Screens
Virtual Reality UX - Designing for Interfaces without ScreensVirtual Reality UX - Designing for Interfaces without Screens
Virtual Reality UX - Designing for Interfaces without Screens
 
Designing UI and UX for Interactive Virtual Reality Apps
Designing UI and UX for Interactive Virtual Reality AppsDesigning UI and UX for Interactive Virtual Reality Apps
Designing UI and UX for Interactive Virtual Reality Apps
 
TalkUX - UX in VR - UNIT9
TalkUX - UX in VR - UNIT9TalkUX - UX in VR - UNIT9
TalkUX - UX in VR - UNIT9
 
Virtual Reality | VR in Education | Instructional Design for VR
Virtual Reality | VR in Education | Instructional Design for VRVirtual Reality | VR in Education | Instructional Design for VR
Virtual Reality | VR in Education | Instructional Design for VR
 
Education and Virtual Reality - Reimagining education with VR
Education and Virtual Reality - Reimagining education with VREducation and Virtual Reality - Reimagining education with VR
Education and Virtual Reality - Reimagining education with VR
 
EON - Visualization in Medical Sciences
EON - Visualization in Medical SciencesEON - Visualization in Medical Sciences
EON - Visualization in Medical Sciences
 
The Future of Experiential Content
The Future of Experiential ContentThe Future of Experiential Content
The Future of Experiential Content
 
Language education and multiliteracies
Language education and multiliteracies  Language education and multiliteracies
Language education and multiliteracies
 
Mapping - Reality and Virtual Reality (Strictly No AR!!)
Mapping - Reality and Virtual Reality (Strictly No AR!!)Mapping - Reality and Virtual Reality (Strictly No AR!!)
Mapping - Reality and Virtual Reality (Strictly No AR!!)
 
Virtual Reality Concept for Atlas Copco
Virtual Reality Concept for Atlas CopcoVirtual Reality Concept for Atlas Copco
Virtual Reality Concept for Atlas Copco
 
Google Expeditions: Virtual Reality and the classroom
Google Expeditions: Virtual Reality and the classroomGoogle Expeditions: Virtual Reality and the classroom
Google Expeditions: Virtual Reality and the classroom
 
"I hear voices". Augmenting audiovisual archives by including immigrants into...
"I hear voices". Augmenting audiovisual archives by including immigrants into..."I hear voices". Augmenting audiovisual archives by including immigrants into...
"I hear voices". Augmenting audiovisual archives by including immigrants into...
 
Making Tech Tactile by Jody Medich
Making Tech Tactile by Jody MedichMaking Tech Tactile by Jody Medich
Making Tech Tactile by Jody Medich
 
Speechtek 2009 Driving Design
Speechtek 2009 Driving DesignSpeechtek 2009 Driving Design
Speechtek 2009 Driving Design
 
Vizipedia prez
Vizipedia prezVizipedia prez
Vizipedia prez
 
VR in STEM
VR in STEMVR in STEM
VR in STEM
 
Dave Whelan, Founder, Immersive Virtual Reality Education
Dave Whelan, Founder, Immersive Virtual Reality EducationDave Whelan, Founder, Immersive Virtual Reality Education
Dave Whelan, Founder, Immersive Virtual Reality Education
 
Augmented Reality; Adding Value to Your Business 2013
Augmented Reality; Adding Value to Your Business 2013Augmented Reality; Adding Value to Your Business 2013
Augmented Reality; Adding Value to Your Business 2013
 
UX + VR FTW [ACRL e-learning]
UX + VR FTW [ACRL e-learning]UX + VR FTW [ACRL e-learning]
UX + VR FTW [ACRL e-learning]
 
The Future of Food by The Future Is Here
The Future of Food by The Future Is HereThe Future of Food by The Future Is Here
The Future of Food by The Future Is Here
 

Ähnlich wie Designing VR For Humans - Mike Alger

2 thinking critically with psyc
2 thinking critically with psyc2 thinking critically with psyc
2 thinking critically with psyc
SOAccidents
 
Ch06 Lecture Notes
Ch06 Lecture NotesCh06 Lecture Notes
Ch06 Lecture Notes
Dalat International School
 
Course 0837 assingment 1 roll no ce529580
Course 0837 assingment 1 roll no ce529580Course 0837 assingment 1 roll no ce529580
Course 0837 assingment 1 roll no ce529580
shannazir1
 
Sensation and perception_2012
Sensation and perception_2012Sensation and perception_2012
Sensation and perception_2012
laylay27
 
Perception
PerceptionPerception
Perception
a_burk
 

Ähnlich wie Designing VR For Humans - Mike Alger (16)

Marketing to apes_v6
Marketing to apes_v6Marketing to apes_v6
Marketing to apes_v6
 
2 thinking critically with psyc
2 thinking critically with psyc2 thinking critically with psyc
2 thinking critically with psyc
 
Intution
IntutionIntution
Intution
 
Intution
IntutionIntution
Intution
 
Satire Essay About The Laziness Of Student
Satire Essay About The Laziness Of StudentSatire Essay About The Laziness Of Student
Satire Essay About The Laziness Of Student
 
Ch06 Lecture Notes
Ch06 Lecture NotesCh06 Lecture Notes
Ch06 Lecture Notes
 
Course 0837 assingment 1 roll no ce529580
Course 0837 assingment 1 roll no ce529580Course 0837 assingment 1 roll no ce529580
Course 0837 assingment 1 roll no ce529580
 
Chapter3thornock2015
Chapter3thornock2015Chapter3thornock2015
Chapter3thornock2015
 
Science of Attention for Learning
Science of Attention for LearningScience of Attention for Learning
Science of Attention for Learning
 
kgavura 5 development
kgavura 5 developmentkgavura 5 development
kgavura 5 development
 
Sensation and perception_2012
Sensation and perception_2012Sensation and perception_2012
Sensation and perception_2012
 
Perception 2
Perception 2Perception 2
Perception 2
 
Ramapo College Named To CondeNast TravelerS 50
Ramapo College Named To CondeNast TravelerS 50Ramapo College Named To CondeNast TravelerS 50
Ramapo College Named To CondeNast TravelerS 50
 
The Science of Attention and Engagement for Learning
The Science of Attention and Engagement for LearningThe Science of Attention and Engagement for Learning
The Science of Attention and Engagement for Learning
 
Perception
PerceptionPerception
Perception
 
Sensory Integration Techniques
Sensory Integration TechniquesSensory Integration Techniques
Sensory Integration Techniques
 

Kürzlich hochgeladen

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Kürzlich hochgeladen (20)

MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 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
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
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...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 

Designing VR For Humans - Mike Alger