Music App Design
This is my UX/UI case study for a music app called Music Life. Music has influenced and motivated people’s minds and hearts for generations. Music apps play an important role in people’s daily life and are some of the most frequently used apps on their mobile devices. Music apps are not only a digital tool for music lovers to explore and listen to music, but also can be an entertaining channel for people to interact with others. My goal of this app design is to research what important features music lovers would like to have in order to enjoy interacting with the app and others around them.
User Persona
Empathy Map
Problems
Most music apps only promote popular songs which they assume people will like. However, users get bored when the same songs are recommended over and over again.
Users feel it’s difficult to search for new songs based on their moods, activities, and time of day.
Users want an easier way to share songs with their friends, talk about their favorite music, and interact with fellow music lovers socially.
Solutions
Users are given a mood board to label what types of music they prefer to listen to. Based on that, the music app can provide the same or similar types of music for users to listen to.
Based on the time of day, users will be given a feature to choose what type of music they would like to listen to.
Interactive sharing feature for users to share music with individuals or groups within the app. Sharing can be done via chat or adding to a shared playlist.
Sketches & Low Fedelity Prototypes
Wireframes
Screen 1 - Cover
Music Life Logo
Screen 2 - Home
A landing page for greeting users
Users are able to tap the CTA button “Find Your Music” to search for music they would like
Recommendation of popular music for users to explore
Search for music by genre
Screen 3 - Moods
Based on the daily time frame, Music Life provides options for users to choose what type of music users may like to listen to. Users can also search for music in the search bar.
Screen 4 - Party Music Playlist
Recommend Music on top
A filter to help users find specific music
Party songs in the playlist
Screen 5 - Music Player
Title and artist of current song
Tap the “like” icon to like a song
Buttons to skip to the next song, go back to the previous song, pause the music, resume playing
Swipe up to see what songs will be played next
Screen 6 - Add Music
Add a song to my playlists
Add a song to my group playlists
Screen 7 - My Groups
Choose a group users would like to add song to
Screen 8 - My Group Playlist
Once users add a song to the group, the song is shared to the group list, and everyone in the group can see and listen to the same song
Users can add another song by tapping the “plus” icon
Users can manage songs by tapping the "more” icon to the right of each song
Music player shows what song is currently being played
Screen 9 - Manage a Song in Group Playlist
Users are able to add the song from current playlist to other playlists
Users are given options to delete, share, and privacy settings of the song
Screen 10 - Share Music
Users are able to share a song with friends in Music Life
Users can search for friends they want to share with
Users can share a song with people via text message and social media
Screen 11 - My Chat
Music Life provides a platform for users to share a song with friends on the “my chat” screen, and have a conversation with them
Screen 12 - Account
Users are able to click the “setting” icon to change functionality and preferences of the Music Life app
Users can manage their “Friends” and who they are “Following”
Users can add key words to their “mood board”, so Music Life will play music that fit their unique tastes
There is a “Favorite Album” section
