SlideShare a Scribd company logo
1 of 64
Download to read offline
Design for
Virtual Reality (VR)
Kumar Ahir Jan18
@kernel_kumar
www.kumarahir.com
since 2008 ...
Interaction Design, IDC
MahaWar - strategy board game
OoBI alpha - first multitouch
OoBI - Out of Box Interactions –
www.oobi.in
Exit to PropTiger
now...
Brief walkthrough
Twitter: @kernel_kumar
www.kumarahir.com
kumar.ahir@gmail.com
Am entrepreneur now bit selfish
Evangelize VR
Design inferences
Get ideas
Increase product reach
“2018 - Investing in talking to people”
Why Design for VR?
Gartner Hype cycle
Immersive
interface - future
It’s going to be super hot
Investments
Products
Hardware
Low entry barrier
Why should DESIGNERs pay attention ?
It’s still undefined - nanscent and evolving
not boxes and arrows in flat screen - Designing real space
It’s about real immersive interaction - the UX
Not just window to digital world but THE WORLD
No more fiction - It’s real in your hands as Native mobile apps - increasing
Is it different than current UI design? Will find out
Why should DESIGNERS pay attention ?
if you currently own a smartphone
chances are, you are already carrying a virtual reality
device in your pocket
What is VR?
https://www.seevividly.com/info/Virtual_Reality/VR_and_Human_Vision
Physiology of eyes
The human lens bends light
varying on the distance of an object
https://www.seevividly.com/info/Virtual_Reality/VR_and_Human_Vision
VR Concepts
FOV
Latency
DOF
Input/Interaction
Industry landscape
32000 years old
Early traces of VR
Early days
Bulky
Latency
Field of View - FOV
Cost
Enterprise only
Specialized operations
1955 1961 1961 1995
Color limitations
Ergonomics
Oculus 2012 - Kickstarter project
Wider FOV
Low Latency
Consumer
Low Cost
Google Cardboard - 2014 - pet project
Proto version
Mobile VR
Quick fix
< Rs. 500
VR headsets
Sony
HTC Vive
Oculus rift
Google Daydream - Lenovo Pico
Samsung Gear VR
Google Cardboard
standalone
Companies and investments
Facebook
Google
HTC
Microsoft
Samsung
Sony
Nvidia, Intel
~ $ 800mn in 2017 Q2
~ $ 3bn till date
~ $ 5bn in 2018
Source: Digi Capita
VR Market
Gaming
Healthcare
Engineering
Live Events
Video
Real estate
Retail
Military
Education
Goldman Sachs forecast for 2025
VR content market
Video posts have 135%
greater organic reach
than photo posts
People spend 3x longer
watching video which is
Live compared to video
which is no longer Live
https://medium.com/omnivirt/360-video-vr-performance-statistics-from-1000-campaigns-2f7343ecfe13
https://www.socialmediatoday.com/marketing/top-5-facebook-video-statistics-
2016-infographic
Why so hot?
View Hardware prices have gone down drastically
360 Capture hardware growth
H/W capable of delivering high quality output - UX
Low cost hardware
Portable - mobile phones
Platform and frameworks utilizing h/w capabilities
IMMERSIVE
VR Design fundas
Context Users Goals
Design Process
Experience
Immersion
Learning
Explore
Media
Gamers
Enterprise
Entertainment
Gaming
Healthcare
Automotive
Manufacturing
Design
user personas, conceptual flows, wireframes, an interaction model
Digital Designer
for
Real Space
What are you designing
Controls or Space
Design elements
Units - not pixels but cm, inch, feet, m
Dimension - x,y,z - near and far
Peripheral vision
Typography - legibility
Shape vs volume
User Point of reference - stationary vs moving
Seated vs Standing interaction
Spatial sound/audio
Ergonomics - physiological, environment
contd...
Design elements
Motion
Input controls - internal, external
Environment - skybox - background
Hover is back
Units
https://virtualrealitypop.com/practical-vr-ce80427e8e9d
Recticle -> Head -> Body
They are in cm, m, in, ft and degrees
NOT PIXELS
Screens are fixed distance and area
Immersive world has depth
Dimensions
X, y, z
Peripheral vision
Design of notifications
Stationary controls - HUD
Typography
Avoid showing text on white and translucent
backgrounds
Minimum readable size for the font in VR is height
of 2.32cm on the distance of one meter
Recommended size of the font is height of 6.04cm
on the distance of one meter
Try
https://coob113.github.io/font_test/size.html
Shape vs Volume
Point of reference
Stationary MovingControls placement
2d Layout vs 3d object placements
Interactive elements - near and far
Movement
Framing the content
Ground the user
Seated vs Standing vs Movement
Motion
Avoid lateral motion with close/large objects, and at high speeds
Avoid fast motion toward the user
Be careful about moving the user
Audio/Sound
Spatial audio is a key ingredient for true immersion,
making the design process around sound absolutely essential
Ergonomics
Physiological
Surrounding
Eyes
Eye
Hand - Fingers
Body
Input controls
Reticle - Head
Input controls
HMD switch
Input controls
controllers
Input controls
Hands
Leap motion
Environment
Skybox
3d objects
Hover is back
Googles’ design guidelines for VR
1. Using a Reticle
2. UI Depth & Eye Strain
3. Using Constant Velocity
4. Keeping the User Grounded
5. Maintaining Head Tracking
6. Guiding with Light
7. Leveraging Scale
8. Spatial Audio
9. Gaze Cues
10. Make it Beautiful
In the age of
digital tools for
design and
prototyping
We are going to
use paper
wireframing
Paper wireframing
Let’s design
Real Space
Volodymyr Kurbatov
Design Exercise
Let’s create a paper wireframe
Personal Website
Image gallery - browsing
Music player - playback
WebVR
Low Fi proto - cardboard
My co-ordinates
kumar.ahir@gmail.com
@kernel_kumar
VR design resources
https://www.uxofvr.com/
https://sizecalc.com/
Daydream - VR Design process - https://www.youtube.com/watch?v=-
mcXAMDch7s
Riding on shoulders of GIANTS
https://medium.com/inborn-experience/vr-ar-prototyping-for-everyone-ea6fb8f159b5
https://www.slideshare.net/robinmedelange/virtual-reality-history-state-of-the-art
https://www.webpagefx.com/data/why-virtual-reality-matters-to-marketing/
https://developers.google.com/vr/distribute/daydream/design-requirements
https://www.smashingmagazine.com/2017/02/getting-started-with-vr-interface-design/
https://www.linkedin.com/pulse/ux-virtual-reality-designing-interfaces-without-prashanth-shanmugam
https://medium.com/omnivirt/360-video-vr-performance-statistics-from-1000-campaigns-2f7343ecfe13
http://mediakix.com/2016/08/facebook-video-statistics-everyone-needs-know/#gs.8qmE7vE
http://realityshift.io/
Uploadvr.com
Roadtovr.com
https://medium.com/@V_Kurbatov
https://virtualrealitypop.com/practical-vr-ce80427e8e9d
https://medium.com/aol-alpha/making-sense-of-skyboxes-in-vr-design-3e9f8fe254d3
https://www.slideshare.net/AugmentedWorldExpo/john-howard-loook-inc-uxui-design-for-vr-and-mixed-reality
https://medium.com/@LeapMotion/vr-design-best-practices-bb889c2dc70
https://www.upwork.com/hiring/for-clients/beginners-guide-to-designing-virtual-reality/

More Related Content

Recently uploaded

一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
cyebo
 
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
Amil baba
 
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjjWeek 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
joshuaclack73
 
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
JIT KUMAR GUPTA
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
Jaime Brown
 
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
Amil baba
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理
cyebo
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentation
ajroy0196
 

Recently uploaded (20)

Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
 
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
Top 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptxTop 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptx
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headers
 
CADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosCADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product Photos
 
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjjWeek 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
 
Explaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdf
Explaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdfExplaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdf
Explaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdf
 
Design Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistDesign Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM Specialist
 
The Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptxThe Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptx
 
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
 
Real Smart Art Infographics by Slidesgo.pptx
Real Smart Art Infographics by Slidesgo.pptxReal Smart Art Infographics by Slidesgo.pptx
Real Smart Art Infographics by Slidesgo.pptx
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentation
 
Avoid these common UI/UX design mistakes
 Avoid these common UI/UX design mistakes Avoid these common UI/UX design mistakes
Avoid these common UI/UX design mistakes
 
Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..
 

Featured

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Featured (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

Design for Virtual Reality - VR