GoPro

(May 2016 - Oct 2017)

In May 2016 I started working for GoPro: the world's most versatile camera company. I led UX Design for all web apps and the account and identity related experiences.

My work spun across different platforms:

  • iOS mobile app

  • Android mobile app

  • Karma, Drone controller

  • Quik | Desktop, Windows and Mac desktop software

 

Project Shared Links Redesign


 

Team

  • UX Lead and Sprint Master (Me)

  • Visual Designer

  • Copywriter

  • Product Manager

  • Engineer

Context

In 2016, GoPro launched GoPro Plus — a subscription service which allowed GoPro camera users to directly upload their content from the camera to the cloud and access it in the GoPro software (mobile, desktop and web apps).

A key feature of GoPro Plus was sharing using links.

This is how a link would be created and shared on mobile and web:

 
 

And this is what the receiver would see:

 
 

Business Goal

Increase Link Sharing

  • Leads to more GoPro content shared → More camera sales → More $$

  • Leads to greater perceived value in the subscription service → More $$

Our Approach

Focus on the receiver experience

  • If the content is showcased better → viewers will be more engaged with the links → creators would be more motivated to create more

 
 

Investigation: How, when and why are links being created and viewed?

Why do users use shared links?

  • To share directly to people involved in the photos

  • When they don’t want to broadcast

  • To easily share multiple photos and videos directly

What do viewers want when they get links?

  • Context of what the link is about

  • An overview of the media that exists in the link

  • Know how they can create a similar link

  • The ability to forward the link to their friends

  • Give feedback to the link sender

Usage Data

  • 75% of links were opened on mobile devices

  • ~70% of links had a single item

After collecting this data, I ran a DESIGN SPRINT with the team for a week, to come up with the problem statement → explore solutions → test the final outcome.


SPRINT DAY 1


Problem Statement

The current link viewing experience has usability issues and is not optimized for mobile viewing and single item sharing.


Hypothesis and success metric

If we can improve the shared link viewing experience, then we will see an increase in recipient’s engagement with the content, which we will measure by an increase in the time spent on links.


How is this product different from others?

To give the team a framework to think about how what we were designing was different from other sharing platforms, I mapped the shared links on different scales along side other popular platforms at the time.

 
 

SPRINT DAY 2


 
 

Ideation

All of us in the team sketched out ideas on how we could redesign the link share landing experience based on the user and business goals.

 
 

I took all those ideas, grouped them and mapped them on a viewers journey. We then voted on the ideas as a team and took into account the engineering feasibility to make decisions on what improvements and new features we wanted to build.

 
 

Key Ideas:

  • Designated hero asset

  • Add camera model information

  • Show date and location

  • Use smart titles as fallback (A GoPro Adventure)

  • Have persistent share on landing + detail page to encourage re-sharing


SPRINT DAY 3


Prototype

Based on ideas, me and visual designer worked closely together to come up with two different concepts that we wanted to test out with users.

Concept 1 - Non Grid Option

 
 

Concept 2 - Improved Grid Option

 
 

SPRINT DAY 4


Test

We put the designs on usertesting.com to see

  • Do the new designs align with the viewer’s goals? 

  • What information stands out? 

  • Which of the two layouts do they prefer for multi-item shares?


SPRINT DAY 5


 
 

Test Results

  • Users liked the single item view & were able to do the tasks easily

  • They wanted to directly play from the single item view and weren’t expecting to be taken to a new page

  • Of the two layouts - 5/6 preferred the grid view on mobile for its less scroll, but wanted the tiles to be bigger.

Final Design Sprint Output

 
 

Single Item Landing Page

 
 

Multi Item Landing Page

 
 

Impact

We built these new designs and saw a 12.78% increase in engagement 🎉

Reflection

 
 

What worked well

  • Cross-functional team enjoyed being part of a design sprint

  • Crowd-sourcing ideas brought alignment and more conviction in the final output

What could’ve been better

  • Focus more on mobile & single-item view

  • Run as an A/B test & further iterate before shipping

  • Have a better defined metric — engagement (time spent) isn’t specific. Tie it to actions

  • Explore feedback mechanisms — comment, like etc.