SlideShare a Scribd company logo
Intel® RealSense™ Technology | Intel® Software
Kevin Arthur, Senior User Experience Researcher, Intel Perceptual Computing Group
Augmented Reality with the
Intel® RealSense™ SDK and R200 Camera
User Experience Best Practices
Presented at Augmented
World Expo June 2015.
Annotations added.
This is excerpted from a joint
presentation with Meghana
Rao, who discussed developer
best practices.
Intel® RealSense™ Technology | Intel® Software 2
Outline
Part 1, Kevin
•  Overview of R200 camera and tablet
augmented reality use cases
•  User experience guidelines highlights
Part 2, Meghana
•  SDK overview
•  Sample code and demos
Part 2 omitted here.
Intel® RealSense™ Technology | Intel® Software 3
New R200 Depth Camera For Tablets,
Peripheral Dev Kit Available Now
The R200 camera is an active-stereo depth camera that has
longer range than the earlier F200 camera. The module consists
of an RGB camera, two infrared cameras, and an infrared laser
projector. The R200 camera is being integrated into tablets for
“world-facing” uses.
Intel® RealSense™ Technology | Intel® Software 4
R200 View Volume and SDK Features
R200 with Intel® RealSense™ SDK
•  Scene Perception Module, enables
scene-aware AR
•  Camera tracking and localization
•  Mesh reconstruction
•  Other Modules
•  3D capture
•  Depth-enhanced photo and video
•  Measurement
•  Face detection and tracking
•  Speech (Windows SDK only)
Intel® RealSense™ Technology | Intel® Software 5
Use Cases for R200 Mixed and Augmented Reality
Gaming and Play Education and Training Visualization
These are some example applications of tablet augmented reality using the R200
camera. All of these overlay digital content onto a camera view of a physical scene.
Camera and SDK provide scene reconstruction and tracking in real-time.
Intel® RealSense™ Technology | Intel® Software 6
Video – ToyZ Game
Shows real-time scene
perception for collision
and occlusion (no pre-
scan)
Try it at the Intel booth
By Shachar Oz, Omek
Studio at Intel
This is a screenshot of a “magic-window” style game. The user sees a view
of the real environment, with virtual content overlaid in place. They can
drive a car, robot, or helicopter around the scene. Collisions, occlusion, and
shadows are simulated between the real and virtual objects in real-time.
Intel® RealSense™ Technology | Intel® Software 7
Video – Procedural Island
Shows scan as part of
“capture and play”
Illustrates procedural
shaders and set
dressing
By Eddy Ortega, Garrett
Stevens, Perceptual
Computing at Intel
This video illustrates how scanned scenes and objects can be transformed
from just meshes into procedurally generated environments (grass, water,
trees, and a statue are all placed around the scene based on rules).
Intel® RealSense™ Technology | Intel® Software
UX Guidelines for R200 Tablet AR
Designing real, usable apps for a mass market
The following are a few highlights from our user experience design
guidelines for R200. These are insights from user studies, in which we’ve
observed regular people using tablet AR apps and prototypes.
Our emphasis is on how to design applications that are not just novelty
demos but are compelling and usable experiences that people will continue
to use over long periods.
Intel® RealSense™ Technology | Intel® Software 9
Lesson 1: Give People a Reason to Move, or They
Won’t
Tablet as window into a
virtual space vs. tablet as
fixed screen
Address with motion hints
The basic “magic window” concept, in which the
computer-generated view changes dynamically based
on the position of the camera/tablet, is completely
foreign to most regular people (in contrast to more
technical people). In fact, people typically won’t move
the tablet around at all unless they’re guided to do so.
Intel® RealSense™ Technology | Intel® Software 10
Motion Hints – Explicit
Registered with scene
Or registered with window
Explicit instructions and feedback are the
most direct way to design for this.
Intel® RealSense™ Technology | Intel® Software 11
Motion Hints – Implicit, Part of Experience
Lead the user with
content
Example: “Windy Day”
(Google Spotlight Stories)
If done carefully, it’s possible to teach
users more indirectly about magic window
experiences. In “Windy Day,” for Google
devices, the hat flies off-screen and users
are led to naturally move their device to
follow it.
Intel® RealSense™ Technology | Intel® Software 12
Lesson 2: But Let People Relax Too
Support both
Active Camera Mode
•  Tiring
Inactive Camera Mode
•  Less tiring
At the same time, you can’t require your users to always be holding and moving the
tablet or phone. It’s just too tiring for users to do this for more than a few minutes. So
most apps should also support an “inactive-camera” mode with a fixed viewpoint.
Intel® RealSense™ Technology | Intel® Software 13
Active-Camera and Inactive-Camera Modes
Active Camera Mode
•  Touch interaction less
comfortable, less precise
Inactive Camera Mode
•  Touch interaction more
comfortable, more precise
Make the main controls easy to reach with the
thumbs during Active Camera modes .
During Inactive Camera modes, placing
controls elsewhere is acceptable.
AVOID OKOKOK
Make the main controls easy to reach with the
thumbs during Active Camera modes .
During Inactive Camera modes, placing
controls elsewhere is acceptable.
AVOID OKOKOK
Touch Zones Touch Zones
A second reason for supporting an inactive mode is that it’s awkward for users to touch
the screen precisely while holding the device (especially kids and people with small
hands). Let users do non-trivial touchscreen interaction in the inactive mode.
Intel® RealSense™ Technology | Intel® Software 14
Two Styles of Mixed-Reality Games
Augmented Reality Capture and Play
Active Camera
Inactive Camera
A third reason for supporting an inactive mode is that sometimes it’s simply not
necessary to always see a live, registered augmented-reality view. Think of the active
mode as capturing the live scene. This can work well in “capture and play” games, where
each level might start with capture (active) and proceed with play (inactive).
Intel® RealSense™ Technology | Intel® Software 15
Lesson 3: Plan for the Scene
•  Consider size of play space, and use appropriate voxel resolution
Be sure to understand the physical context of use – is your app designed for tabletop play or for
whole-room visualization? This has implications for SDK parameters and for your overall design.
Intel® RealSense™ Technology | Intel® Software 16
Game Design Considerations
•  What objects does the user need?
•  Level design has more unknowns
•  Enhance and transform everyday objects
in interesting ways
Likewise, plan for any props that users might want to have on hand for
capture-and-play games, or what types of things in the scene will make for
interesting geometry. Test these ideas with real users, and provide clear
instructions and feedback.
Intel® RealSense™ Technology | Intel® Software 17
Procedural Set Dressing This is a breakdown of the steps used in procedural
set dressing to transform real scenes into more
interesting virtual environments for play.
Intel® RealSense™ Technology | Intel® Software 18
Plan for the Scene
•  Understand the camera limitations.
Depth data is less accurate on
•  Very bright areas
•  Clear glass
•  Black surfaces
•  Give relevant feedback
•  Fail gracefully, don’t prevent play
Understand the camera limitations and experiment with settings to get
the best results for the environments you’re targeting.
Intel® RealSense™ Technology | Intel® Software 19
Resources
software.intel.com/realsense
software.intel.com/articles/realsense-ux-design-guidelines
kevin.arthur@intel.com, @karthur
Please see the R200 UX design guidelines at this
link for more information.
Thanks: Rachel Kennison, Eddy Ortega, Garrett Stevens, Shachar Oz,
Meghana Rao.

More Related Content

PDF
Augmented Reality with the Intel® RealSense™ SDK and R200 Camera
PDF
Designing Apps for Intel RealSense Technology
PDF
Intel real sense handson
PDF
Intel RealSense technology : Overview and demos
PDF
Intel® RealSense™ Technology Adding Human-Like Sensing to Computing Devices
PDF
Intel® RealSense™ Technology: Code Walk-through Presented by Intel Software I...
PDF
Using intel's real sense to create games with natural user interfaces justi...
PDF
Intel RealSense Hands-on Lab - Rome
Augmented Reality with the Intel® RealSense™ SDK and R200 Camera
Designing Apps for Intel RealSense Technology
Intel real sense handson
Intel RealSense technology : Overview and demos
Intel® RealSense™ Technology Adding Human-Like Sensing to Computing Devices
Intel® RealSense™ Technology: Code Walk-through Presented by Intel Software I...
Using intel's real sense to create games with natural user interfaces justi...
Intel RealSense Hands-on Lab - Rome

What's hot (20)

PPTX
Programming with RealSense using .NET
PDF
Introduction to Google Project Tango and Intel® RealSense™
PPTX
Dev09 – la battaglia del touchless
PDF
Hololens: Primo Contatto - Marco Dal Pino - Codemotion Milan 2016
PPTX
Communitydays2015
PDF
Communitydays2014
PPSX
Touch Less touch screen
PPTX
Microsoft Kinect and Kinect SDK
PDF
Intel RealSense & Perceptual Computing
PPTX
Writing applications using the Microsoft Kinect Sensor
PPTX
Touchless Touch screen technology
PDF
Softkinetic user interface evolution by Ilse Ravyse and Tanya Varbanove
PPTX
Touchless touchscreen
PPTX
Natural User Interface Microsoft Kinect and Surface Computing
PPTX
5 pen-pc-technology-presentation
PPT
Touchless Touchscreen
PDF
Web cam sensing using sdk tool
PPTX
Microsoft Kinect in Healthcare
 
PPTX
Natural User Interfaces
PDF
Touchless interactivity is the new frontier
Programming with RealSense using .NET
Introduction to Google Project Tango and Intel® RealSense™
Dev09 – la battaglia del touchless
Hololens: Primo Contatto - Marco Dal Pino - Codemotion Milan 2016
Communitydays2015
Communitydays2014
Touch Less touch screen
Microsoft Kinect and Kinect SDK
Intel RealSense & Perceptual Computing
Writing applications using the Microsoft Kinect Sensor
Touchless Touch screen technology
Softkinetic user interface evolution by Ilse Ravyse and Tanya Varbanove
Touchless touchscreen
Natural User Interface Microsoft Kinect and Surface Computing
5 pen-pc-technology-presentation
Touchless Touchscreen
Web cam sensing using sdk tool
Microsoft Kinect in Healthcare
 
Natural User Interfaces
Touchless interactivity is the new frontier
Ad

Similar to Augmented Reality with the Intel® RealSenseTM SDK and R200 Camera: User Experience Best Practices (AWE 2015) (20)

PDF
Intel Real Sense, Diversity Meetup by Jamie Tanna
PDF
JGJ48 : Intel Realsense - Firstman Marpaung
PDF
virtual_chess
PDF
Virtual Interior Decor App
PPTX
Philipp Nagele (Wikitude): Context Is for Kings: Putting Context in the Hands...
PDF
Technology Trend 2018
PDF
Gesture Gaming on the World Wide Web Using an Ordinary Web Camera
PDF
How effective is Swift’s AR technology in developing.pdf
PPTX
SCREENLESS DISPLAY.pptx
PPTX
Augmented Reality (AR)
PDF
Meet the demands of today and tomorrow with a faster laptop for AI, creative,...
PDF
Bring Intelligence to the Edge with Intel® Movidius™ Neural Compute Stick
PDF
Intel Movidius Neural Compute Stick presentation @QConf San Francisco
PDF
Creating Digital Twins Using Rapid Development Techniques.pdf
 
PDF
Human interface guidelines_v1.8.0
PDF
IRJET-Advance Technology- Google Glass
PDF
IRJET- Sixth Sense Technology in Image Processing
PPTX
screen less display
PDF
IRJET- Smart Mirror
PDF
ROBOCORTEX INTERNSHIP : Augmented reality application on mobile device
Intel Real Sense, Diversity Meetup by Jamie Tanna
JGJ48 : Intel Realsense - Firstman Marpaung
virtual_chess
Virtual Interior Decor App
Philipp Nagele (Wikitude): Context Is for Kings: Putting Context in the Hands...
Technology Trend 2018
Gesture Gaming on the World Wide Web Using an Ordinary Web Camera
How effective is Swift’s AR technology in developing.pdf
SCREENLESS DISPLAY.pptx
Augmented Reality (AR)
Meet the demands of today and tomorrow with a faster laptop for AI, creative,...
Bring Intelligence to the Edge with Intel® Movidius™ Neural Compute Stick
Intel Movidius Neural Compute Stick presentation @QConf San Francisco
Creating Digital Twins Using Rapid Development Techniques.pdf
 
Human interface guidelines_v1.8.0
IRJET-Advance Technology- Google Glass
IRJET- Sixth Sense Technology in Image Processing
screen less display
IRJET- Smart Mirror
ROBOCORTEX INTERNSHIP : Augmented reality application on mobile device
Ad

Recently uploaded (20)

PDF
The Advantages of Working With a Design-Build Studio
PPT
Package Design Design Kit 20100009 PWM IC by Bee Technologies
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PPTX
AD Bungalow Case studies Sem 2.pptxvwewev
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PPTX
Special finishes, classification and types, explanation
PPTX
Implications Existing phase plan and its feasibility.pptx
PPTX
areprosthodontics and orthodonticsa text.pptx
PPTX
Wisp Textiles: Where Comfort Meets Everyday Style
PPTX
An introduction to AI in research and reference management
PPT
unit 1 ppt.ppthhhhhhhhhhhhhhhhhhhhhhhhhh
PDF
Benefits_of_Cast_Aluminium_Doors_Presentation.pdf
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
DOCX
actividad 20% informatica microsoft project
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PPTX
building Planning Overview for step wise design.pptx
PPTX
HPE Aruba-master-icon-library_052722.pptx
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
The Advantages of Working With a Design-Build Studio
Package Design Design Kit 20100009 PWM IC by Bee Technologies
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
AD Bungalow Case studies Sem 2.pptxvwewev
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
Special finishes, classification and types, explanation
Implications Existing phase plan and its feasibility.pptx
areprosthodontics and orthodonticsa text.pptx
Wisp Textiles: Where Comfort Meets Everyday Style
An introduction to AI in research and reference management
unit 1 ppt.ppthhhhhhhhhhhhhhhhhhhhhhhhhh
Benefits_of_Cast_Aluminium_Doors_Presentation.pdf
YV PROFILE PROJECTS PROFILE PRES. DESIGN
actividad 20% informatica microsoft project
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
DOC-20250430-WA0014._20250714_235747_0000.pptx
building Planning Overview for step wise design.pptx
HPE Aruba-master-icon-library_052722.pptx
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf

Augmented Reality with the Intel® RealSenseTM SDK and R200 Camera: User Experience Best Practices (AWE 2015)

  • 1. Intel® RealSense™ Technology | Intel® Software Kevin Arthur, Senior User Experience Researcher, Intel Perceptual Computing Group Augmented Reality with the Intel® RealSense™ SDK and R200 Camera User Experience Best Practices Presented at Augmented World Expo June 2015. Annotations added. This is excerpted from a joint presentation with Meghana Rao, who discussed developer best practices.
  • 2. Intel® RealSense™ Technology | Intel® Software 2 Outline Part 1, Kevin •  Overview of R200 camera and tablet augmented reality use cases •  User experience guidelines highlights Part 2, Meghana •  SDK overview •  Sample code and demos Part 2 omitted here.
  • 3. Intel® RealSense™ Technology | Intel® Software 3 New R200 Depth Camera For Tablets, Peripheral Dev Kit Available Now The R200 camera is an active-stereo depth camera that has longer range than the earlier F200 camera. The module consists of an RGB camera, two infrared cameras, and an infrared laser projector. The R200 camera is being integrated into tablets for “world-facing” uses.
  • 4. Intel® RealSense™ Technology | Intel® Software 4 R200 View Volume and SDK Features R200 with Intel® RealSense™ SDK •  Scene Perception Module, enables scene-aware AR •  Camera tracking and localization •  Mesh reconstruction •  Other Modules •  3D capture •  Depth-enhanced photo and video •  Measurement •  Face detection and tracking •  Speech (Windows SDK only)
  • 5. Intel® RealSense™ Technology | Intel® Software 5 Use Cases for R200 Mixed and Augmented Reality Gaming and Play Education and Training Visualization These are some example applications of tablet augmented reality using the R200 camera. All of these overlay digital content onto a camera view of a physical scene. Camera and SDK provide scene reconstruction and tracking in real-time.
  • 6. Intel® RealSense™ Technology | Intel® Software 6 Video – ToyZ Game Shows real-time scene perception for collision and occlusion (no pre- scan) Try it at the Intel booth By Shachar Oz, Omek Studio at Intel This is a screenshot of a “magic-window” style game. The user sees a view of the real environment, with virtual content overlaid in place. They can drive a car, robot, or helicopter around the scene. Collisions, occlusion, and shadows are simulated between the real and virtual objects in real-time.
  • 7. Intel® RealSense™ Technology | Intel® Software 7 Video – Procedural Island Shows scan as part of “capture and play” Illustrates procedural shaders and set dressing By Eddy Ortega, Garrett Stevens, Perceptual Computing at Intel This video illustrates how scanned scenes and objects can be transformed from just meshes into procedurally generated environments (grass, water, trees, and a statue are all placed around the scene based on rules).
  • 8. Intel® RealSense™ Technology | Intel® Software UX Guidelines for R200 Tablet AR Designing real, usable apps for a mass market The following are a few highlights from our user experience design guidelines for R200. These are insights from user studies, in which we’ve observed regular people using tablet AR apps and prototypes. Our emphasis is on how to design applications that are not just novelty demos but are compelling and usable experiences that people will continue to use over long periods.
  • 9. Intel® RealSense™ Technology | Intel® Software 9 Lesson 1: Give People a Reason to Move, or They Won’t Tablet as window into a virtual space vs. tablet as fixed screen Address with motion hints The basic “magic window” concept, in which the computer-generated view changes dynamically based on the position of the camera/tablet, is completely foreign to most regular people (in contrast to more technical people). In fact, people typically won’t move the tablet around at all unless they’re guided to do so.
  • 10. Intel® RealSense™ Technology | Intel® Software 10 Motion Hints – Explicit Registered with scene Or registered with window Explicit instructions and feedback are the most direct way to design for this.
  • 11. Intel® RealSense™ Technology | Intel® Software 11 Motion Hints – Implicit, Part of Experience Lead the user with content Example: “Windy Day” (Google Spotlight Stories) If done carefully, it’s possible to teach users more indirectly about magic window experiences. In “Windy Day,” for Google devices, the hat flies off-screen and users are led to naturally move their device to follow it.
  • 12. Intel® RealSense™ Technology | Intel® Software 12 Lesson 2: But Let People Relax Too Support both Active Camera Mode •  Tiring Inactive Camera Mode •  Less tiring At the same time, you can’t require your users to always be holding and moving the tablet or phone. It’s just too tiring for users to do this for more than a few minutes. So most apps should also support an “inactive-camera” mode with a fixed viewpoint.
  • 13. Intel® RealSense™ Technology | Intel® Software 13 Active-Camera and Inactive-Camera Modes Active Camera Mode •  Touch interaction less comfortable, less precise Inactive Camera Mode •  Touch interaction more comfortable, more precise Make the main controls easy to reach with the thumbs during Active Camera modes . During Inactive Camera modes, placing controls elsewhere is acceptable. AVOID OKOKOK Make the main controls easy to reach with the thumbs during Active Camera modes . During Inactive Camera modes, placing controls elsewhere is acceptable. AVOID OKOKOK Touch Zones Touch Zones A second reason for supporting an inactive mode is that it’s awkward for users to touch the screen precisely while holding the device (especially kids and people with small hands). Let users do non-trivial touchscreen interaction in the inactive mode.
  • 14. Intel® RealSense™ Technology | Intel® Software 14 Two Styles of Mixed-Reality Games Augmented Reality Capture and Play Active Camera Inactive Camera A third reason for supporting an inactive mode is that sometimes it’s simply not necessary to always see a live, registered augmented-reality view. Think of the active mode as capturing the live scene. This can work well in “capture and play” games, where each level might start with capture (active) and proceed with play (inactive).
  • 15. Intel® RealSense™ Technology | Intel® Software 15 Lesson 3: Plan for the Scene •  Consider size of play space, and use appropriate voxel resolution Be sure to understand the physical context of use – is your app designed for tabletop play or for whole-room visualization? This has implications for SDK parameters and for your overall design.
  • 16. Intel® RealSense™ Technology | Intel® Software 16 Game Design Considerations •  What objects does the user need? •  Level design has more unknowns •  Enhance and transform everyday objects in interesting ways Likewise, plan for any props that users might want to have on hand for capture-and-play games, or what types of things in the scene will make for interesting geometry. Test these ideas with real users, and provide clear instructions and feedback.
  • 17. Intel® RealSense™ Technology | Intel® Software 17 Procedural Set Dressing This is a breakdown of the steps used in procedural set dressing to transform real scenes into more interesting virtual environments for play.
  • 18. Intel® RealSense™ Technology | Intel® Software 18 Plan for the Scene •  Understand the camera limitations. Depth data is less accurate on •  Very bright areas •  Clear glass •  Black surfaces •  Give relevant feedback •  Fail gracefully, don’t prevent play Understand the camera limitations and experiment with settings to get the best results for the environments you’re targeting.
  • 19. Intel® RealSense™ Technology | Intel® Software 19 Resources software.intel.com/realsense software.intel.com/articles/realsense-ux-design-guidelines kevin.arthur@intel.com, @karthur Please see the R200 UX design guidelines at this link for more information. Thanks: Rachel Kennison, Eddy Ortega, Garrett Stevens, Shachar Oz, Meghana Rao.