🎧

Music App Wireframes Concept

Intro

These wireframes build on the familiar foundation of popular music and audio apps to create more collaborative spaces that are powered by data. The home, explore, library, and settings are complimented by a collaborative party mode and statistics concept.

The design goal and hypothesis behind these concepts is that the addition of these screens will bring data and collaborative control to the user, removing barriers to sharing experiences and collaboration between users.

Wireframes

Home

The home screen provides a main access point for the user to search content, explore, or jump back into their own created playlists.

image

Functionality

  • Search bar which executes a search across the app, returning top song, artist, playlist, and audio content
  • Each content component has a sub-menu option (on click) with the ability to reorder sections (on drag)
  • The “recently played” component updates with recent songs, artists, playlists, and content that the user has engaged with
  • The “party mode” component allows for quick access to join a friend’s party or to create a new collaborative listening party
  • The “for you” component updates with daily mixes based on listening patterns and the last 30 days of listening data

Party Mode

Party mode provides a main space for collaboration across users, bringing group listening parties to the center stage.

image

Functionality

  • Search bar which executes a search across the app, returning top song, artist, playlist, and audio content
  • The “people in your party” allows the user to see who is actively collaborating. The user can visit their profile or invite another collaborator
  • The “manage your party” component allow the creator of the party to limit access, manage sound levels, and monitor notifications, etc...
  • The “party queue” component displays the songs added by all party members in chronological order. The party creator has the option to turn on voting where the queue is organized by the songs with the most votes

Explore

The Explore screen provides a main jumping off point user exploration to search for new content or create new playlists.

image

Functionality

  • Search bar which executes a search across the app, returning top song, artist, playlist, and audio content
  • The tab filters give the user the flexibility to filter their “for you” suggestions and “categories” by genre. (alternate option to filter by audio content type). The genres dynamically update based on the genres the user listens to the most
  • The “for you” component updates with daily mixes based on listening patterns and the last 30 days of listening data
  • The “create a playlist” component allows a user to create a play list from scratch or leverage their friends, current playlists, or the apps suggestion algorithm to generate and edit playlists
  • The “browse category” section displays all popular categories, such as charts, genres, podcasts, and featured playlists

Library

The Library screen provides a main access point for the user to access their own created playlists and saved audio content.

image

Functionality

  • Search bar icon initializes a search
  • Plus icon initializes a new playlist
  • The tab filters give the user the flexibility to filter their “saved songs” and “playlists” by audio content type
  • The “your saved songs” component displays with the users saved songs, featuring the most recent songs
  • The “your playlists” component displays with the users created, shared, or followed playlists

Settings

The settings screen provides a main access point for the user to take control of their account, statistics, and data.

image

Functionality

  • The settings page hosts an abundance of key links to control the users account settings, view the user’s profile, and log out
  • The settings also allows the user to access their listening statistics

Statistics

The statistics screen is a child of the settings screen and gives the user an opportunity to visual and understand their data and that of the wider listening world.

image

Functionality

  • The tab filters give the user the flexibility to filter the listening by their listening data and data shared by friends, country, and the world
  • The statistics graph visualizes listening patterns and can be changed to display daily, weeks, monthly, and yearly listening habits with applicable data
  • The “your top listens” component allows a user to view their own listening habits in depth across content types

Outcomes

The desired design outcome is to increase the collaboration between users of music and audio apps, as well as allows more users to leverage their own data and understand their own app use and preferences.

These screens are intentionally in the wireframe stage and are meant to tell the story of a new and prioritized way of collaborating with group listening sessions.