Wynk Music lite is a simplified version of the Wynk Music app. It's focused on delivering the best music streaming experience to the next billion users from the emerging markets. It's an independent app designed from the ground up to provide an intuitive and engaging user experience. This app would save battery and space, stream music on all network conditions, and run smoothly even on basic smartphones.
Product Designer
1 month | October 2020
Personal project
Solo
Wynk Music is an OTT (over-the-top) music streaming app from Airtel. It has over 30 million songs spanning Indian and international music. It also has a massive catalog of music in regional languages and all other south Indian languages.
01 — PROBLEM
With the rising number of internet users, especially from rural and semi-urban towns, vernacular music is in great demand. The music streaming experience suffers from fluctuating network conditions. It also varies depending upon the device. There is a need for a humane music streaming experience.
02 — GOALS
01
Simple
Experience should feel familiar by leveraging the user's existing mental models to remove any learning curve.
02
Focused
Unwanted barriers that come between listener and music should be eliminated. Least friction to get to the core value.
03
Humane
The design should focus on respecting the time and energy invested by the user. Less intimidating, more friendly.
03 — SOLUTION
An intuitive and delightful music streaming experience, which is easy to use and works with a wider range of devices in all network conditions.
Level 0
The first digital touchpoint in the journey of any Android app is the Google Play Store. I created a mock of how the app's page will look on the Play Store.
‒‒‒‒
Images of people listening and enjoying music act as social cues to capture attention. They reflect a lifestyle that can be associated with the product. They also convey the unique features that set it apart. The top intro lines summarize the core value delivered by the product.
04 — KEY HIGHLIGHTS
Quick onboarding
Phone number verification using OTP (one-time password) eliminates the need to set a new password and remembering it. The language and artist selection pages have bigger cards for quicker selection and usability enhancement.
‒‒‒‒
Off-color input fields provide a clear focus. After every input, the call to action button turns red, indicating the next step. Language names in native scripts assist in quicker scanning.
Simplified navigation
The primary navigation is situated at the bottom bar. This makes it faster to access the top-level destinations inside the app. The information architecture is condensed to show only the relevant information. This also simplifies the user flows.
‒‒‒‒
Keeping the navigation tabs visible upfront helps the user to explore the app and orient themselves. It also conveys what all a user can do to make the most out of it. This will help in longer engagements.
Focused home
Home feed is designed to be dynamic and appealing. The top section has a switch between 'Music' and 'Hellotunes.'
Next up, there's quick access to recently played songs. One can also hit the shuffle button to play them quickly.
Top charts provide social proof of what's trending out there. The new releases section breaks the monotonicity of the feed by showing a few songs upfront.
Mood mixes change dynamically depending upon the time of the day and based on the user's listening history.
Recommended radio section again breaks the monotonicity of the feed with bigger cards. Home feed ends with a personalized non-stop radio.
Home feed isn't infinite to avoid the loss of interest. It's designed to feel like 'home' truly.
The initial personalized music playlists are formed based on the artists selected by the user while onboarding.
This also reminds them that the time they spent in selection is used to create a personalized experience.
Surprise me
Still confused about what to play? 'Surprise me' plays a random song. It's present half-way in the feed after the user has already gone past personalized music, charts, and new releases.
Music rewind
Daily, weekly, monthly, and yearly rewind playlists have the user's top played songs during these periods.
Priority controls
Users can keep a check on the app's data and storage usage. They can also set data limits, which notifies them when the limit is reached. The audio quality page informs about the approximate data usage per song.
Accessibility in check
Primary brand color is desaturated to meet sufficient color contrast levels. Larger and bolder text improve legibility. Pure black color is avoided for the background as it feels jarring against the lighter elements.
Ergonomically accessible
Frequently used tasks are placed in the easy access zones, optimizing the design for one-handed use.
More signal, less noise
Feature prioritized design helped in delivering a clutter-free interface. It also removes any unnecessary confusion and cognitive load.
Informative intermediate states
Concise and understandable intermediate states convey the information that can assist in having a better streaming experience. A shade of yellow is used to grab the attention and stand out from the rest of the UI.
Supportive error states
Instead of an upfront 'No connection' screen, the error state changes from a spinner to a prompt text asking the user to check the connection and finally into the 'Unable to connect' state.
‒‒‒‒
These switching states account for the fluctuating internet speeds. If there's a delay in fetching data, the app shows that it's working on it rather than no indication of what's happening in the background. The app sends feedback to inform the user when the connection is restored.
And introducing...
Wynk Muse
Wynk Muse is a music discovery feature that plays a short 30 seconds preview of a song.
People can discover new music, swipe and skip the songs they don't like, and add the ones they want into their library.
They can play the full song right away and also set it as Hellotune without switching screens.
Muse keeps adapting to match the user's taste. It gets smarter with every use.
Gesture-based interaction and minimal interface make the Muse intuitive and fun to use. It puts the user's work onto the machine.
No long tutorials, no genre selection, just music.
The reality is that first time smartphone users are introduced to the Internet through platforms like Facebook and TikTok, which rely on different patterns to those found on traditional media platforms. These new patterns such as WhatsApp/ Instagram stories, might not feel intuitive at first, but have quickly become the new status quo.
Wynk Muse has three-fold advantages.
It helps the user to discover new music at ease. The usual trial and error process of selecting, skipping, and listening to several songs requires a lot of effort. Users are more likely to find a song they like using Muse.
Muse is a self-learning model. Leveraging the power of machine learning, it suggests the best songs based on the time of the day and the user's listening history. It picks the best part of the song and plays it without listening to the complete song.
Muse acts like a domino effect. Every next song is similar to a variable reward which keeps the user hooked while discovering music. This can lead to longer engagements and increased retention, which is a win for the business.
Muse also helps in supporting all the artists. Usually, a lot of songs don't make it to the top charts or featured playlists. One of the reasons is that people never came across them.
And there's a big chance that some might like it. Muse solves this by previewing songs that suit the user's taste. Thus, enhancing overall music discoverability.
‒‒‒‒
Even if the user taps by mistake and misses the animated walkthrough, the next song's animation is bottom to top, giving hints at the interaction. This interaction is kept similar to popular apps like Instagram and TikTok, which use identical gestures. This matches with their existing mental models and eliminates any learning curve.
Giving up the option of choice, and letting a machine choose for you, is a radical approach to shrinking the time we might spend otherwise.
― John Maeda in The Laws of Simplicity
⟵
Progressive tooltips convey that songs from Muse can be added to Liked songs playlist. Feedback assures that the action has been completed successfully.
⟶
Liked songs playlist has a toggle to filter the songs 'liked' from Muse. The faded Muse icon indicates that the song was 'liked' from Muse.
Any interaction with a digital technology has the capacity to impact your mood, your mind, and your wellbeing.
Designed for well-being
People can lose a lot of time if Muse is an infinite model.
It was important for their well-being to unhook them with a sense of completion. Therefore, Muse reminds to take a break after a certain time.
It's designed for well-being. Short previews don't burn a lot of time. There's no effort needed in using Muse; a new song comes up just with a flick of the finger.
It's a low cognitive task with variable returns.
How did I reach there?
05 — THE PROCESS
Discover
Design
Iterate
Test
I followed a cyclic process, validating and iterating my explorations. As product design is a continually changing process, I came across many things at different phases. In this case study, I've merged my takeaways and explorations from different phases together to maintain a flow and avoid jumping back and forth.
Revisiting the problem
With the rising number of internet users, especially from rural and semi-urban towns (Tier 2 and Tier 3 towns), vernacular music is in great demand. The music streaming experience suffers from fluctuating network conditions. It also varies depending upon the device. There is a need for a humane music streaming experience.
Why is it a problem?
As affordable mobile data is one of the strengths of Digital India, Indian language and vernacular apps are gaining popularity. The majority of new internet users are from rural and semi-urban towns. Most of them are mobile-first users. They typically use low-end Android phones, having less memory and storage. The mobile data internet speed in India is one of the slowest in the world. Network speed also varies across the country.
Why is it important?
The smartphone adoption rate in India is at an all-time high. With penetration into Tier 1 and Tier 2 towns, it's predicted to reach 829 million users by 2022.
Data shows that Indians are spending 21.5 hours every week listening to music, against the global average of 17.8 hours.
Mobile users in India are concerned with storage and data consumption, share devices, use app lockers for privacy, and log in with one-time passwords.
The markets with the fastest growing internet and smartphone penetration can have some challenging issues, such as:
Slow, intermittent, or expensive connectivity.
Devices with screens, memory, and processors that may be less capable than devices in other markets.
Limited opportunities to recharge batteries during the day.
Why Wynk Music?
Wynk Music has a huge catalog of vernacular songs. Indian regional music on Wynk is witnessing the fastest growth.
There has been a 75% rise in users streaming regional music.
Regional music is a key growth driver and now accounts for 26% of the over 3 billion monthly streams.
Songs in Oriya, Gujarati, Assamese, Marathi, Telugu and Bhojpuri have seen more than 150% growth.
With increasing smartphone users in Tier 2 and 3 towns, the demand for regional language songs is seeing massive surge.
Airtel users get a free subscription of Wynk music depending on their mobile plan.
#1 on Apple App Store*
#1 on Google Play Store*
Regional content is clearly the new HERO as more users come online and look for content that is relevant to them. We aim to invest disproportionately for further expanding our regional content library and work with local artists to bring them to the online world of music.
Desk research
I started with desk research to understand the problem and gather insights on product-market fit.
KEY INSIGHTS
People from emerging markets are mobile-first users. They mostly have basic smartphones from low price segment.
These devices generally come with low memory, less storage, and limited battery life.
They have varying literacy levels. Almost all age groups consume music at any time at any place.
Who all are thinking on the same lines?
To understand the scope of technical feasibility and success rate, I looked at the products which address the same problem.
KEY INSIGHTS
Spotify lite is very popular among all ages because it's easy to use and has a straightforward user interface. People can use it without much effort, even if their smartphone knowledge is limited. It somewhere lacks in having local and regional songs.
A progressive web app is not the solution. The success of PWA depends on the browser; most people don't understand how to use them. It's not battery efficient as they're not written in the native language. Functionality is limited in a PWA. It doesn't offer a rich experience. They also don't support integrated payment processing for in-app purchases.
Most devices are infected with malware, which people have installed unknowingly. This blocks CPU cycles and bandwidth while syncing. Let’s also not forget the storage-guzzling good morning messages from WhatsApp.
Understanding the user
To understand the user's expectations and pain points, I had one-on-one user interviews with 8 users. Considering the timeframe and getting more refined outputs, I decided to look at the extremes. I asked questions to learn about mobile usage patterns, needs, and expectations related to music streaming.
Participants were between 18 - 40 years old. This age group was chosen based on insights from desk research.
KEY INSIGHTS
People have used streaming services provided by their telecom providers like JioSaavn, Wynk Music as these come with an initial trial period offering all the features.
Most of them have moved to other apps like Spotify after their trial periods as they found the experience better and easy to use.
Their device storage is mostly taken up by photos and media files shared over social media, which leaves very less space for new app downloads.
They are familiar with some popular apps like Instagram, TikTok, WhatsApp, and some pre-installed apps like YouTube.
They're away from the app while the music keeps running in the background unless they're specifically there to explore or search. They use notification controls to change songs.
People are task-focused when they're searching. The rest of their engagement with the app is often characterized by short and quick sessions.
8/8 use prepaid mobile plans as they believe prepaid plans offer more flexibility, and they're used to them.
8/8 use smartphone primarily to listen to music. They like a personalized experience.
Music streaming apps are used in all situations and all environments. 7/8 users listened to music daily.
Even though internet speed is an issue, they prefer using streaming apps to play whatever they like, without spending much data compared to YouTube.
Exploring solutions
Based on the insights, the smartphone is the primary device used to stream music. The solution should account for the user's pain points and expectations. Subtracting features from the flagship app won't be enough. The experience needs to be designed from scratch.
Why a lite app?
Lite app is equipped with only essential features. It consumes less computing resources on the device.
Even 100MB of memory can make a big difference in the user experience.
To help users save data costs, the lite app has a small package size and can download faster.
Being a native app, it'll have hardware access, will support multitasking and also in-app purchases.
Prioritization
To keep the experience focused and deliver the core value, prioritization was needed. Insights from user interviews and desk research helped me in understanding the use cases and prioritize the features.
As a user I want to
listen to songs
search songs
see the lyrics
share songs
make playlists
set up Hello Tunes
discover new songs
download songs
Design principles
Diving into the design details
Music apps are generally used anytime throughout the day and night. The dark mode is easier on eyes in low-light environments. It also saves battery.
Dark mode brings an emphasis on the content and brings it into focus instead of the UI elements. Colors pop up better on dark background. It lets the album arts and music player stand out while the rest of the interface recedes in the background.
Using rounded cards as they point inwards, focusing more on the content. Using color appropriately and sparingly to indicate clear primary action.
Since billions of people will use the product, it's important to keep sufficient accessibility and usability.
Breaking it down
DESIGN ⟷ TEST ⟷ ITERATE
Keeping all the insights in mind, I started designing the screens. I tested the prototype after every iteration. User testing was done with 6 users individually through video-calling. I also asked them some follow-up questions at the end of the session.
GOALS FOR USER TESTING
Task success rate
Time on task
Rate of error
Analyze complexity
Check language
Identify usability issues
ON-BOARDING
Previous version
Previous version
LOGIN
LANGUAGE SELECTION
ARTIST SELECTION
Previous version
Iterated version
HOME
Previous version
Iterated version
SEARCH
LIBRARY
PLAYLIST VIEW
Assets should be of an appropriate size to load on a mobile network. Album art of songs is avoided in the playlist so that it loads faster.
Using SVGs where ever possible as SVGs are just code, they have tiny file sizes. SVG is vector-based. This allows for infinite resolution.
MUSIC PLAYER
Previous version
Iterated version
SOME EDGE CASES
USER PROFILE
The cheapest plan is displayed under the CTA on the profile page.
The subscription screen below is the first screen that a user encounters after deciding to subscribe.
The information is structured and emphasized to explain the benefits of the plan and pricing models clearly.
SUBSCRIPTION
SETTINGS
STORAGE AND DATA USAGE
In the popular prepaid plans in India of Airtel, Vodafone, and Jio, the daily FUP caps are placed after the subscribed data pack is exceeded. Once a user exhausts their internet data, they can still access the internet, but at a reduced speed of 128 Kbps.
Providing transparency over storage and data usage and an option to set data usage limits to avoid reaching the FUP caps.
To make it easy to free up space, there's one-tap action to clear temporary files (cache).
ERROR AND FEEDBACK
PROGRESSIVE HINTS
NOTIFICATIONS
KEEPING IT CONSISTENT
VISUALIZING DEPTH
At higher levels of elevation, elements express depth by displaying lighter surface colors. A semi-transparent overlay is added to the base color in elevated states such as the bottom navigation bar to express depth using on-surface color. Elements that appear further back are darker, while elements in front are lighter.
Designing Muse
As I was adding a new feature, it was important to make it intuitive without increasing the app's learning curve.
Muse was designed according to the following principles:
Don't distract the user from home.
Discovering music must feel easy and fast.
Make it worth their time.
Make it effortless.
Swiping feels more natural on the touchscreen rather than pressing buttons. It can be done anywhere on the screen, unlike the buttons which are present at specific locations.
Overall the swipe gesture requires less effort. But people take time to learn gesture-based navigation. The idea of pressing buttons is more easily understood.
Since users are familiar with swipe interaction from popular apps like Instagram and TikTok, this would get them started right away. Even if the user isn't swiping, the next song preview starts automatically after 30 seconds.
Interfaces get in the way. I don’t want to focus my energies on an interface. I want to focus on the job.
― Don Norman
Interface states
IDEAL NETWORK
This is the ideal error state when the network connectivity is lost and restored.
INTERMITTENT NETWORK
This explains the case with intermittent networks. The network connectivity keeps fluctuating.
How does this compare with the existing experience?
I also went through the current Wynk Music app to look for more opportunities for a better experience.
Eliminating chaos
The interface should feel natural and close to real-life. 'Liking' resonates more with real-life. The user's library is valuable. They spend time making it. It's essential to make it easier for them to find their liked songs, playlists, and artists in a much simpler and straightforward way.
FOLLOW LIKE FOLLOW ⟶ LIKE LIKE LIKE
The more a system knows about you, the less you have to think. Conversely, the more you know about the system, the greater control you can exact.
― John Maeda in The Laws of Simplicity
Challenges faced
I kept on iterating some of the screens until I felt like the design will accommodate the secondary priority features in future releases for solving additional use cases.
This will also assist in the quick release of updates and minimum development efforts.
Lite app should feel like a lite app. There were technical constraints to limit the use of sensors to save battery.
Reducing the complexity of Muse was one of the challenging parts. It's commonly not found in music apps. Yet, it has to feel obvious and fast.
Feature farewell
MUSIC DOWNLOAD
Adding 'download' means assuming that people have ample storage space. It also adds to the learning curve of the app. Downloads act as a nudge to try the flagship Wynk Music app.
QUEUE
The queue was scrapped to avoid extra complexity. As per the data from user research, people don't use it, and they also get confused by it. It hampers the user experience. People find making a playlist easier than adding songs and rearranging the queue. There was no strong reason to have a queue.
OTHER
Cast
Sleep timer
App shortcuts
Home screen widget
Multi-screen support
Landscape mode support
These features can be rolled out in further releases based on the user demand or business opportunity.
Explorations that failed
VOICE ASSISTANT
Voice is the natural way to communicate. With voice assistants gaining popularity in India, I tested one with Wynk Music lite so that people can go hands-free and control music with their voice.
It was later removed from the app due to the following reasons:
India has 22 languages with over a million speakers each. Even the accent of people varies. It adds a lot to develop a reliable voice assist model. Voice interface fails in noisy environments.
Voice interfaces are highly invisible. It isn't easy to educate people about its full capabilities. They often use the same commands they've been using or what the app suggests.
Defining every action is not possible as there can be infinite possibilities. People get frustrated and give up if they don't get the expected results on the first attempt.
It merely acted as an 'add-on' without providing much value to the user and adding to development efforts.
LONG-PRESS SONG PREVIEW
This micro-interaction was added to discover new music without wasting time and data. Long pressing on any song would play its short preview. Although this could have been a unique song preview feature, it isn't obvious.
It was removed due to the following reasons:
It's hard for users to discover it and bring it into a habit. Adding this will increase the learning curve of the app.
This gesture clashes with the existing mental model of "long-press gesture" for the pop-up menu on the Android system.
It'll also hamper the accessibility as the loading indicator ring lies near the finger or thumb.
Failure of this micro-interaction led to the birth of Wynk Muse.
No matter what, touch events are always delayed due to hardware limitations (sensor, display refresh).
― The Illusion of speed by Paul Bakaus, Senior Staff Developer Advocate, Google ↗
Business model
Current Wynk music plans demand very long commitments, and people are often not ready for it. Cheaper and less duration plans like daily or weekly plans can be introduced to attract more people. Lite app should feel ‘light’ on pockets as well.
People trust referrals; they're more likely to use a product when referred by someone they know. Giving people free subscriptions based on their total referrals can also attract more users.
A majority of mobile-first users don't have much financial literacy for understanding recurring payments. They are more familiar with payments using Paytm or UPI.
Wynk can also attract students by offering them student plans with reduced prices. Unlimited Hellotunes changes can be restricted on the free plan.
55 percent of people are willing to pay more for simpler experiences.
64 percent of people are more likely to recommend a brand that delivers simple experiences.
Companies that fail to provide simple experiences leave an estimated share of $98 billion on the table.
How will this help Wynk?
With increasing smartphone users and a massive catalog of vernacular songs, Wynk Music lite can give tough competition to other market players.
As gathered from market research, nearly 9/10 Indians are unwilling to pay for a music subscription. 85% of music streaming is done in free, ad-supported environments.
Placement of advertisements
Ads should be placed such that they don't hamper the user experience. They shouldn't compete with the content as this will kill the core value of the app.
Non-skippable audio ads can be used along with a promotional banner. Featuring sponsored playlists or sponsored sections in the home feed. Next 30 minutes ad-free listening after watching a sponsored video.
More people switching to Wynk with also help Airtel in aligning itself with the Make in India initiative.
In many places in the world, entry-level smartphones are often the first and only way people get access to the internet. Whether it comes with a high-definition or regular display, 4GB or 16GB of storage, or 3G or 4G support, there’s a Go edition device for everyone.
Measuring success
If Wynk Music lite is launched, then these metrics would be worth tracking.
Average session duration
Purchase funnel drop-offs
Daily app launches
Daily active users
Monthly active users
Screens visited before quitting
Playback latency
Retention
Average music streams in a day or month
Click-through rate (CTR)
Pro plan conversion rate
Average revenue per user (ARPU)
PLAY STORE OPTIMIZATION METRICS
Play Store top charts ranking
Ranking in 'Music & Audio' category
Keywords ranking
Conversion rate
Trends in user rating
Reflecting back
KEY LEARNINGS
Test early and often
Having quick validation after generating ideas is important before pushing pixels and implementing them.
Need > Want
Identifying basic 'needs' is more important than satisfying all the 'wants'. The design process never stops. New patterns emerge, user’s expectations increase.
Keep it transparent
Make it easier for people to understand what’s happening. Thinking is hard. It’s essential to know the intent of every design element.
Focus on what matters
Don't waste time adding nonessential features or because the competitor offers them. Copying patterns is risky. Limit choices to increase the focus and max out on delivering the best value.
If I had more time?
There are still opportunities to improve. I thought about support for on-device music. I realized that the interface shouldn't be the same for device music. But due to time constraints, I wasn't able to gather insights and validate my ideas. I would also test it more with people from various demographics. I would think about the UI elements if this interface is translated into other languages.
Moving forward
I've learned so much during this project. There's always space for improvement. There's so much to learn about emerging markets. It's about figuring that basic need that can provide the maximum value. Design is never done.
TL;DR
Wynk Music lite is a music streaming app designed for the next billion users in emerging markets. This simplified version of the Wynk Music app optimized to use less data, less storage, and less battery will allow people to stream music in all network conditions and even on basic smartphones. It's easy to set up and use. It also accounts for accessibility and digital wellbeing.
That's a wrap!
Wow! You made it till the end. If you read this case study in one go, take a break, have a walk around, drink some water.
I skipped some details and decisions. I'll be glad to describe them during our conversation. Have a good day ahead :)
Special mentions
Hooked: How to Build Habit-Forming Products by Nir Eyal
The Laws of Simplicity by John Maeda
UX for the Next Billion Users - Google Design
Next billion stories - The Hard Copy
Footnotes
Sources of articles referred in this case study ↗
Hello Tunes is the audible ringing tune that you hear between the time you make a call and the time the call is answered - via Airtel
*Last updated in Feb 2021. Ranks on Indian App Store and Play Store.