iHeartRadio

iHeartRadio

iHeartRadio

Enhancing the useability and functionality of the popular streaming platform.

Enhancing the useability and functionality of the popular streaming platform.

Prototype

Timeline

3 Weeks

Services

UX/UI Design

Project Overview

The Challenge

The Challenge

The Challenge

My challenge was to identify a podcast and music streaming platform that is widely used but still has room for improvement. After evaluating several options, I chose iHeartRadio. The primary issues users reported centered around the search functionality and the difficulty in locating the next episode in a podcast series. This was especially frustrating for listeners in the middle of long-running shows, where the current sorting options are unhelpful. As a result, users often have to scroll extensively to find the next episode—assuming they don’t lose interest along the way.

The Goal

The Goal

The Goal

The main goal of the project was to address the core functionality of finding specific podcast episodes. I aimed to find a way to make it easier for users to quickly locate the episode they were looking for. This involved improving both the search function and the user experience on the podcast’s main page.

The main goal of the project was to address the core functionality of finding specific podcast episodes. I aimed to find a way to make it easier for users to quickly locate the episode they were looking for. This involved improving both the search function and the user experience on the podcast’s main page.

The Result

The Result

The Result

The final product was well received, with one user even expressing that they wished it were a functioning component right now. One of the key feature solutions adopted a search result layout similar to Spotify’s, which users were already familiar with. Additionally, the updated sorting feature made it easier for users to distinguish between episodes they had already listened to and those they hadn’t. Overall, the improvements enhanced iHeartRadio’s functionality without altering any of its core design elements.

The final product was well received, with one user even expressing that they wished it were a functioning component right now. One of the key feature solutions adopted a search result layout similar to Spotify’s, which users were already familiar with. Additionally, the updated sorting feature made it easier for users to distinguish between episodes they had already listened to and those they hadn’t. Overall, the improvements enhanced iHeartRadio’s functionality without altering any of its core design elements.

Research

Focus

Focus

Focus

I wanted to explore a project within the entertainment industry as it is massive. There are about 90 million music streaming subscribers in the US alone and about 99% of all US households pay for at least one or more form of streaming service.


To better understand which area to concentrate on, I reached out across multiple social media platforms to gauge what people found most interesting—whether it was music and podcast streaming, social media, gaming, or another category. The responses indicated a strong interest in music and podcast streaming.

User Interviews

User Interviews

User Interviews

Once I had narrowed down my focus, I conducted interviews to learn more about people’s experiences with music and podcast streaming. This provided valuable insight into which platforms were being used and for what purposes. I discovered that users were hesitant to show blind brand loyalty—many used different platforms for different needs, even if a single platform offered everything. Overall, organization and searchability emerged as the top priorities for users.

Once I had narrowed down my focus, I conducted interviews to learn more about people’s experiences with music and podcast streaming. This provided valuable insight into which platforms were being used and for what purposes. I discovered that users were hesitant to show blind brand loyalty—many used different platforms for different needs, even if a single platform offered everything. Overall, organization and searchability emerged as the top priorities for users.

Industry SWOT Analysis

Industry SWOT Analysis

Industry SWOT Analysis

Following my user interviews, I conducted a SWOT analysis on the platforms mentioned to gain a deeper understanding of how each one operates and where their customer focus lies. I found that services like Apple Music and Spotify tend to cater more to audiophiles, while platforms like Pandora and iHeartRadio appeal more to casual listeners. Across the board, the platforms analyzed primarily target Millennial and Gen Z users and offer “upgrades” through subscription-based models.

Conceptualize

Problem Statements

Problem Statements

Problem Statements

At this stage of the process, I had narrowed the focus to Spotify and iHeartRadio. Spotify was the most widely used platform, while iHeartRadio shared similar features but showed more potential for improvement. Apple Music didn’t receive many critiques, and Pandora generally functioned well for its intended purpose, regardless of subscription level. I created POV and HMW statements based on the issues identified during user interviews. After further reflection, I chose to move forward with iHeartRadio, as I saw greater opportunity to enhance the platform through small, impactful tweaks and feature additions—something that felt less feasible with Spotify.

User Personas

User Personas

User Personas

I created three distinct user personas based on the target audiences identified in my SWOT analysis, allowing me to focus on the core demographic using the product. I divided the demographic into three user types (two shown below), as interview insights revealed differences in behavior and preferences across age groups. It was important to ensure that any solution I developed would work effectively for all three user types.

Design

Branding

Branding

Branding

Since I was working with an existing product, it was important to stay aligned with the established brand. I found a dedicated branding website created by iHeartMedia, which included guidelines on colors, typography, and logo usage. This resource was essential in ensuring that my design enhancements didn’t stray too far from their existing brand identity.

Since I was working with an existing product, it was important to stay aligned with the established brand. I found a dedicated branding website created by iHeartMedia, which included guidelines on colors, typography, and logo usage. This resource was essential in ensuring that my design enhancements didn’t stray too far from their existing brand identity.

Wire Framing

Wire Framing

Wire Framing

I began by sketching the basic layout of the existing desktop pages to establish a solid foundation. This helped me gain a deeper understanding of the current product before making any modifications. I chose to focus on the desktop version first, as most users reported streaming the service from a computer rather than a phone or television. From there, I began experimenting with different redesigns and layout concepts—drawing inspiration from other platforms like Spotify—to address the issues identified during the Conceptualizing Phase. I explored redesigning the homepage to make it more personalized for individual users. I also looked into new ways to display search results and redesigned the media player to give users a clearer understanding of what features were available in the free version.

Persona Double Check

Persona Double Check

Persona Double Check

At this stage, I realized there were too many competing areas of focus. To regain clarity, I revisited my user personas to identify which wireframe solutions best aligned with their needs. I ultimately determined that the most important improvement was enhancing the ability to search for specific podcasts and sort them efficiently for quick access to the next episode. This decision was guided by the needs of each persona: the “Older Millennial” wants to easily find and enjoy her favorite podcasts, the “Cusp Millennial” values a solid free subscription experience, and the “Younger Millennial” seeks a familiar and intuitive interface.

User Flows

User Flows

User Flows

Building on the existing site’s basic flow, I added a few additional steps to create a more effective approach that aligned with my project goals.

Building on the existing site’s basic flow, I added a few additional steps to create a more effective approach that aligned with my project goals.

Testing

Testing Process

Testing Process

Testing Process

Once I had a clear direction, I applied iHeartRadio’s existing branding guidelines to my wireframes and developed a rough prototype for testing. I conducted moderated usability testing with participants from the target demographic—as well as some slightly older users—to ensure the solution would work across a broad user base.

Once I had a clear direction, I applied iHeartRadio’s existing branding guidelines to my wireframes and developed a rough prototype for testing. I conducted moderated usability testing with participants from the target demographic—as well as some slightly older users—to ensure the solution would work across a broad user base.

Outcomes

Outcomes

Outcomes

The overall response to the direction was positive—one user even mentioned they wished the feature was available “right now.” There were a few critiques regarding font size, with some users feeling it was slightly too small. A couple of participants suggested that a different kind of filtering system would be more effective than the one tested. Some preferred organizing episodes by “seasons” for better structure, while others favored a “bubble-style” filter over a traditional drop-down menu.

Iterations

Iterations

Iterations

When it came time to make iterations, I took user feedback into account and increased the font size for better legibility. However, I chose not to change the filter style, as doing so would conflict with the existing UI functionality of the website.

When it came time to make iterations, I took user feedback into account and increased the font size for better legibility. However, I chose not to change the filter style, as doing so would conflict with the existing UI functionality of the website.

Final Prototype

The Results

The Results

The Results

Before & After

Before & After

Before & After

Here are images that show the existing feature as it currently is on iHeartRadio and what my changes would make it look like.

Here are images that show the existing feature as it currently is on iHeartRadio and what my changes would make it look like.

Next Steps

Further Testing

Further Testing

Further Testing

From here, I believe the updated prototype would benefit from a larger testing pool to gather even more comprehensive feedback. It would also be valuable to test with the remaining user demographics of iHeartRadio to uncover any additional opportunities for improvement.

From here, I believe the updated prototype would benefit from a larger testing pool to gather even more comprehensive feedback. It would also be valuable to test with the remaining user demographics of iHeartRadio to uncover any additional opportunities for improvement.

Multi-platform Development

Multi-platform Development

Multi-platform Development

Following that, I would recommend adapting the new features for multiple platforms, such as the mobile and TV apps. These versions would also require additional rounds of testing to gather platform-specific feedback.

Following that, I would recommend adapting the new features for multiple platforms, such as the mobile and TV apps. These versions would also require additional rounds of testing to gather platform-specific feedback.

Implementation

Implementation

Implementation

Once the different versions are ready, I would recommend rolling them out across all platforms simultaneously. This could also present a valuable marketing opportunity to introduce the “new and improved” iHeartRadio experience.

Once the different versions are ready, I would recommend rolling them out across all platforms simultaneously. This could also present a valuable marketing opportunity to introduce the “new and improved” iHeartRadio experience.

Project in mind?

Let’s work on it together!

Project in mind?

Let’s work on it together!

Project in mind?

Let’s work on it together!