Nikhil Kashyap Portfolio
  • Home
  • Portfolio
  • Writing
  • Film
  • Blog

A NEWS FEED IN VR
ROLE : TECHNICAL DESIGNER | 2 WEEK PROTOTYPE | JULY 2016
| TEAM SIZE = 1


OVERVIEW

The following was a 2 week prototype that I designed and implemented at Oculus, on the Gear VR. The business goal driving the feature was greater retention of users on the Gear VR platform by creating a feature that shows friend activity. Additionally the feature was also intended to monetize promoted features and products.

A parallel team goal was to also write the prototype in a manner such that the different UI elements could be reused.

FADING PANELS

Picture
A carousel of feed panels is presented just below the user's eye level. Each panel maps to a product display page and a cubemap which transitions as you swipe left and right on the Gear VR touchad.

Due to the tech requirement of the slider being reusable based on number of pivot points, panel elements had to be moved in code while fade animations were done in Mecanim. Managing a game object when two separate systems were controlling it was challenging.
Picture
Picture
Slider.cs
File Size: 5 kb
File Type: cs
Download File


SCROLLING AND SWIPING

Picture
Scrolling Text (Top)
Swiping to new PDP (Right)
Picture
As the finger scrolls down the touch-pad, there is some horizontal drift which could incorrectly be detected as a swipe. In order to support both simultaneously, a threshold horizontal distance is defined, exceeding which a swipe is registered.
Picture
The scroll is updated every frame the finger stays on the touchpad, while the swipe is tested against the sensitivity threshold when the finger leaves the touchpad.
Picture
InputListenerSwipe.cs
File Size: 2 kb
File Type: cs
Download File


 FEED SWAP AND MONETIZATION

Picture
When the viewer sees a feed that interests him, he can tap on the touchpad and the entire panel swaps in a new panel with feeds relevant to his selection.

Picture
Promoted feed items have a video that autoplays when the viewer gazes at the screen. When he looks away the screen slides to reveal a call to action button as well as additional information.

LINK TO PAGE  2 - DESIGNER TOOL
Powered by Create your own unique website with customizable templates.
  • Home
  • Portfolio
  • Writing
  • Film
  • Blog