Sense Sound main image
UX/UI Design | Branding

Sense Sound

Sense Sound is a music application for people with hearing impairment. It provides a unique way of experiencing music through visuals and vibrations that respond to the beats of the music. It can give the deaf an idea of the dynamics and melody of music with various signals.

My role
Discovery, Ideation, Wireframing, Visual Design, Brand identity
Timeline
September - December 2020
Platform
Mobile, Apple watch

Background

Proposal abstract

The purpose of Sense Sound is to provide a new approach to experiencing music to people with hearing impairment. The app will address the interaction between music and visual art and how experiencing music could be successful with other senses rather than hearing. Sense Sound is an app that is connected to existing music streaming apps. The app does not generate the sound of the music, but it visualizes music tones by displaying graphics and creating vibrations. Unlike listening to music with a headphone, people will feel the music with Sense Sound.

Research

Target audience research

Understanding hearing loss

Research 1
3rd most common health problem in the United States
Research 2
About 1 in 6 U.S. adults age 18 and over reports some trouble hearing
= 37.5 million U.S adults
Research 3
Of all people with hearing loss are below the age of 55
Research 4
Men are about twice as likely as women to have hearing loss

Understanding Sound/Music

Sounds are made by vibrations that typically propagates as an audible wave of pressure through a transmission medium such as a gas, liquid, or solid. Music is organized sound and a combination of those sounds that have a pitch. Pitch is the quality of the sound, making it high or low. When these pitched sounds combine, they make music.

How do deaf people listen to music?

Literally, they don’t. Instead, they have had to develop different methods of sensing music through feeling rather than hearing. While deaf people do not hear the sound in their ears, they still sense the vibration that comes from the sound waves. Sound waves cause our eardrums to vibrate, sending signals to our brain to process what kind of sound it is.

How the brain interprets music

There are a variety of different parts of the brain that play into the perception of music.
How the brain interprets music
Sensory substitution system

Sensory substitution system

It is defined as a change of the characteristics of one sensory modality into stimuli of another sensory modality.Brain plasticity refers to the brain’s ability to adapt to a changing environment, for instance, to the absence or deterioration of a sense. It is conceivable that cortical remapping or reorganization in response to the loss of one sense may be an evolutionary mechanism that allows people to adapt and compensate by using other senses better.

Musical experience for the deaf

The brain of a deaf person rewires itself to process vibrations in the absence of sound. As a sensory substitution system, another sense adapts in a deaf person's brain to interpret sound and music in a way other than through messages from the ears. When music can be reorganized by feeling the vibrations and visualizing notes/beats, it is much more pleasing to deaf people. Deaf can have this same sort of emotional connection to music. It would just be recognized from the bass notes or beats of the song rather than the higher-pitched melody.
Musical experience for the deaf

Unique Positioning Statement

While "hearing" music does involve the different parts of the ear, there are many other parts of the brain that play into our perception of music.

SenseSound is an app for people with moderate to severe hearing impairment who can experience music in different formats: vibrations or visuals. Sense Sound is not a music streaming app. It is the app that is connected to an existing music app. SenseSound does not generate the sound of the music, but it visualizes music tones by displaying graphics and creating vibrations. For example, visual communication can be music waves that respond to the music's beats. With the app, users can select different colors and style of graphics as they want.

This new approach to experiencing music can give the deaf an idea of music's dynamics and melody. Unlike listening to music with a headphone, people will feel the music with SenseSound.

Define

Persona + Task flow

Amelia
Task flow 1

Pair with Apple Watch and discover the background music through the Sense Sound

Task flow 1
Finch
Task flow 2

Play “Dear To Me” under Chill Mix playlist and change the graphic settings

Task flow 2
Steve
Task flow 3

Connect Spotify and Sense Sound, play the music and download the song in one of the playlists

Task flow 3

User testing

Implementation

Home Page

User 1

“Since the app is based on dark mode, it is hard to notice there are menu buttons on the top. They are blended with the phone status bar.”

Implementation 1

Iterate: Scaled up the icon size to give better visibility.

Transition Page

User 1

“Didn’t catch the flickering after I tap the ‘Sense Sound’ button.”

Implementation 2

Iterate: Changed the whole background color to gradient purple and removed opacity in ‘listening’ text.

Now Playing Page

User 2

“Hope there is an option I can choose to see the lyrics or not.”

Implementation 3

Iterate: Added Lyrics button to give an option to users. If it’s not selected they can enjoy music with larger graphics.

Graphic Settings Page

User 2

“I know what the box looks like, but I’m not sure how it will look as graphics in this app.”

Implementation 4

Iterate: Added icons and changed names to give a clear idea of each style.

Transition Page

User 3

“The transition page between Spotify and sense sound is not clear. It looks like I’m going back to Spotify app.”

Implementation 5

Iterate: Added the arrow toward Sense Sound logo to clarity the transition

Add to Playlist Page

User 3

“The button looks like the first thing I need to see from this screen. Not sure that’s the intention.”

Implementation 6

Iterate: Moved the button to the same row as the playlist and changed it with an outline box with purple color. It gives less attention.

Brand design

Website

Primary logo

Primary logo

Mono logo

Mono logo

Color palette

RGB: 74, 51, 234
HEX: #4A33EA

RGB: 0, 0, 0
HEX: #000000

Typography

Headline

Font headline

Body

Font body

Other projects