Rabbit

rabbithero@2x.png
 

SUMMARY

Rabbit is a place where you can watch anything online, together in sync, with anyone. It's mission is to bring people closer together through content and shared experiences.

My role at Rabbit was the sole Product Designer of the company. I worked closely with the product leads and managers to design all features on all platforms from end to end. Some major accomplishments included redesigning the Web and iOS (iPhone) client & designing a brand new iPad and Android app. 

 

iOS REDESIGN

Main Navigation - One of my first big tasks at Rabbit was to redesign the iOS app. The app was broken into 2 parts - discovering content to watch & entering a room to start watching with a friend. Since most of the users on iOS came from the web app, the ui/ux was somewhat familiar to them. But as for new users coming to the iOS app, via word of mouth or discovering it on the AppStore, it's a little confusing as to what do. One of the main goals was to make sure new users experience the core feature of the app, watching something in sync with a friend. Through data, we knew that this increased retention. A solution for having new users experience watching something with someone their first time was to allow all users to make their room public, which led to watching with strangers. This solved the goal of getting first-time users experience the core feature of the product the very first day and solving the problem of having to message or schedule a time with your friend to start watching, because the chances of that happening at that moment are pretty slim. This all translated to a new home feed - instead of having a feed of suggested videos to start a room with, we presented a feed of public/live rooms to join. With the rest of the app navigation, we decided to expose all the key features in the bottom nav bar - friends list, messages, & notifications. The goal was to make it look and work familiar like other social and native iOS apps. 

     Goals

  • Improve usability of the app - navigation, exposing key features

  • Fix the "watching alone" problem

  • Update UI to make it feel more modern and familiar as other popular social apps

  • Create a solid foundation where newer features can be added with ease

     Problems

  • Users are confused as to what to do when they come to the home screen

  • New users end up watching videos by themselves

  • Key features such as adding friends, messages, & notifications are buried under one icon

 

BEFORE

 
 

AFTER

 

Room View - The core experience of the app had to be refactored. The previous design wasn't utilizing the space to it's full potential, key tool/actions were hidden behind menus, and it didn't feel like an immersive experience. How I approached this was by exploring ways to show/hide key features through gestures on the screen therefore eliminating the need for ambiguous menu buttons. Having gestures to show/hide features enabled the chat to be ephemeral without it having it to overlay on content persistently. I created an more immersive experience by having landscape video be truly full screen and having video chat take on a grid view instead of small circular avatars. 

     Goals

  • Create an immersive and fluid viewing experience

  • Update UI to make it feel more clean and modern

  • Add gestures that are common in other video streaming apps

     Problems

  • Key features in Room View such as leaving a room, inviting friends, & room settings are buried under one icon

  • Screencast / Video tools are only accessible in landscape

  • Camera & Microphone toggles are hidden

 

BEFORE

 
 

AFTER

 

iOS REDESIGN - SIGN UP FLOW

With the redesign of the sign up flow, other than updating the UI/visuals, we wanted to add in an interest picker within the flow. This would allow us offer relevant content for the user to watch. One of the main issues I saw from user testing was that after a user finishes signing up, they would be presented with the home feed with random videos to watch with other people. New users ended up watching irrelevant content most of the time. They do get to experience what it's like to watch something in sync but they aren't able to have a connection with the video and contribute to the conversation. It's important for a new user to have an awesome first time experience so they can tell their friends about the app and continue the viral loop.

     Goals

  • Add interest picker to the flow to help the user find something relevant to watch after signing up

  • Simplify and update the UI for the flow

     Problems

  • Facebook sign up is not on the first screen

  • Unnecessary slide transitions on the first screen

  • Too many text fields are presented at one time - makes it seem like work

BEFORE

 

AFTER

 

iPad

 

ANDROID