HUMM.LY
Music Wellness App - Live Better With Music
Redesign the visual, features, and branding and optimize the user experience of Humm.ly
OVERVIEW
Background
Humm.ly is the first music therapy wellness app that brings clinically proven techniques through original audio content and customized technologies directly to you. At Humm.ly, we believe in the self-healing power of music that can help us connect to our own humanity. We created an accessible and effective tool for long-lasting positive impact on mind, body, and soul.
Humm.ly is at the early stage as a start-up company. When I join the team, we already have a structured mobile app launched in the market with about 100k users. I work as the UI/UX designer with our CEO and developer to further develop and optimize the user experience of Humm.ly app. After 3 months, I start to take the lead of the product development, help to manage the team and plan the roadmap of Humm.ly to improve the overall experience and our unique branding of Humm.ly.
My Role
UX design, UI design, Visual Design, Digital Marketing
Duration
JUN 2019 - Present
Tools
Sketch, Zeplin, Flinto, Figma, Slack, Adobe Suites, Pen and Pencil
Before start the new sprint of Humm.ly redesign, I conduct a competitor research analysis
for better understanding their advantages and founding out what's our mainly user pain point need to improve.
The focus of this analysis are
1. How do they engage users 2. How do they convert users to subscribers
3. Visuals 4. Features 5. Rev model
Two Examples:
ANALYSIS OF HUMM.LY PREVIOUS DESIGN
FIRST TIME GUIDE THROUGH
WHAT ARE THE PROBLEMS THAT IS URGENT TO BE IMPROVED?
WHAT SHOULD BE IMPROVED?
1. VISUAL REDESIGN
2. MAIN PAGE REDESIGN
The previous design is hard for users to find our content which is our core section of Humm.ly app. According the time cost, we need to keep less effort for development at this stage. I didn't change our UX structure a lot such as adding the navigation bar, I redesigned the main page by reordering the main page sections based on the logic and priority, the importance of the functions. I also make some of the features display can be switched on/off to better show our content and features on the main page. For example, adding the heart-rate feature button on the top right corner to make it as switch on/off mode to save the space of screen.
MAIN PAGE WITH MUSIC PLAYER
(While Playing Track)
FAVORITE BUTTON A/B TEST
I created two design options of the favorite category button for doing A/B testing.
Purpose: In order to see in which way users have more attempts to click favorite button.
3. SHARING FEATURE IMPROVEMENT
The previous sharing feature had a very bad user experience. Users can only share the track if they have and pay 50 honey (points), and we don’t have the sharing function while listening only after finishing the track. It’s very hard to share a track to friends because we set the limitation for them to share. The function is trying to solve the problem of user don’t know where to spend honey point. The previous designer create the workflow mainly for the premium users to sharing a track to their friends who do not have the membership. It’s not for encouraging user to sharing to their friends and social media.
Why we think it’s an urgent problem need to be solved?
The sharing feature is really importance for our app because user would like to share when they like our content and its zero cost promotion from the market perspective. However, we need to create an easy workflow and a good visual for sharing. We need to motivate as much as possible to let users share on social media.
Current solution:
What I designed for the new sharing feature is I ditched the gift premium track option. People have 3 options for sharing the Humm.ly track while listening, which are instagram, copied link, and universal sharing. I also keep the function that user can sharing a music theme quote image after finishing the track when click the notification button, and for the link it’ll just be a link to the download page of the app.
PROTOTYPING OF NEW SHARING FEATURE
4. HEART-RATE FEATURE REDESIGN
WHAT’S NEXT WITH UI/UX?
Humm.ly app need to be more interactive
Current issue: Humm.ly app have a common UX issue that we are lack of Indications. User can’t realize they have to wait when they click or type something but nothing happened. We need to optimize the user experience by creating indications, such as loading animation, zooming Interaction, and skeleton screens, etc.
