TuneIn App Restructure

Compared to its competitors, the TuneIn app had an outdated design and lacked many essential functionalities in early 2020. To provide a better experience for our users, the Retention team initiated the App Restructure Project that aims to modernize the feel and look of the app. I took full ownership of the experience redesign of Home, Search, and Library, cooperated with a cross-functional team from the early research to the final implementation across iOS, Android, and Web. We together shipped new features incrementally and made positive impacts on key metrics.

Looking back, I was fortunate to work on this project. It helped me better understand product design process and showed me how excellent team collaboration could bring concepts to life.

YEAR
2020
ROLE
Lead Design
PLATFORM
iOS, Android, and Web

A sitemap I designed to help the team explore possible directions

Search Redesign

We started with the search redesign because we learned that a great number of new users go to the search page to find a tune on their first day. The goal for us was to help them find something to listen to faster.

Based on user research, we started off with a full vision of what a good search page would look like. Then, we broke it down into different phases by implantation difficulties. The result rewarded us with a significant increase in listening hours from the search page.

Screens of the new search design

Switch between tabs to see design in different phase

Since the new design requires to build new view modals, I created an interactive documentation to keep the team in sync with the technical specifications.

The documentation of a new view modal called Signboard.

Localization is an important part of the process due to many international listeners on our platform. I worked with our localization experts to ensure the design works fine for all languages we supported.

Localization test page in Xd

Main Navigation Redesign

The old content discovery flow required users to navigate to the Browse tab first; then, a subpage will show up after users tap on the category they are interested in. These extra steps block users from exploring new content that carefully curated by our editors.

Screens of the new search design

To make the content discovery more accessible, we merged the Browse tab with the Home tab by introducing top navigation tabs. This structural change enables users accessing to different categories without leaving the Home page.

This update boosts the overall listening hours significantly, but we didn't stop there. Adding a filter system to each tab allows users to find more relevant stations to their listening habit; therefore, they can enjoy a more personalized listening experience.

Switch between tabs to see design in different phase

Library Redesign

The Favorites page is where users can organize their favorited stations; it is supposed to be the best place to get quick access to stations that users explicitly liked. However, our support team frequently heard from our users compliant about how this page has confused them. The reasons are the confusing structure and incomplete features. For example, a user can create a folder only on the web, and there is no way to delete or organize it.

We started the redesign process for users' satisfaction with the Favorites page's essential purpose- organizing stations. We changed the name of the tab from Favorite to My Library, grouped relevant content to its own section, and redesigned a new way to sort and edit stations.

Our research showed that many users come to our app for live events. We felt that it is beneficial to keep users informed about the events they are interested in. We added two new sections, Scheduled and Live Now, to let users know upcoming events they care about the most without their direct inputs.

Screens of the new library design

We started the redesign process for users' satisfaction with the Favorites page's essential purpose- organizing stations. We changed the name of the tab from Favorite to My Library, grouped relevant content to its own section, and redesigned a new way to sort and edit stations.

As we listened more from our users, The Scheduled and Live Now sections are designed to let users know upcoming events they care about the most automatically.

Switch between tabs to see design in different phase

The web redesign of the new library page

The most challenging part of the project was solving the inconsistent favoriting feature across all platforms. Due to our content's complexity, we had to consider all possible interactions to help users understand the state when they favorite a station.

The interaction of favoriting a station or a podcast on the web

The documentation of how favoriting station works on the web and the mobile web

Thanks for watching

BACK TO HOME

© 2019 Hongwei Huang. All Rights Reserved.