Melodia App

Melodia is an innovative digital music application meticulously crafted to offer a seamless and delightful user experience. With a primary focus on user interaction and engagement, Melodia empowers music enthusiasts to effortlessly discover, like, and curate their favorite tracks into personalized playlists. In addition, users can enhance their musical journey by attaching meaningful notes to each song, fostering a deeper connection to the music they love.


Melodia Case Study

In laying the groundwork for Melodia, we dissected Spotify's interface and features, extracting insights to differentiate our app. With a focus on innovation and user-centric design, Melodia aims to surpass industry standards while forging its own unique identity in the digital music landscape.

What is the main objective of this app? To give you access to millions of songs and other content from creators all over the world.
What is the overall tone or mission of the app? Unlock potential of human creativity - by giving a million creative artists the opportunity to live off their art and billions of fans the opportunity to enjoy and be inspired by it.
What are its main features? 
Collaborative playlists - Allow you and friends to create playlists together. 
Playlist folders - Organize playlist by genre, mood, and location. 
Offline listening - Listen to downloaded albums, playlists, and podcasts without any Wi-Fi or cellular data. e.g. airplane 
Spotify wrapped - Yearly event that allows users to see and share breakdowns of their most played tracks. 
Curated playlists. - Collection of songs that have been carefully chosen and organized into a playlist for that specific user. 


What areas of the app are reviewed positively? Variety of genres of artists/bands, up to date with new music, over 10 million songs and 5 millions podcasts, ability to download unlimited songs and podcasts.


What areas of the app are reviewed negatively? Too many ads, limited to specific artists/bands, glitches while downloading music, low sounds quality can vary. 
What is the target demographic of the app? 18-34. Young adults who are likely to be living with their families. 


What is the user interface like? Does it have a Design System that it adheres to?

Navigation Bar: The app typically had a bottom navigation bar on mobile devices, featuring tabs like Home, Search, Your Library, and Premium. 
Playlists and Libraries: Users could access and manage their playlists, albums, and favorite songs within the app. The library organization allowed users to explore their saved music and create playlists. 
Search Functionality: A prominent search bar enabled users to search for artists, albums, tracks, and playlists. 
Player Interface: The player screen displayed album artwork, playback controls, and track information. Users could also access additional features like repeat, shuffle, and queue. 
Discover and Recommendations: Spotify utilized algorithms to provide personalized recommendations and playlists based on users' listening habits. 
Settings and Account Management: Users could access settings to customize their experience, adjust audio quality, and manage account preferences.
 

Next, we interviewed Spotify and Apple Music users to see what they liked and disliked about the app.

We interviewed 4 users of different age groups and demographics in order to analyze a wide range of opinions of Spotify and Apple Music users. This was to best understand the different viewpoints a user could view our app through, and to find problems in their experience to solve. Zoom into our prototype to check out our process!

The most common concern among the people we interviewed was that they wanted an easier way to navigate songs. They also wanted a friendly interface to like tracks, emphasizing the importance of easy navigation to add songs to playlists and create new playlists.

A common theme we found was that many users had been able to search songs and change how they liked individual songs.

To make users feel organized, we implemented a note feature in addition to liking songs.

We wanted the user experience for Melodia to feel organized and have users feel 100 percent sure when they used our product. This is why it was so important to us that users can add a note to a song so they never forget where they heard it from or how it was introduced.

Our Design Process

Personas

User Flow

After doing our research on what problems users were facing and how they like to tackle these problems, we created a flowchart for how users would navigate the app. This would allow us to plan out better pathways for user to take to make their experience the most efficient and satisfying. Zoom in to check it out!

Wireframing

After planning our user flow, we fully fleshed out a greyscale wireframe to plan where our content would go. This allowed us to get everything we needed on screens and allowed us to test our concepts and make sure users understood them. Zoom in to check it out!

Initial User Testing and Prototype

The most important part of our project was making sure that users felt comfortable and confident using our app. Throughout the entire process we were continually interviewing users to ask them about pain points and features that they liked.

Our user testing went through three phases. The first one was during our Depop analysis, where we asked Spotify users about things they liked and disliked about the app and took that into consideration when designing the personas and wireframe. After making said wireframe, we then asked another round of users to test it out and implemented the feedback we received when the first rendition of our first prototype. Our final round of user testing went into this prototype, where we asked users to tap through the app and give us feedback which we then implemented into our final product. Go full screen and check out our prototype for yourself!

Final Product: Melodia

Previous
Previous

UI of the Week