Portfolio Information

  • Skills: Sketch, Adobe XD, User Research, JS/HTML/CSS

Problem

Many people including myself, love to sing. There are also more than a handful of people that want to improve their singing by getting vocal lessons but lessons can be expensive or they don’t have the time. 60% of people can’t sing accurately because they don’t have good control over their vocal muscles, they may have trouble matching the pitch of their own voice to other sounds, or lack the ability to hear differences in pitch or discriminate between two sounds.

Solution: Soundit

A cost and time efficient digital assistant app that acts as a vocal coach, allowing users to improve their singing vocals through lessons, games, videos, and feedback. Once the game starts, the app accesses the microphone allowing users to sing and see audiovisuals showing them what should be done and what they are doing during exercises, with vocal coach feedback at the end of every game.

Explainer Video

 

SOLUTION

USER RESEARCH

How might I

create an affordable solution, so users can improve their vocal practices, and continue to motivate their passion to sing?

Who needs the app?

Personas

Research Methods Results

Surveys

I decided to make a couple of interview questions that would help me figure out the types of singers, the experience of singing, and the experience of taking or not taking vocal lessons.

The survey is located on the link below.

https://docs.google.com/forms/d/e/1FAIpQLSf94lhnQ0apfYo8n0pR57ElRXcONv2ukhnDCEINRclZ9xOmOw/viewform?usp=sf_link

 

 

 

Secondary Research
  • “Singing’s actually very different as everyone can produce a sound. Even if people don’t learn the technique behind how to sing, you use your voice for the purpose of speech so everyone’s reasonably adept at controlling it. The key thing which separates good singers from bad isn’t so much natural talent, but getting the training to use it in the right way.” (Hutchins)
  • 40 to 62 percent of non-musicians were poor singers
  • 20 percent of people can’t sing accurately because they don’t have good control of their vocal muscles
  • 35 percent of poor singers have trouble matching the pitch of their own voice to the same sound heard in other timbres, such as when it’s coming from a trumpet, piano, or a person of the opposite sex
  • 5 percent of lousy singers lack the ability to hear differences in pitch or discriminate between two different sounds
Direct Observation

Open Mic Event Observations

  • People are able to learn instruments well but don’t have the best control over their voice
  • Many people do it as a pastime/ entertainment/hobby
  • People are shy and not as confident
  • Many people at these events are very encouraging and inspiring to others

YouTube Video (Covers of Songs) Observations

  • People want to show off their talent but don’t know the level of their skills
  • Some people comment negatively and some comment positively
  • Many people post quick videos with not the best audio qualities, and practices of vocals to perfect the music
Expert Interview

When taking part in the expert interviews, I asked questions like:

  • How many classes does an average person take?
  • How much do your classes cost?
  • Do you offer at home and in studio lessons?

 

SOLUTION

CREATION

How does it work?

I tried to figure out the number of people who would use a vocal coach to improve their vocals if they had the time and money. Over time, people have tried to resolve issues over the web through forums and videos, but many solutions haven’t been found. My solution is a mobile assistant app that works like Siri and Alexa, but replies to the users singing instead of just their speaking. The user accesses lessons on the profile page of the app, which leads to a digital vocal coach explaining what the level is about and giving an example (E.g. singing DO RE MI). The user starts the game and tries what the vocal coach explained. Once the game is over, the user gets feedback from the digital assistant which they can use to improve their practice.

 

Functionality (User Flows):

1) The user will be able to check their personal profile to see the accomplishments and lessons that they are on.

2) They can follow through a lesson by watching videos and playing games.

3) They can search through a collection of videos through the phone application by searching up keywords such as pitch, posture, etc.

4) They can save lessons, playlists, and individual videos so that they can view it later.

5) The user will be able to replay lessons/games/videos after hearing the feedback of their vocal coach.

Low Fidelity Prototype:

 

SOLUTION

USABILITY TESTING

 

User #1 had a lot of feedback to the apps design, accuracy, and visuals such as buttons and icons.

Feedback:

  1. There needs to be a retry game option, and the microphone does not make me think of it being a game page.
  2. Love the search page
  3. Try having a more evident like button on the videos.

User #2 was in favour of the app and did not give as much critique as others.

Feedback:

  1. Was easy to use
  2. I found it pretty concise and clear about what this app does
  3. They also stated that they would use it to improve vocals even if it’s not as perfect as a vocal teacher as they think it would still help them learn something.

User #3 did not consider themselves a singer but found the app interesting and would be curious about how it works.  

Feedback:

  1. I like the features of the game and how there is a vocal coach that speaks back to me
  2. The design is really nice and easy to use
  3. It seems like if this actually works out, a lot of people would be using it.

User #4 used to sing but gave it up as they didn’t see a future with it. This user liked the way the app concept worked.

Feedback:

  1. The app idea seems very reasonable and even though I gave up singing, I would definitely try this out.
  2. Fun colours, and layout
  3. Grammar could be fixed. (Say Videos instead of Favourites)

User #5 would want to use this app if it existed so that they could try to sing, as they don’t know how to. They were in favour of the app.

Feedback:

  1. As someone who doesn’t sing, I think I’d like to try out this app because I play music and would like to sing with my music too.
  2. I understand how this app works, but how are you gonna get all the coaching information, and how accurate will it be.

User #6 liked the app and found it easy to use.

Feedback:

  1. Comments were made about the button colours, saying that the buttons, which are hypothetically not gonna exist in the real app, be a different colour than the regular buttons.
  2. Icon being changed into a notebook for lessons was suggested.

User #7 was not a singer and didn’t find a purpose for themselves to use the app, but said that people who want to sing would find this useful.

Feedback:

  1. This user commented on the numerical scoring system and stated they would not like to be judged with a numerical score. This makes them feel critiqued more strictly and there is more pressure to be perfect.
  2. They also suggested that having the search page being a dashboard page where the users can still search but they would like to also see home feed of different videos, actions, etc.

 

SOLUTION

DESIGN/PROTOTYPING

Emotion, Accessibility of Design

Visual Design:

High Fidelity Wireframes

Final Prototype:

 

Code

JS Demo