Hum Music Recognition App

The frustration of finding that song you can only hum in your head from a couple days ago is over with Hum. Hum remembers songs you’ve heard in restaurants or on the radio so you don’t have to.

This is a personal project I made to help build my UI / UX skills using Sketch.

Please note at the time of creating this concept I was unaware of Shazam' auto listening feature similar to what I suggested in this concept.
Project Type
Personal
My Role
UI / UX Designer
Graphic Designer
Tools Used
Adobe After Effects
Adobe Illustrator
Sketch
Year
2019

The Problem

The idea for the app was born from my frustration of having to always ask Siri what a song was called when I heard a song I liked on my friends radio or in a restaurant. The issue with having to do this is it requires taking my phone out, asking Siri what the song is titled, then, once it is found I either have to take a screenshot to remember the song or immediately go add it to my Apple Music library. That is a lot of work just to remember the song and I would find myself getting caught up in the song sometimes and forgetting to search for it, leading to frustration later. If I did remember I would end up missing part of the song which I also didn’t like.

The best way to solve this problem is to have an app that is always listening for music you may be hearing and storing it in the app for you. This is Hum.

Research

When beginning my design process for Hum, I looked at other song recognition apps to see what they offered. Shazam and SoundHound both needed the user to open the app and then tap a button to start scanning the song playing. They then would save the song into a history tab. Both apps also allowed the user to search for other songs within the app. All songs could be opened in a separate music streaming service. Snapchat also allows users to scan songs, however, it will only show the title and prompt the user to open the song in the user’s music service app.

Using what I learned from studying other apps, I started work on Hum. The user needed to feel comfortable using the app and not overwhelmed. They needed to feel like the app had their back in the quest to remember the amazing music they had heard.
Shazam Screenshot | Toby Everett
Shazam
SoundHound Screenshot | Toby Everett
SoundHound
Snapchat Screenshot | Toby Everett
Snapchat

The App

The user interface is designed to be lightweight to get the user directly to the music they are searching for. The bright colors and geometric Roboto typeface further the calming nature of the app.

Immediately upon opening the app the user is presented with a list of songs they have been exposed to organized with the latest at the top making it easy to find a song they may have just heard but didn’t have time to take their phone out. The user can preview a song to make sure that it is the correct one and then quickly add it to their music library or to a certain playlist without leaving the app so they can keep looking through the music they have heard without jumping back and forth between apps. The song can also be opened up directly in the music app to provide the user with even more flexibility.
Hum Recents | Toby EverettHum Play | Toby EverettHum Add To | Toby EverettHum Adding | Toby EverettHum Add To Success | Toby Everett

Hum in Action

Design

I wanted the Hum UI to be calming so I chose light blues, grey and white. These colors pair together seamlessly and are pleasant to look at, adding to the mood of the app.

Color

Hum Colors | Toby Everett
#6FCBDC
Hum Colors | Toby Everett
#4995D1
Hum Colors | Toby Everett
#919191
Hum Colors | Toby Everett
#C2C2C2

Final Thoughts

Throughout the course of designing this concept I taught myself Sketch and added to my knowledge of Illustrator and After Effects. I became more aware of the design process and of my critical thinking to decide what features needed to be in my app and what could be left out. I focused on the customer first to make sure their experience would be effortless.

Hum solves the frustration of always having to initiate the search for a song title. Hum is your best friend when remembering music with its intuitive user experience and calming user interface. So next time you are trying to remember a song, just Hum it!