← Home
Next Case →

PODIST

A platform for connecting the podcast listening community.
ROLE
UX/UI Designer
TIME
2 weeks

Problem

Although podcasts have been around a long time, they’ve recently been gaining a lot of traction within the on-demand audio global market. Although there is no shortage of creators and listeners, there lacks a community platform for listeners to. Podist will be a platform concept for engaging and fostering podcast community. It’s goal is to drive audience growth and engagement by extending the experience of podcasts into an interactive social community.

Background

Podcast popularity is growing rapidly. Podcast listening grew to 21% of the U.S population in 2016. For context, 21% of the country uses Twitter. Furthermore, this is not a passive group. Weekly podcast listeners consume five shows per week on average and are 13% more active on social media channels than the rest of the U.S. population. 

Currently, most of the audience is listening through the iPhone Podcast app, which comes pre-downloaded on all Apple devices.  With such a dedicated and social community this app offers very limited capabilities to engage with the podcasts and the podcast community.

Edison Research Podcast Consumer Report

Research & Planning

After researching the current available apps and the forecast for the podcast industry, I created a research plan with the following questions:


Through my research on podcast listening habits, I created a persona that was the most popular demographic for an active podcast consumer. This provisional persona served to narrow the focus of my research.

I interviewed 4 avid podcast listeners about their listening experience and how it could be improved. The biggest complaints were that podcasts were:

With these insights, I surveyed over 30 active podcast listeners to confirm that these issues were affecting other podcast listeners.

These participants were able to confirm many of the insights I found in my interviews. Avid podcast listeners want podcast listening to be social and they desire a better system of organization for the amount of podcasts they listen to.

UX STRATEGY BLUEPRINT

After understanding and empathizing with frustrations podcast users have, I crafted a UX strategy blueprint for Podist.

CHALLENGES

  • Ease of use: People listen to podcasts most often when they are driving or preoccupied with another task, they want quick seamless access to the content
  • Differentiation: With many social media platforms to interact on, this platform needs to be distinct, but not require a lot of maintenance for the user to upkeep
  • Acquisition: The Podcast App comes downloaded on all Apple devices upon purchase. So there needs to be a stronger trigger in order to motivate them to switch

Aspirations

  • For podcast listeners to easily share podcasts                       
  • Discovery of podcasts through connections with other podcast listeners
  • To connect the podcast community

Guiding Principles

  • Content first and foremost, social sharing second

FOCUS AREAS

  • Use cases: Listening and saving podcasts, recommending a podcast to a friend, and creating a sharable snippet of a podcast
  • Areas of UX: creating an intuitive platform through tested information architecture and straightforward interaction design

Success Metrics

  • How often users are opening the app  
  • How often users create or share snippet
  • Number of users

Application Map & Userflows

Following my UX strategy, I created an application map that would address the primary frustrations of current users. Content comes first, but a strong emphais social integration is a close second.

User Flow - Create a Snippet

The main differentiator of Podist compared to other app’s on the market, would be the ability for users to cut a snippet of a podcast to share with others. The goal for the user flow is make it efficient for users to send a snippet and get right back to listening to the podcast.

Wireframes

With the application map and userflow, I crafted the initial wireframes of Podist and linked them in InVision to test my assumptions.

Testing & Iterations

With my wireframed prototype, I conducted in-person and remote usability tests. I learned about the issues in these designs:

So I set out to fix these issues. Goals for next iteration:

UI Design

At this point, I shifted focus to add the brand identity. All podcast channel’s brand themselves with a square thumbnail to distinguish themselves. The challenge for Podist’s UI would be to create an interface that could display their artwork, but not clash with them. I decided to focus Podist’s brand identity using select key words: innovative, social and minimalist.

With these I created a mood board with an emphasis on gray's and white. I paired the modern and highly legible Avenir with friendly button’s to encourage social engagement.

I added the UI elements and colors to the final design. The goal was to keep the interface straightforward and consistent, while still providing a high level of functionality for the user.

Final Designs

My Podcasts Menu

A solution to the previously overlooked menu, was a more prominent menu that is engaging and interactive. As users swipe through the options the tiles shift by the filter. If they go to the very end of the menu they have the option to create a new custom filter so they can organize the podcasts that compliments their listening habits.

Podcast Channel Menu

For increased consistency and improved functionality, the same menu is integrated on the podcast channel view. From the podcast channel they can search by keyword, filter by podcasts they downloaded, most popular, or view their listening history for this podcast. When a podcast episode is tapped, the full description is revealed as well as the options to add the podcast to Listen Later, Recommend it, and Save it.

Cutting a Snippet

Users need a precise cutting tool that they can use on the go. The audio bars help users visualize where podcasts may fall silent. The time elapsed and total podcast time moved along the audio bars. To improve the accuracy of a snippet, users can also scroll the audio player left and right.

Trimming & Posting a Snippet

Once a snippet has been cut on the podcast player, a user can fine tune the snippet, trim off content, and add a title. A title is automatically generated for the user using the time stamp of the beginning of the episode along with the name of episode and channel.

Sending a Snippet to a Friend

A user can easily send the snippet to friends that are already on Podist. The snippet is sent to the user through Podist keeping communications about podcasts all in one place.

Profile & Discover

From my research I found that one of the main frustrations was finding new podcasts to listen to. I solved this by giving the podcast community the ability to see what their friends are listening to and recommending. Users can view each others profiles which include channels they've recently been listening to, their recommended podcasts, as well as their posted snippets.

A Discover page gives recommendations based on frequently listened to podcasts, as well as giving the ability to find podcasts on top charts or by category.

Social Feed & Messages

From the first iterations, I set out to further encourage social engagement on Podist. Users are now able to recommend a podcast or post directly from the feed page and messages were added to the bottom navigation for quick access.

Web Platform

To compliment the mobile platform, I created a website that enable users to listen from their computer, engage with friends, browse podcasts, and create playlists.

Icons created by Vicons DesignKΛPKLΛMAllenhans draiman, & Eightemdi via The Noun Project.

NEXT DESIGN: FAIR WEATHER

A conceptual weather website making weather data easily translatable for users utilizing color, everyday terminology, and data visualization. A collaboration with Front End Developer, Andrew Ngai.

→ View Next Design