WorkEdenAbout

PROJECT OVERVIEW

This redesign project not only aims to address these fundamental shortcomings but also focuses on attracting non-subscribers to YouTube Premium. We have restructured existing functions and introduced key features to improve overall usability.

Team
Eden Lee
Suwon Yu
Duration
6weeks
Role
Research
UX/UI Development
Prototyping
Tools
Figma
Notion
Google spreadsheet
Miro

1. Problem

Confusing information arrangement
The arrangement of information is confusing, making it difficult for users to navigate.
Limited Editing Capabilities
There's a lack of editing capabilities, including the ability to select multiple items at once.
Accessibility Issues Related to Lyrics
The app does not support  way to adjust the font size of lyrics which poses accessibility concerns.

2. Solution

Introduction of Multiple Selection Option for Playlists

We have introduced a multiple selection option to streamline the process of editing playlists. This enhancement simplifies the user experience for both listening to music and making edits.

Customizable Home screen

This feature minimizes the need for extensive scrolling and provides users with the flexibility to rearrange the main page's content according to their preferences and interests.

Additionally, we've restructured the content categories above to ensure that information is more readily accessible, improving clarity and ease of use

Support for Adjustable Lyrics Font Size

In our commitment to improve accessibility for viewing lyrics, 

we have implemented a feature that allows users to adjust the font size of lyrics.
A simple tap leads to the adjustment feature, making it highly intuitive and user-friendly..

Library Structure Renovation for Improved Information Visibility

Previously, users encountered confusion while attempting to locate the 'download' tab due to its absence from the original interface.This led to user frustration and misunderstandings. In response, 
we have revamped the library structure to enhance user experience.

Introduction of 'Community' Page for Enhanced User Experience

In our ongoing efforts to enhance user enjoyment, we have introduced a 'Community' page, strategically placed in the bottom navigation. 


This innovative feature leverages YouTube Music's existing capabilities, known as 'From the Community,' which showcases user-generated playlists.

PROCESS

1. DISCOVER
  • Competitor Analysis
  • User Interview
  • User reviews
2. DEFINE
  • Affinity mapping
  • Empathy mapping
  • Prioritization
3. IDEATE
  • Insight
  • Sketches
4. DEVELOP
  • Wireframe
  • High fidelity design
5. TEST
  • Usability Test
  • Takeaways

User interview

In addition to the user interviews, we meticulously analyzed the gathered data to better empathize with the pain points experienced by our users.

To gain insights into the common difficulties faced by YouTube Music users,
we conducted interviews.
These interviews ranged from 50 minutes to 5 userwith diverse usage patterns, including heavy users and beginners.

I hate that the app doesn’t include multiple select option!
It doesn’t make sense that a music app does not support that features.”

SOLUTION
Enhanced Selection Functionality
we aim to eliminate cumbersome processes, such as the need to select songs individually.

The contents arrangement always changes and this is pretty annoying. People use music app everyday like a hibit so we don’t want the arrangement chaning all the time."

SOLUTION
Empowering Users to Personalize Information
We have recognized the importance of allowing users to customize the arrangement of content on the home tab.
“ How might we remove disturbing factors for users while they use YouTube Music app? ”

Sketches

We prioritized generating a multitude of ideas while staying mindful of the app's core design theme. We aimed to avoid significant deviations from the previous UI design to prevent confusion among existing users..

4. DEVELOP

Low fidelity wireframe

We initiated the UI design process with low-fidelity wireframes, emphasizing user information gathering through onboarding and core feature interactions.

High fidelity design

Building upon the low-fidelity wireframes, we iteratively developed a high-fidelity prototype, consistently refining the design throughout the process.

Onboarding - Added skip button
Revised key pages and newly added community page
Revised key pages and newly added community page
5. TEST

Usability test

To validate our ideas, we conducted usability tests and interviews with 5 participants. They were tasked with completing 7 main tasks, 14 small tasks, and responding to 15 open-ended questions using the prototype.

Task result report

We complied the task results with google spreadsheet.

Here is the link: https://docs.google.com/spreadsheets/d/1AmpZHFDHPlHWj7qTodTNrAGPSZHL8pBQaEnwkXZKKgE/edit#gid=562590808

I think the redesign version is more user-friendly compared to original version!
I didn't even know how to get to the download tab of library 
when I used youtube music. 
So I think this redesign version is much better to find the download tab!

Takeaways

What I learned
Through this project,
I gained a profound understanding of the significance of empathizing with users.
In the realm of music apps,
even small improvements can greatly enhance the user experience. It all begins with a thorough and empathetic understanding of user needs.
Future focus
In future projects,
I will try to recognize the importance of maintaining focus on the primary improvements
until the redesign is complete.
I've learned that concentrating on minor issues can sometimes lead me away from the main objective,
so I intend to stay committed to addressing the core concerns.

MORE WORKS