MeloVision

Context

Algorithm-driven music platforms tend to create information cocoons. Listeners struggle to find diverse music, while indie artists lack exposure. The push-based system prioritizes mainstream content, restricting personalized exploration.

Solution

Melovision visualizes music with shapes, colors, and textures, allowing users to discover songs through visual and emotional cues, breaking algorithmic constraints and fostering a more engaging, intuitive experience.

Impact

Melovision expands music discovery, promotes indie artists, and reduces search time, fostering a more personalized listening journey.

Role

Solo Designer & Researcher

Guided by

Vince Ye

Date

Jul - Oct 2023

Category

User Experience

MeloVision

Context

Algorithm-driven music platforms tend to create information cocoons. Listeners struggle to find diverse music, while indie artists lack exposure. The push-based system prioritizes mainstream content, restricting personalized exploration.

Solution

Melovision visualizes music with shapes, colors, and textures, allowing users to discover songs through visual and emotional cues, breaking algorithmic constraints and fostering a more engaging, intuitive experience.

Impact

Melovision expands music discovery, promotes indie artists, and reduces search time, fostering a more personalized listening journey.

Role

Solo Designer & Researcher

Guided by

Vince Ye

Date

Jul - Oct 2023

Category

User Experience

MeloVision

Context

Algorithm-driven music platforms tend to create information cocoons. Listeners struggle to find diverse music, while indie artists lack exposure. The push-based system prioritizes mainstream content, restricting personalized exploration.

Solution

Melovision visualizes music with shapes, colors, and textures, allowing users to discover songs through visual and emotional cues, breaking algorithmic constraints and fostering a more engaging, intuitive experience.

Impact

Melovision expands music discovery, promotes indie artists, and reduces search time, fostering a more personalized listening journey.

Role

Solo Designer & Researcher

Guided by

Vince Ye

Date

Jul - Oct 2023

Category

User Experience

MeloVision

Context

Algorithm-driven music platforms tend to create information cocoons. Listeners struggle to find diverse music, while indie artists lack exposure. The push-based system prioritizes mainstream content, restricting personalized exploration.

Solution

Melovision visualizes music with shapes, colors, and textures, allowing users to discover songs through visual and emotional cues, breaking algorithmic constraints and fostering a more engaging, intuitive experience.

Impact

Melovision expands music discovery, promotes indie artists, and reduces search time, fostering a more personalized listening journey.

Role

Solo Designer & Researcher

Guided by

Vince Ye

Date

Jul - Oct 2023

Category

User Experience

MeloVision

MeloVision

MeloVision

MeloVision

Understanding the Problem

Challenge

Music streaming platforms use algorithm-driven recommendations, creating information cocoons that limit discovery. Users struggle to find diverse music, while indie artists remain undervalued due to biased algorithms that prioritize mainstream content over independent creators.

Understanding the Problem

Challenge

Music streaming platforms use algorithm-driven recommendations, creating information cocoons that limit discovery. Users struggle to find diverse music, while indie artists remain undervalued due to biased algorithms that prioritize mainstream content over independent creators.

Understanding the Problem

Challenge

Music streaming platforms use algorithm-driven recommendations, creating information cocoons that limit discovery. Users struggle to find diverse music, while indie artists remain undervalued due to biased algorithms that prioritize mainstream content over independent creators.

Understanding the Problem

Challenge

Music streaming platforms use algorithm-driven recommendations, creating information cocoons that limit discovery. Users struggle to find diverse music, while indie artists remain undervalued due to biased algorithms that prioritize mainstream content over independent creators.

Research Question

🔹 How do current music recommendation algorithms impact user music discovery and indie artist exposure?

🔹 What are the key limitations of existing push-based music recommendation mechanisms?

Research Question

🔹 How do current music recommendation algorithms impact user music discovery and indie artist exposure?

🔹 What are the key limitations of existing push-based music recommendation mechanisms?

Research Question

🔹 How do current music recommendation algorithms impact user music discovery and indie artist exposure?

🔹 What are the key limitations of existing push-based music recommendation mechanisms?

Research Question

🔹 How do current music recommendation algorithms impact user music discovery and indie artist exposure?

🔹 What are the key limitations of existing push-based music recommendation mechanisms?

Research & Insights

Primary Research

I conducted surveys and interviews with 105 music enthusiasts, indie musicians, and algorithm engineers. Key findings:

  1. 64.8% of users rely on music apps for discovery but feel stuck in repetitive recommendations.

  2. 55.2% want more diverse music genres to break information cocoons.

  3. Indie musicians struggle due to limited reach and commercialization biases.

Research & Insights

Primary Research

I conducted surveys and interviews with 105 music enthusiasts, indie musicians, and algorithm engineers. Key findings:

  1. 64.8% of users rely on music apps for discovery but feel stuck in repetitive recommendations.

  2. 55.2% want more diverse music genres to break information cocoons.

  3. Indie musicians struggle due to limited reach and commercialization biases.

Research & Insights

Primary Research

I conducted surveys and interviews with 105 music enthusiasts, indie musicians, and algorithm engineers. Key findings:

  1. 64.8% of users rely on music apps for discovery but feel stuck in repetitive recommendations.

  2. 55.2% want more diverse music genres to break information cocoons.

  3. Indie musicians struggle due to limited reach and commercialization biases.

Research & Insights

Primary Research

I conducted surveys and interviews with 105 music enthusiasts, indie musicians, and algorithm engineers. Key findings:

  1. 64.8% of users rely on music apps for discovery but feel stuck in repetitive recommendations.

  2. 55.2% want more diverse music genres to break information cocoons.

  3. Indie musicians struggle due to limited reach and commercialization biases.

Competitive & Mechanism Analysis

I analyzed leading music platforms (NetEase, QQ Music, Spotify, Apple Music) and examined their recommendation mechanisms:

  1. Content-based filtering favors popular trends over user diversity.

  2. Collaborative filtering suffers from data sparsity and bias.

  3. Hybrid algorithms show scalability but lack personalization.

Competitive & Mechanism Analysis

I analyzed leading music platforms (NetEase, QQ Music, Spotify, Apple Music) and examined their recommendation mechanisms:

  1. Content-based filtering favors popular trends over user diversity.

  2. Collaborative filtering suffers from data sparsity and bias.

  3. Hybrid algorithms show scalability but lack personalization.

Competitive & Mechanism Analysis

I analyzed leading music platforms (NetEase, QQ Music, Spotify, Apple Music) and examined their recommendation mechanisms:

  1. Content-based filtering favors popular trends over user diversity.

  2. Collaborative filtering suffers from data sparsity and bias.

  3. Hybrid algorithms show scalability but lack personalization.

Competitive & Mechanism Analysis

I analyzed leading music platforms (NetEase, QQ Music, Spotify, Apple Music) and examined their recommendation mechanisms:

  1. Content-based filtering favors popular trends over user diversity.

  2. Collaborative filtering suffers from data sparsity and bias.

  3. Hybrid algorithms show scalability but lack personalization.

From research, I conclude -

Current music recommendation systems rely on content-based algorithms, reinforcing repetitive listening patterns and limiting exposure to diverse music. Users struggle to discover new sounds, while indie artists face visibility challenges due to platform biases that favor mainstream content.

How Might We

Create a more intuitive and exploratory music discovery experience that reduces algorithmic bias, encourages diversity, and empowers users to find music based on emotional and visual cues rather than pre-defined recommendations?

Key Design Criteria

Integrity in Music Discovery

A system that ensures fair and diverse music recommendations, avoiding bias toward mainstream content and fostering authentic exploration.

Breaking Information Cocoons

A mechanism that balances algorithmic suggestions with user-driven exploration, preventing repetitive recommendations.

Personalized and Inclusive Discovery

A design that allows customization of music exploration based on mood, genre, and personal emotions.

Design Approach

Vision & Goal

I aimed to design a new way to experience music, where users interact visually instead of relying solely on algorithm-driven recommendations. This approach disrupts homogenized music suggestions, encouraging a more diverse and engaging exploration process.

Design Approach

Vision & Goal

I aimed to design a new way to experience music, where users interact visually instead of relying solely on algorithm-driven recommendations. This approach disrupts homogenized music suggestions, encouraging a more diverse and engaging exploration process.

Design Approach

Vision & Goal

I aimed to design a new way to experience music, where users interact visually instead of relying solely on algorithm-driven recommendations. This approach disrupts homogenized music suggestions, encouraging a more diverse and engaging exploration process.

Design Approach

Vision & Goal

I aimed to design a new way to experience music, where users interact visually instead of relying solely on algorithm-driven recommendations. This approach disrupts homogenized music suggestions, encouraging a more diverse and engaging exploration process.

Design Principles

Cymatics-Inspired Visuals

Mapping music characteristics into dynamic visual elements.

Design Principles

Cymatics-Inspired Visuals

Mapping music characteristics into dynamic visual elements.

Design Principles

Cymatics-Inspired Visuals

Mapping music characteristics into dynamic visual elements.

Design Principles

Cymatics-Inspired Visuals

Mapping music characteristics into dynamic visual elements.

Metaphorical Representation

Using shapes, textures, and colors to reflect genre and emotion.

Metaphorical Representation

Using shapes, textures, and colors to reflect genre and emotion.

Metaphorical Representation

Using shapes, textures, and colors to reflect genre and emotion.

Metaphorical Representation

Using shapes, textures, and colors to reflect genre and emotion.

Reducing Time Cost

Visual song attributes speed up music selection.

Reducing Time Cost

Visual song attributes speed up music selection.

Reducing Time Cost

Visual song attributes speed up music selection.

Reducing Time Cost

Visual song attributes speed up music selection.

Design development

Visualizing Music Through TouchDesigner

To create a dynamic and interactive music visualization, I used TouchDesigner to generate real-time graphics based on audio characteristics. This allowed me to:


  1. Analyzing spectral frequencies, rhythm, and mood tones.

  2. Mapping shapes, colors, and textures to different musical attributes.

  3. Allowing users to explore music through evolving visual representations.

Design development

Visualizing Music Through TouchDesigner

To create a dynamic and interactive music visualization, I used TouchDesigner to generate real-time graphics based on audio characteristics. This allowed me to:


  1. Analyzing spectral frequencies, rhythm, and mood tones.

  2. Mapping shapes, colors, and textures to different musical attributes.

  3. Allowing users to explore music through evolving visual representations.

Design development

Visualizing Music Through TouchDesigner

To create a dynamic and interactive music visualization, I used TouchDesigner to generate real-time graphics based on audio characteristics. This allowed me to:


  1. Analyzing spectral frequencies, rhythm, and mood tones.

  2. Mapping shapes, colors, and textures to different musical attributes.

  3. Allowing users to explore music through evolving visual representations.

Design development

Visualizing Music Through TouchDesigner

To create a dynamic and interactive music visualization, I used TouchDesigner to generate real-time graphics based on audio characteristics. This allowed me to:


  1. Analyzing spectral frequencies, rhythm, and mood tones.

  2. Mapping shapes, colors, and textures to different musical attributes.

  3. Allowing users to explore music through evolving visual representations.

Key Design Elements

Shape

Representing music genre (e.g., geometric forms for pop, indie, rock).

Key Design Elements

Shape

Representing music genre (e.g., geometric forms for pop, indie, rock).

Key Design Elements

Shape

Representing music genre (e.g., geometric forms for pop, indie, rock).

Key Design Elements

Shape

Representing music genre (e.g., geometric forms for pop, indie, rock).

Color

Encoding emotions and mood tones of the song.

Color

Encoding emotions and mood tones of the song.

Color

Encoding emotions and mood tones of the song.

Color

Encoding emotions and mood tones of the song.

Reducing Time Cost

Enhancing depth by visualizing sound waves and rhythms.

Reducing Time Cost

Enhancing depth by visualizing sound waves and rhythms.

Reducing Time Cost

Enhancing depth by visualizing sound waves and rhythms.

Reducing Time Cost

Enhancing depth by visualizing sound waves and rhythms.

Prototyping

  • Extracted audio waveforms to influence geometric formations.

  • Applied color transitions based on song mood mapping.

  • Created an interactive interface for visual music discovery.

Prototyping

  • Extracted audio waveforms to influence geometric formations.

  • Applied color transitions based on song mood mapping.

  • Created an interactive interface for visual music discovery.

Prototyping

  • Extracted audio waveforms to influence geometric formations.

  • Applied color transitions based on song mood mapping.

  • Created an interactive interface for visual music discovery.

Prototyping

  • Extracted audio waveforms to influence geometric formations.

  • Applied color transitions based on song mood mapping.

  • Created an interactive interface for visual music discovery.

Final Outcome

Deliverables

Functional prototype

A working prototype that transforms music into visual representations using real-time audio analysis.

Final Outcome

Deliverables

Functional prototype

A working prototype that transforms music into visual representations using real-time audio analysis.

Final Outcome

Deliverables

Functional prototype

A working prototype that transforms music into visual representations using real-time audio analysis.

Branding & promotional assets

I crafted a distinct visual identity for Melovision, including a logo, typography, and UI elements, reinforcing the concept of breaking information cocoons.

Branding & promotional assets

I crafted a distinct visual identity for Melovision, including a logo, typography, and UI elements, reinforcing the concept of breaking information cocoons.

Branding & promotional assets

I crafted a distinct visual identity for Melovision, including a logo, typography, and UI elements, reinforcing the concept of breaking information cocoons.

An immersive music space

Users can physically interact with visualized music here. This experience bridges the gap between sound and emotion, enabling audiences to engage with music beyond traditional listening.

An immersive music space

Users can physically interact with visualized music here. This experience bridges the gap between sound and emotion, enabling audiences to engage with music beyond traditional listening.

An immersive music space

Users can physically interact with visualized music here. This experience bridges the gap between sound and emotion, enabling audiences to engage with music beyond traditional listening.

Final Outcome

Deliverables

Functional prototype

A working prototype that transforms music into visual representations using real-time audio analysis.

Branding & promotional assets

I crafted a distinct visual identity for Melovision, including a logo, typography, and UI elements, reinforcing the concept of breaking information cocoons.

An immersive music space

Users can physically interact with visualized music here. This experience bridges the gap between sound and emotion, enabling audiences to engage with music beyond traditional listening.

Reflection

While developing Melovision, I was pleasantly surprised that many young people recognize the information cocoon in music discovery. Music should not be confined by algorithms but should serve as a bridge between musicians and fans. I am committed to creating a more personalized listening experience. In the future, this project could expand to include user-defined song patterns, adding greater personal meaning to music.

Reflection

While developing Melovision, I was pleasantly surprised that many young people recognize the information cocoon in music discovery. Music should not be confined by algorithms but should serve as a bridge between musicians and fans. I am committed to creating a more personalized listening experience. In the future, this project could expand to include user-defined song patterns, adding greater personal meaning to music.

Reflection

While developing Melovision, I was pleasantly surprised that many young people recognize the information cocoon in music discovery. Music should not be confined by algorithms but should serve as a bridge between musicians and fans. I am committed to creating a more personalized listening experience. In the future, this project could expand to include user-defined song patterns, adding greater personal meaning to music.

Reflection

While developing Melovision, I was pleasantly surprised that many young people recognize the information cocoon in music discovery. Music should not be confined by algorithms but should serve as a bridge between musicians and fans. I am committed to creating a more personalized listening experience. In the future, this project could expand to include user-defined song patterns, adding greater personal meaning to music.