←   Back to Projects
Music TechResearchAI-adjacentSpeculative

Biosensing Music

A mood-aware music experience that uses biometric signals to improve recommendation timing.

Biosensing Music explores how a music interface could move beyond listening history and use real-time biological signals to recommend music based on what the user may need in the moment.

Role
Product Designer & Researcher
Timeline
8 weeks
Tools
Figma, FigJam, Python
Team
Solo
Status
Design research / Speculative concept
Primary Users
Music streaming users open to biometric-enhanced recommendations
Core Challenge
Design a transparent biometric recommendation interface that builds trust without creating surveillance anxiety
WHAT I DESIGNED

A mood-aware music interface that combines listening behavior with biometric signals.

I designed a music interface that asks not just what someone usually plays, but what state they are in right now. Biometric signals including BPM, brain wave state, pupil response, and stress level are used to shape music discovery in the moment, not after the fact.

Product flow
01
Connect Spotify
Link existing listening account
02
Read behavior
System reads listening history and patterns
03
Detect signals
BPM, brain wave, pupil, and stress captured passively
04
Infer context
Signals combined to estimate current emotional state
05
Adapt discovery
Music recommendations shift to match the moment
06
Collect feedback
Skips, replays, and saves refine the model over time
What I designed
01
Desktop music player shell
Central player surface with left navigation rail, top biometric signal strip, and bottom playback bar. Familiar layout extended with biometric context.
02
Biometric signal strip
BPM, brain wave state, pupil response, and stress level shown as compact numeric values with signal color indicators. Readable at a glance without dominating the interface.
03
Discovery orbit view
Songs and artists cluster around the current track in a spatial orbit model. Recommendations become explorable rather than a passive ranked list.
04
Mobile now-playing screen
Album art, Spotify connection layer, playback controls, and a Discover Setting button. Mobile-first for real-world listening context.
05
Mood and genre cards
Jazz, K-Pop, and other clusters shown with associated biometric values and gradient surfaces. Discovery organized by emotional state, not just listening history.
06
Spotify connection and settings
Settings panel to connect Spotify, adjust discovery count, and tune genre personalization before the system begins sensing.
THE PROBLEM

Recommendation systems know what you played. They do not know what you needed.

Most music recommendation systems are built around past behavior. They are good at knowing what someone has listened to before, but weak at understanding why a song fits a specific moment. A user might need calm, energy, focus, or emotional recovery, but the system usually sees only skips, replays, playlists, and genre patterns.

The gap is not technical. Wearable sensors already capture BPM, brain wave state, pupil response, and stress in real time. The barrier is interface design: making emotional context visible enough for the system to respond, while keeping the experience understandable, calm, and music-first.

User listening historyAlgorithmGenre / pattern matchRecommendationMood mismatchUser skips

The system knows you listened. It does not know what you needed when you pressed play.

The design challenge was not simply to recommend better songs. It was to make emotional context visible enough for the system to respond, while keeping the interface understandable, calm, and music-first.

THE TURNING POINTS

Four decisions that shaped the interface.

Designing a biometric music interface requires more than adding sensor data to an existing player. These four decisions changed the direction of the product.

Decision 01
Move from preference to state.

Listening history explains taste, but it does not explain what the user needs right now. The decision was to design the system around real-time signals including BPM, brain wave state, pupil response, and stress, then connect those signals to music discovery. The product shifts from "what do you usually like?" to "what might help you right now?"

Decision 02
Make biometric data visible, but not intimidating.

Health-like data can feel clinical or invasive if over-explained. The decision was to use simple icons, soft colors, and compact signal cards instead of dense medical dashboards. The interface needed to feel like music, not a hospital monitor. Biometric values appear as ambient context, not alerts.

Decision 03
Turn discovery into a spatial system.

Recommendation lists can feel passive and generic. The decision was to create an orbit-style discovery view where songs and artists cluster around the current track. The system becomes explorable rather than just a ranked list. A fallback list view was added after testing because some users wanted faster scanning.

Decision 04
Keep the player familiar.

New sensing logic should not force users to relearn basic playback. The decision was to keep recognizable music-player patterns: album art, play controls, bottom navigation, current track, queue, and settings. The product introduces new discovery logic while preserving familiar interaction patterns people already trust.

VISUAL DESIGN

Two worlds: the familiarity of a music player, the sensitivity of biometric feedback.

I used a soft mint surface to keep the experience calm, deep navy for navigation and structure, and bright signal colors only where biometric data needed attention. The interface had to feel like music with context, not a sensor dashboard.

Core colors
Background Mint
#F3FBF1
Deep Navy
#1F3F64
Player Blue
#4E88AD
Sensor Aqua
#A7DDE1
Spotify Green
#1DB954
Text Black
#111111
Text Muted
#9CA3A0
Soft Gray
#D9D9D9
Signal colors
BPM Red
#FF0A0A
Stress Yellow
#FFE100
Brainwave Rose
#C98FA3
Pupil Blue
#4E88AD
Calm Aqua
#A7DDE1
Type
DisplayMusic that fits how you feel.Fraunces · Headlines
BodyBPM 72 · Brain wave: Beta · Stress: lowInter · Body
LabelDiscoveringInter · Labels
Components
Biometric signal strip
BPM
72
Brain Wave
Beta
Pupil
4.2mm
Stress
28%
Bottom music player
Resonance
Above & Beyond
SP
Jazz mood card
Jazz
Late Night Focus
BPM 68Stress lowAlpha wave
K-Pop mood card
K-Pop
High Energy
BPM 120Stress highBeta wave
Left navigation rail
Discovery orbit
Empty discovery state
Discovering
Play music so we can discover your music.
SYSTEM WALKTHROUGH

From Spotify connection to mood-aware discovery.

Biosensing Music
01
Connect Spotify
Link your account and tune discovery settings

The user begins with a familiar music account connection instead of a medical setup flow. Genre preferences and discovery count can be adjusted before any sensing begins. The product feels like a music tool from the first screen.

Discovery setup: genre personalization and Spotify connect
Biosensing Music
02
Play music and collect signals
Biometric context is read while you listen

The system reads biometric signals while the user listens, including BPM, brain wave state, pupil response, and stress. The signal strip stays visible at the top of the interface without interrupting playback. Context is collected passively.

Biometric overview and real-time listening signals, desktop
Biosensing Music
03
See your current state in the player
Signals shown as lightweight UI, not a clinical dashboard

On mobile, signals appear as ambient context alongside the now-playing screen. The Discover Setting button is always accessible, so users can adjust how much the biometric layer influences recommendations at any point.

Mobile now-playing: discovery result state
Biosensing Music
04
Discover through an orbit model
Recommendations as a spatial map around the current track

The discovery view turns recommendations into a spatial map around the current song. Tracks and artists cluster by emotional proximity rather than genre rank. The system becomes explorable, not just a list to scroll through.

Recommendation graph: related tracks by emotional proximity, desktop
Biosensing Music
05
Explore recommendations as a list
Fallback list view for faster scanning

Users can switch to a queue-style view for faster scanning. Both the orbit and list formats are available without navigating away from the current track.

Recommendation graph: related tracks by emotional proximity, mobile
Biosensing Music
06
Adjust discovery settings
Control how much discovery happens after a session

Users can control how many tracks to discover and what happens when signal data is unavailable. Empty and loading states are designed to feel calm rather than broken, reinforcing the music-first experience even when discovery is not active.

Mobile discovery: empty state
Mobile discovery: loading state
HOW I VALIDATED IT

AI as a first pass. People reveal the rest.

AI helped identify hierarchy and clarity issues across the biometric and playback layers. Human feedback showed where biometric data felt sensitive, confusing, or too clinical for a music experience.

AI first-pass
  • Reviewed whether biometric data was readable without becoming clinical
  • Checked navigation clarity across player, discovery, history, and settings
  • Evaluated visual hierarchy between music content and sensor data
  • Flagged possible confusion between mood signals and medical claims
  • Tested empty, loading, and discovery states for clarity and appropriate feedback
Human testing
  • Users understood music controls faster than the biometric layer
  • Sensor values needed simple labels and icons to feel approachable, not clinical
  • The orbit discovery model felt more interesting than a standard recommendation list
  • Users needed a fallback list view for faster scanning when orbit felt too exploratory
  • The Spotify connection step needed to feel optional and low-risk, not like granting access
What AI missed

AI helped identify hierarchy and clarity issues, but human feedback showed where biometric data felt sensitive, confusing, or too clinical for a music experience. The emotional response to being read by a sensor required language and visual adjustments that structure review alone could not surface.

OUTCOME

A product direction, not a launched product.

Biosensing Music demonstrates how emotional context can become a design material without overwhelming the core music experience. The strongest outcome is a product direction that connects biometric signals, familiar playback patterns, and exploratory discovery into one coherent interface.

01
Turned biometric signals into lightweight UI

Signal data is shown as ambient context, not a clinical dashboard. The biometric strip reads in under two seconds without interrupting playback or requiring active interpretation.

02
Kept music playback familiar

The interface introduces new sensing logic while preserving recognizable playback patterns: album art, controls, queue, and settings remain where users expect them.

03
Created a spatial discovery model

The orbit view makes recommendations explorable rather than passive. Human testing confirmed it felt more interesting than a standard list, with the list view available as a fallback for faster scanning.

04
Identified trust risks around sensitive data

Biometric sensing creates real trust risks. The design process surfaced where users felt observed rather than supported, informing what a next version would need to resolve before any live sensing feature could ship.

WHAT I'D REVISIT

The privacy and consent model would come first.

If I revisited this project, I would refine the privacy and consent model before any other design decision. Biosensing data can make music discovery more personal, but it also creates trust risks that the current design addresses only partially.

The next design pass would clarify what is being measured, what is stored, what stays on-device, and how users can turn signals off without losing the core music experience. The orbit discovery view and mood cards work well as a product direction. But a feature that reads biometric state needs a much clearer answer to who owns this data and where it goes before it could ship with real sensors. That answer shapes every visual and interaction decision that follows.

Other Projects