Google Cardboard

Lead UX Designer, March 2015 – April 2016

Currently I work on crafting delightful experiences in virtual reality.

 

Redesigning Cardboard

Last November, the New York Times sent Cardboard viewers to all of their print and digital subscribers. In preparation, we wanted to make a few key improvements to the Cardboard app. 

Problems with the original flow

Pairing: Welcome to Cardboard!

Pairing: Welcome to Cardboard!

Pairing: Scan the QR code on your viewer

Pairing: Scan the QR code on your viewer

Pairing: Successfully paired

Pairing: Successfully paired

Cardboard home

Cardboard home

Cardboard Demos

Cardboard Demos

 

 

 

 

 

Pairing

  • The three screens were not visually unified, leading to a less predictable experience.
  • The final success message didn't instill a sense of accomplishment.
  • There was no visual connection between the pairing flow and the rest of the app.

Cardboard home

  • Users landed on this page without a clear sense of their next step.
  • They rarely clicked to "Get more Cardboard apps" and as a result didn't try any other third party apps.

Cardboard demos

  • The black background failed to transport users into a new world, which is the most exciting aspect of virtual reality.
 

Goals for this release

  • Get users excited about virtual reality. First show them the demos and then guide them to download third party apps.

  • Make it easy for users to discover third party apps. Instead of linking users to the Play Store, feature third party apps inline. 

 

Updated Flow

The updated first screen allowed you to move your phone to look around the world - a sneak peak into the Cardboard demos.

The updated first screen allowed you to move your phone to look around the world - a sneak peak into the Cardboard demos.

I used a consistent layout for the three pairing screens to make the flow feel fast and predictable.

I used a consistent layout for the three pairing screens to make the flow feel fast and predictable.

I added a transition screen instructing users to put their phone into their Cardboard viewers.

I added a transition screen instructing users to put their phone into their Cardboard viewers.

As the user rotates their phone the transition screen fades out and the demo world fades in. 

As the user rotates their phone the transition screen fades out and the demo world fades in. 

cardboard-new8.png
 

Logo design

 

Google I/O

Last June, I spoke at Google I/O as part of a talk on "Designing for Virtual Reality."