GoPro VR

PRODUCT DEFINITION

GOPRO VR IS AN ECOSYSTEM OF 360° VIDEO SHARING AND CONSUMMING. 
ON SMARTPHONE, DESKTOP APP, WEB, TABLET OR HEADSET,
USERS CAN HOST AND ENJOY 360°VIDEOS.

STRATEGY, UX+UI DESIGN  ·  WEB, MOBILE, TABLET, VR HEADSET

THE MISSION

I have been involved on GoPro VR as Lead UX/UI Designer.
I designed the entire experience from personas and usecases, find 360° video painpoints, to high-fi prototypes and visual design. To do so I defined the goal design needed to meet, ensured consistency with existing GoPro products by working closely with the UX team in San Francisco. I then followed the development on web, iOS and Android with the engineers to make we were going to deliver a great app.

iphoneplatiphoneplat

WHAT I'VE DONE ON THIS PROJECT:

designprocessgooddesignprocessgood

1. MOBILE: WIREFRAMES

“An open window on the world”

The way a smartphone lets you explore a 360° video is by moving it around to discover that awesome location you’re virtually at, which gives you the feeling of opening a window on the world. That experience is amazing and I wanted to amplify that feeling.

After the research phase I found several common interests among user. The major ones being find good contents easily (endviewers), valorize their own contents (producers), get a lot of possible interactions with the content, not with the interface . That gave me a pretty clear indication on what my wireframes needed to achieve. I started putting together lo-fis to get a simple yet efficient interface. I went toward a gallery, a widely known layout to have an easy browsing experience and allow the user to clearly identify the content through thumbnails.

gif-lofigif-lofi

2. MOBILE: ONBOARDING

GoPro introduced a new way to consume 360° videos in addition to moving your smartphone around yourself,  the pinch interaction for instance gives the ability to zoom anywhere in the video from close up to having a tiny “planet” to offer different point of views.

Such features are important for a user to get the most of his 360° experience, he’s therefore introduced to it during the onboarding.

ux_onboardinggreyux_onboardinggrey

After the onboarding step, a crucial element is for the user to find good 360° videos. GoPro VR is a platform to consume VR but also host it and anyone can upload their 360° videos so curating content needed to be part of the app to build the best experience.

ux_curated-contentux_curated-content

3. TABLET: UI DESIGN

VR becomes incredible when using an iPad, you get your hands on one of the best way to admire the world, and to make the most of it we designed an experience specifically for that device. Its size, usage, purpose is different from a smartphone.

ipadipad

4. WEBSITE: UX

There are a lot of ways to discover 360° videos on the web. The central piece of a good consuming experience on a computer is clearly the player. That is why I started from scratch to focus on what the users need and not what already exists.

playerexplorationplayerexploration
comportements_mousecomportements_mouse

After several months of work and incorporating feedback we have been able to make the experience easier than previously, by connecting the video projection to the scrolling. Give it a try, scroll in and out for a new way to discover 360°.