This is a work-in-progress! (My Muji sketchbook is suffering!) Have other thoughts on the beloved music platform? Message me and let's talk about Last.fm!
Last.fm is the music search & discovery network. In a time of streaming sites galore, Last.fm remains the go-to space for strong listeners to track history, fan over songs, and find people just like them. As we move more onto mobile listening, I thought of revamping the aged Last.fm application to give a proper space for the music we love.
The beauty of Last.fm is that it puts discovery together with community, while providing comprehensive listening statistics from every platform I listen to. It's essentially a music lover's dream: data-driven and social—and it seems the music community agrees.
If I weren't in tech, I would be in music—I'm sure of it. In each of the past two years, I listened to about 115,000 minutes of music according to Spotify Wrapped (so this excludes my considerable local file and YouTube collection). I fell in love with Last.fm because as a listener and music fan, I want to know my activity, how I fell in love with an album, and what else I can discover.
Last.fm brands itself as your "musical calling card". However, the mobile application doesn't reflect this yet.
I set out to design a mobile experience for Last.fm: the go-to place for music from everywhere should be accessible anywhere.
At present, the Last.fm mobile app shows you your music history, and has tabs dedicated to top artists, albums, and tracks that you can filter over select time periods. There's brief informational overviews for all of these, too—but the app was lacking in what the website did best: comprehensive listening reports (we want a musical calling card, after all), music recommendations and discovery, and even some of its social aspects.
Before working to redesign Last.fm, I had initially planned to create a concept for an all-around "recommendation" site. Like the scrobbling site, it would be built around chrome extensions and service integrations (Spotify, Goodreads, IMDB...)—I realized this would be trying to achieve too much.
Instead, I would borrow a lot of concepts from this redesign for the Last.fm mobile app.
I talked to existing Last.fm users and explored Last.fm alternatives to explore issues with the current mobile experience.
It was clear that there was a suite of product features inaccessible in the application. What stood out to me was the lack of listening history, which presumably should be accessible since the current mobile app mainly gives users information on their previous scrobbles.
What does Last.fm serve when it tracks music you're playing on your phone, without letting you dive into that history? Tracking and listening history would become a priority.
As we go mobile: users should be able to breakdown their music history and pull it up as needed.
For this iteration of the redesign, I prioritized building an onboarding flow, showcasing listening history and statistics, reworking the way music information is presented, and introducing the social aspects of the site on mobile through profiles.Mapping for a proposed redesign, first prioritizing the addition of stats, discovery, and minimal social features (profiles)
I sketched a base flow for the redesign taking into account these features. The original mobile app only had a view for the top tracks, and then recent scrobbles. Much of my flow was based on ensuring key web spaces were found on the app.
Constraints—while crafting this redesign, prioritization of universality and listening history led me to forego some of the more expansive features on the web: events, chatting, charts, and streaming from Last.fm weren't features to prioritize.
Key Assumption—Last.fm's edge is in its data. In an age where we stream everywhere, aggregating and focusing on this data to truly understand it is key—it is empowering to listeners when they understand their behavior.
For these designs, you'll notice a heavy use of images. One tiny, impactful feature on Last.fm is community-voted images that overlay artist and album pages. I wanted to keep this level of customization and intimacy in while developing the Last.fm mobile world.
To begin, I built lo-fidelity mocks for the home, top listening stats and music (artist, album, track) screens. The following are mid-fidelity looks into my proposed redesigns:Dashboard, top artist, and music (artist, album, track) screens
In addition to scrobble history on your homepage, recommendations take stage as music you love is recommended to the user. Simple and straight to discovery, users can track their own activity and expand it with ease.
A new approach at music history gives users the ability to see their musical activity at a glance with an intuitive swipe gesture.
Spaces for user profile and listening reports give mobile users another layer of insight to their activity, and help them connect with other music fans. Social engagements begin and end with music.
Now music fans can begin exploring their tastes and history right from mobile. As more of the masses go mobile, it makes sense for Last.fm to begin prioritizing its mobile experience as a starting ground. Even if the app can only technically sync-in to local music files and Spotify—that's a lot of streaming activity that Last.fm can look at! On-the-go music fans can spread their love for music, and have their friends hop onto the platform too.
Take a closer look at how these screens were crafted with music and love, plus see them in action!
Previously, the app home only displayed recent scrobbles that took over the entire screen. Now, a redesigned home gives the user a glimpse into their profile, listening report, and music recommendations.
NEW HOME—On the new home, recent tracks are more condensed but offer users a direct way to visit their listening reports and discovers.
On universality and discovery 🌎
A redesigned home mirrors the features that users love on the web:This mirrors the Last.fm web experience and immediately offers users a way for more discovery & engagement.
Love—The redesigned track component features track length and a swipe to love interaction—helping mobile listeners remember highlights from their streaming activity.
Loved tracks are highlighted in music pages.
Edit Scrobbles—a premium functionality allows users to edit track details. In addition to a love interaction, I designed a potential modal that could be used for users editing their tracks.
TOP MUSIC—A swipe interaction easily lets users switch between their top artists, albums, and tracks.
With history levels present at the top, users can easily see their activity through time.
Hold Interaction—For previewing music pages, I thought of creating a "hard hold" interaction that would showcase a modal previewing the artist page. I need to look into this more closely to determine where the modal should appear based on source button and thumb/hold position.
ARTIST PAGE—Emphasis on discovery and providing a concise view of an artist's music.
On the artist page, I opted out of displaying the bio field that the website has due to potential inconsistencies.
ALBUM PAGE—The redesign emphasizes the need-to-knows: release date, length, and an expandable about.
A tracklist offers an overview of the songs featured on the album; discovery follows at the end of the page.
TRACK PAGE—The background color on the track shifts based on the originating album. Lyrics are available in full through a modal.
PROFILE PAGE—There was previously no profile page on mobile. Now, it's a social space to instantly see a user's top music, and engage with them through a shoutbox. (Who calls it that anymore?)
Other potential features for this space are neighbors (users with similar music tastes to you) and more details covering play counts & listener statistics.
These profiles focus on music—at a glance, a snippet of a user's activity and history, week to week.
As part of our "musical calling card" design, I wanted all music stats to be easily compiled in the profile screen.
The listening report page gives users a glimpse into their history.
The reports are filtered by week, month, or year: with immediate scrobble counts, day views, overlaid on their top discovery of the week.
I also wanted to tackle a mobile onboarding experience, especially for the number of users that stream locally or on Spotify that can't wait until their end-of-the-year to understand and expand their music history. This is a huge opportunity area.
Visually, albums and artists are highlighted—like in Last.fm's web experience that relies on community votes to select top images. As the user connects streaming services, the background image reflects this—showing the user's music customizes their entire experience.
As a product, Last.fm has a dwindling userbase and desperately needs to be the best at its many developed features over the years. To me and in this redesign, that was how in an age of mobile streaming over dozens of services: it connected and made sense of everything, empowering me as a listener by letting me know the data behind my behavior.
Instead of falling into a trap of underused prompts or spaces, I'm interested in seeing how the dead simple edge as a musical calling card can lead to everything else: discovery, engagement, and more streams. I'm certain there's power in these building blocks even if the mobile redesign doesn't have the entire web featureset: there's already so much we can get from these numbers and materials. They're simply universal to every listener.
Again, all of this is still a work-in-progress. Let me know what you think, or better yet—let me know how you listen.