A mobile application that changes songs based on the user’s heart rate level

Project Deliverables

Situational Storyboard

Mobile Interface

My Role

Contextual Inquiry

Personas

UI Design

Project Context

Duration: 7 weeks

Members: Alvin Tran, Ashmeet Saggu, Jiayi Tang

 
 

Research

 

Task Analysis

 
 
 
 

Friction Points / Design Opportunities

  • 1. Running route selection detracts from running experience.

  • 2. Items in the pocket cause inconvenience for running.

  • 3. User may want to change music style according to their running pace. Songs have to be changed manually even while running, which is tedious.

 
 
 

Interview

 
Untitled-6--01.png
Untitled-6--05.png
 
 

Behavior

  • Listens to music while getting ready

  • Curates playlist before every run

  • Constantly readjust playlist while on runs

 
Untitled-6---03.jpg
 
 

 
 
squarespace portfolio text-12.png
squarespace+portfolio+text-13.jpg
 
 

Behavior

  • Works out mainly at the gym with cardio + weights

  • Occasionally runs outside

  • Hard to pair workout with appropriate songs

 
squarespace portfolio text-14.png
 
 
 

Problem Statement

 

60% of runners run with music. Music is a fantastic aid to reduce exertion levels, and alleviates tension and fatigue. However, current ways of listening to music is intrusive, having to interact with the phone or watch to change a song, and the song mood not matching the pace of the run can be more of a distraction than an enhancement to the running experience.  

squarespace+portfolio+text-15.jpg
 
 
sketch+%281%29.jpg
 
 

How might we elevate and personalize the running experience through music 

 
 
 

Design Solution

 

My design solution is a mobile application that uses user’s heartbeat to determine the song that plays according to the tempo. Inspired by workout classes that incorporates music in their curriculums, this app plays songs that are catered to the user’s current pace and activity level. This approach eliminates distractions and cumbersome interactions with their devices, and allows them to fully focus on their workout.

 
 
 

Ideation

 
 
 

After identifying the pain points of the current running process, we ideated possible solutions. Together, we produced close to 60 ideas that range from a smart mirror that assists while you are getting ready, to a glove that helps you track your movement. We ultimately moved forward with the idea of utilizing runner’s heart rates to play songs of appropriate tempo.

 
 
 

Personas

 

I then created personas based on individuals interviewed, and possible user demographics. These personas consist of varied interest in technology, lifestyle, and activity related goals.

Takeaways

Using these personas, we were able to keep in mind aspects of users in our design process like their technological literacy, interest in incorporating technology into daily lives, and the relationship our design can have with the user. A common theme drove our design decisions was how to motivate users while also allowing freedom and flexibility.

 
 
 

Storyboarding

run+revised+%282%29.jpg
 
 

User Task Flows

 
task+chart.jpg
 

Interface

Free iPhone Xr.jpg
 
 

During manual sorting, users can swipe to categorize the song into either low, medium, or high. The song glows with the color of the recommended category.

The song card changes to the category color to give visual confirmation of the chosen category

 
ezgif.com-video-to-gif (2).gif