SoundIt

About the Project

Creating SoundIt was a personal passion project born from a significant challenge. Statistically, 60% of individuals struggle to sing accurately due to issues like vocal muscle control, pitch-matching difficulties, or sound discrimination limitations. SoundIt was conceived to offer a helping hand to those who aspire to improve their singing abilities.

Problem

How might I create an affordable solution, so users can better their vocal practices, and continue to motivate their desire to sing?

Goal/Solution

A mobile assistant app that works like Siri and Alexa, replying to singing instead of diction. The user is paired up with an AI vocal coach that explains and teaches each level (E.g. singing DO RE MI), and continues to give feedback to help users improve their skill.

My Role:

Product Designer

I created SoundIt from scratch, from designing all elements to analyzing user testing and prototyping. It all started with an idea.

Growing up, I had an immense passion for singing and dreamt of following in the footsteps of legends like Celine Dion. During high school, I eagerly participated in singing competitions, determined to chase my dream. After a few competitions, I faced rejection in the second-to-last rounds. The judges provided valuable feedback, emphasizing the need to refine my pitch and performance skills.

I practiced at home, but couldn't get the accuracy of what a professional could teach me. Because of the expenses and time needed for a coach, I got discouraged from competing. As I got older, I continued this passion through small events like open mic performances, and started realizing that others had similar issues. I wanted to create something that would let them improve their singing skills without breaking the bank and fitting it into their busy lives. This was my motivation to create SoundIt.

SoundIt is not just an app; it's a testament to the power of turning personal challenges into innovative solutions that benefit others, making the journey of self-improvement more accessible and enjoyable.

Personas

Music is incredibly diverse, so I started by creating personas to figure out who would benefit from this app for vocal improvement. I aimed to reach people of different ages and backgrounds.

The main issue people face with singing is understanding where they're going wrong and how to get better. This could be due to tone deafness or hearing impairments, a lack of knowledge about pitch and rhythm, difficulty with reading and writing music notes, or even mental health challenges that hinder their practice.

To build these personas, I conducted 15 user interviews at various places, from public open mic events to Starbucks coffee shops. The insights from these interviews shaped the personas:

1 of 3 personas

Survey

Why people decide to take or not take lessons (60 survey results)

Functionality & Acceptance Criteria

Through surveys and user interviews, it's clear that people seek a fast and cost-effective way to improve their singing skills.

I conducted Secondary UX Research, which emphasized the importance of visual success metrics in teaching and training apps. These visualizations are most effective when presented through interactive experiences and games.

Here's a list of functions within SoundIt that showcase these visual interactions and success metrics:

- Interactive Pitch Training Games
- Progress Tracking and Graphs
- Visual Feedback on Pitch Accuracy
- Gamified Challenges and Achievements
‍

1. Each lesson consists of watching videos or playing a game

2. A feature to check a personal profile with accomplishments and lessons currently being worked on

3. Search through a collection of videos by searching keywords, such as pitch, posture, etc

4. Save lessons, playlists, and individual videos to view later

5. Retry lessons/games/videos after hearing feedback from vocal coach AI

User Feedback & Assumption Analysis

Users found the first iteration of high-fidelity wireframes dull and strict, which didn't display an intimate passion for singing.

They wanted to check this app at any time for fun and practice. Stating the need for motivation and an appeal to open the app more often.

JS Code Demo

Here is a demonstration using JavaScript to test out the interactive app function. It was displayed as a physical demo on a computer screen with a microphone attached for users to approach and sing using the mic.
‍
Users heard themselves through visual feedback displaying accuracy of the notes sung. This made users sing louder or softer or with more attention to their pitch, showing that they can practice improvement. With the display, I could conclude that the visuals assist users' awareness of their sound and help them remember through practice, the retention of the note they were singing.

As this was a demo, it was not a functional app from start to end but showed one part of the app performing. I later took this information to see assumptions made for the needed development of this app.

Results/Conclusion

Creating an idea from scratch was an adventure. I went through ventures of brainstorming, editing, combining, and designing this idea of a vocal coach app to find out the UX assumptions made for accessibility and navigation.

A few of my conclusions were:

• What I could've done better: The game tutorial concept has multiple game ideas, meaning it may take a while to develop. The development stage needs numerous AI elements, indicating I should practice research of code to further create this. I would prefer to connect the user with accurate vocal coach feedback instead of just AI, which could be invalid.
• Key outcomes: 
  - user testing is crucial to good design
  - the understanding of the users' ages and demographics makes an impression on the design of an app
  - personal assumptions are made more often in what needs research, and even the type of data that is deemed important 
• What didn't work well: Visual design interactions need to be re-considered, including buttons and icons, to certain any assumptions about the user experience are avoided. More additional user testing may help.

WORK

Featured Case Studies

Freelance

UI DESIGN, Illustration, Motion Graphics

Crafting UI designs and visual design brand identity for Twitch streamers.

LEARN MORE >

NUMI

Web ReDesign & Evaluation, Visual Design

Exploring a fresh design for an e-commerce website at a startup.

LEARN MORE >

SoundIt

ux research, PRODUCT DESIGN, UX/UI Design

Implementing cost-effective AI to enhance an intuitive self-learning experience.

LEARN MORE >

NutriPlan

visual design, research methods, UI Design

Facilitating a connection between healthcare professionals and patients.

LEARN MORE >