{"componentChunkName":"component---src-templates-project-js","path":"/portfolio/youtube-vr","result":{"data":{"markdownRemark":{"html":"<p>I work on several projects involving real time graphics at YouTube including YouTube VR. Starting out, there was no dedicated researcher, so I ran user research sessions myself with the PM.</p>\n<p><img src=\"/uploads/01_research.gif\" alt=\"Live research session\" title=\"Research session\"></p>\n<p>We used diary studies and remote sessions with users to define critical user journeys and determine the project roadmap from feature priorities. Working with engineers, we introduced support for playlists, reading comments, better player controls, a unified dark UI theme, search filters, and a way to browse movies.</p>\n<p><img src=\"/uploads/02_movies.gif\" alt=\"Browsing movies in YouTube VR\" title=\"Movies browse\"></p>\n<p>Here's a before-and-after with some of the UI changes:</p>\n<p><img src=\"/uploads/03_uithen.jpg\" alt=\"2019 YouTube VR Interface\" title=\"Old YTVR\"></p>\n<p><img src=\"/uploads/04_uinow.jpg\" alt=\"2021 YouTube VR Interface\" title=\"New YTVR UI\"></p>\n<p>Introducing hand tracking required a lot of special nuance to the visual feedback system as well as tricky things about ray angles, when and how to be accepting user input, and how to make scrolling not terrible. I still have a lot of ways this can be improved.</p>\n<p><img src=\"/uploads/05_handshader.jpg\" alt=\"Hand tracking shader construction\" title=\"Hand shader\"></p>\n<p><img src=\"/uploads/06_handtracking.gif\" alt=\"Hand tracking in YouTube VR\" title=\"YTVR hand tracking\"></p>\n<p>Passthrough XR support represents the beginning of XR use cases in consumer devices.</p>\n<p><img src=\"/uploads/07_passthrough.gif\" alt=\"Passthrough video in YouTube VR\" title=\"YTVR Passthrough\"></p>\n<p>Going forward, there are ways to improve quality of immersion.</p>\n<p><img src=\"/uploads/08_environment.gif\" alt=\"Improved environmental immersion\" title=\"YTVR Environment\"></p>\n<p>I also introduced ways to zoom 360 videos in YouTube's mobile app with subtle haptic feedback and sticky moments for the midpoint and endpoints.</p>\n<p><img src=\"/uploads/09_phonezooming.gif\" alt=\"Zooming a 360 video on a phone\" title=\"360 zoom\"></p>\n<p>More to come as time goes on in YouTube VR and beyond.</p>\n<p><img src=\"/uploads/10_logo.png\" alt=\"Penrose triangle in YouTube&#x27;s style\" title=\"YTVR logo\"></p>","frontmatter":{"title":"YOUTUBE VR"}}},"pageContext":{"id":"16d6317f-0f1f-5818-a4fa-9312ef495cf8"}},"staticQueryHashes":["1946499362","2606206317","3275389545","3649515864","4249971475"]}