Rdio Home

2014

We reunited with the team at Rdio to explore the design and user experience of their recent introduction of Home — a glimpse of what’s happening on your Rdio.

We were excited and happy to collaborate again with Ryan Sims and Malthe Sigurdsson, as well as Chris Becherer, Rod Naber and Mike Towber to design and develop Rdio’s newest and magical feature — Home, a storehouse for all of your Rdio activity.

Over eight weeks, we developed a visual design language and, more importantly, the algorithms that crunch your data, presenting you with the most relevant activity in your library and social connections. The work launched with an evolved and different layout from the original concepts, but some of the experience, curation and ideas remain.

Singlets

We started with a unit — in this case, singlets, which are actions around songs, albums or playlists. All of these can be shared, commented on, favorited, collected, added to or subtracted from, or announced — the possibilities are limitless, though we worked within the current framework to decide what curatorial and algorithmic aspects provided the most value.

  • New Release

  • Playlist

  • Trending

  • Shared

  • Anthem

  • Favorited + Actions

Duos and Trios

Subsequently, we thought about how units would be given further or complementary context by their direct or indirect association with other units — developing duos and trios of units that additionally enhance a singlet.

  • Duo: Review

  • Duo: Tag

  • Duo: Song Review

  • Duo: Comment Reply

  • Duo: Share

  • Trio: On Tour

  • Trio: Label

  • Trio: Also From

  • Trio: Featuring Members Of

  • Trio: Collection Add + Sync

Blocks

We continued to explore the foundation of Rdio Home by tinkering with blocks.

  • A block consists of a single unit and clustered units.

  • Aside from the single unit, here’s a comment unit.

  • This unit is made up of Atoms for Peace–related members and their respective bands.

  • Artists on tour can be displayed via a tour unit.

All Together Now

As we scaled out from the micro view, we had to address the macro view — the rhythm of the blocks. The goal was to balance the density of each block with interspersed cleansers made up of follow lists.

Back to the Album

We also assessed ways to redesign the catalog pages — notably the albums — and how we could highlight the best facets of Rdio — reviews, related information and people.

An alternate, long-form version of the catalog and close to what is represented in the Rdio album views today.

Our Work