Feed.fm is a media group that handles music licensing, curation, and music streaming API integrations for apps and connected devices. The existing station editing experience needed UX/UI optimizations and the product roadmap required the integration of new features.
I worked with Feed’s Head of Product to design a new platform that allows curators to easily identify problem tracks, add new tracks, and edit station metadata–setting them up to reach their quarterly OKR goal of increasing editing efficiency by 40%.
One challenge of this project was that space was of the essence. Tables included multiple columns of complex data, and curators had to manipulate that data in several ways in order to bring relevant information to the forefront.
Pictured below: the initial platform before the redesign
The existing station edit design was static. I introduced a dynamic panel that updates according to where the user clicks on the screen, providing contextual information. For example, when a user clicks on a track in the table, track information updates in the dynamic panel. Similarly, when a user clicks the “Add track” button, Feed’s catalog populates the dynamic panel, allowing users to select and add tracks to the station:
In order to conserve screen real estate I harnessed the principle of progressive disclosure, only revealing track action buttons on hover.
I designed an icon-based alert column in the track table that allows curators to sort through error, placeholder, and autoreplaced tracks.
Previously, curators didn’t have an efficient way to bring these types of tracks to the top of the pile to take inventory and make edits to them.
Alert
Placeholder
Autoreplace
