Role Overview:
As a Senior Product Designer at Rivit TV, I have been an integral part of the team responsible for building the company's first iOS and Android app. This role involves close collaboration with the Design team, Product Managers, and Engineering teams to deliver a seamless user experience.
Key Responsibilities:
Design Leadership: Leading the design efforts for critical app components, including Home, Activity, Settings, Notifications, and the Player.
Cross-Functional Collaboration: Collaborating closely with various teams, including design, product management, and engineering, to ensure a cohesive and user-centric app development process.
Timeline:
My engagement in this role has spanned from 2019 to the present, indicating ongoing contributions and commitment to the success of Rivit TV's mobile app.
Exploration
Final Design
iOS Home Page Design:
The Rivit TV iOS app serves as a view-only platform, allowing users to explore Rivit TV Originals, watch free pilots, or access episodes they have purchased from the Rivit TV website.
For the home page design, a user-centric approach was adopted:
Show Cards: All Rivit TV shows are presented as prominent show cards. Users can swipe right or left to navigate through the shows. The decision to use large show cards with detailed show information was made to capture users' attention, especially since Rivit TV was a relatively unknown product at the time.
Show Order Logic:
Non-Signed In Users: Shows are listed in order based on their web counterparts, with the newest show appearing first.
Signed-In Users: For signed-in users, the show order logic is different:
The first show displayed is the most recently watched show that the user did not complete.
The second show is the next most recently engaged show, following the same rules.
This pattern repeats.
After this personalized list, standard list logic for non-signed-in users is followed.
This approach was designed to optimize the user experience by prioritizing recent and relevant content for signed-in users while ensuring a captivating and intuitive interface for all users, whether they were familiar with the product or not.
User Flow
Swiping Animation
All Shows
To address the challenge of users potentially missing out on shows or becoming fatigued from continuous swiping to navigate through the content, a practical solution was devised.
The Idea:
When a user is on the first show card and swipes right, instead of moving to the next individual show, it would reveal a single page displaying all the available shows simultaneously.
This solution aimed to provide users with a more efficient way to view all the shows in one place, eliminating the need for continuous swiping. By optimizing the initial interaction, users could quickly assess all available content, improving their overall experience on the platform.
Final Design
Continue Watching
The "Continue Watching" feature is designed to enhance the user's experience by facilitating their progress through a show's episodes. Here is the user flow for how this feature operates:
Conditions for Display:
The "Continue Watching" bar will appear for signed-in users.
It will only appear if the user has access to play the full episode in the app.
The bar will exclusively contain full episodes.
Instances of Display:
When the user has initiated the pilot episode of a show (on a show in the Pilot or Series stage) but has not completed 95% or more of the pilot, the "Continue Watching" bar may appear.
When the user has initiated an episode (on a show in the Series stage) but has not completed 95% or more of the episode, the "Continue Watching" bar may appear.
After the user has successfully completed an episode (95% or more), including the pilot episode, and has access to another episode of the same show, the "Continue Watching" bar may display.
