UI/UX Client Project

You-mak

Bringing your favorite artists to you

How can we make local Los Angeles artists more discoverable?

The music scene in Los Angeles is wide and diverse. It can get overwhelming and difficult to discover new artists performing their music, especially if they play in smaller venues.

Artists like BTS or Justin Bieber sell out shows in larger venues, like the So-fi Stadium, but how can music lovers find out about smaller artists playing in smaller venues near them?

Client:

Year:

Role:

UCLA class project
2022
UI/UX Designer

The Challenge👔🔍

Users aren't aware of their favorite small artists playing around them

As a class project where I would go through the design process from beginning to end, I decided to examine and see how I could improve the discoverability of local artists in Los Angeles since it is a city with a large and diverse music culture.

Through some extensive research, I found that many advertisements cater to bigger, more mainstream artists that play at large venues; however, there wasn't much awareness or an opportunity for smaller artists to be known or found by their listeners.

The Process👔🔍

After the UX Research process, I produced low & high-fi prototypes and had them user-tested

Heuristic Evaluation

To get a better understanding of what competitors were doing, I performed a heuristic evaluation of Apple's Music app and came to the following conclusions:

  • User control and freedom were lacking and more prominent buttons could make navigation easier when switching between different pages.
  • Overall aesthetic design was modern and kept up with current design trends.
  • More customization options that personalize the app to the user would enhance the experience as well as for organizing liked songs.

Based on these findings, I wanted my app to keep up with design trends with its aesthetic as well as focus on the functionality of users being able to know when and where their favorite artists are playing.

Field Research

Next, I explored vinyl record stores in L.A. to get a better picture of how artists or certain genres might be promoted. I also interviewed a couple of peers to see how they usually discover new music or find out about local concerts.

When asked how they usually discover new music, many participants stated it was usually through word of mouth or whatever was on the top charts.

The Problem👔🔍

After my research, I identified the main issues that my app would address

  • Discoverability of new artists:
    People have a hard time discovering new artists to diversify their rotation. Even with existing music apps, users are only shown artists they already listen to.
  • Lack of navigation accessibility:
    As seen from the heuristic evaluation, some music apps lack the ease of navigation, making users unable to easily move back and forth between pages or to land on a specific page they want to land on.
  • Inability to find information on small artists:
    Many users could have much smaller artists as their favorites but unable to really find their touring information if they aren't as popular as more mainstream artists.

User Persona👔🔍

Making a persona to emulate the voice of a user going through the You-mak app

Scenario

Tommy has just moved to a new town and hears about his favorite artist coming to a venue near him. He wants to go to their concert but finding information about it is difficult. He gets confused by the different websites across the internet but hears about You-mak.

User Journey

Once Tommy downloads the app and opens it, he is prompted to log in or make an account. He makes an account, and lands on the home page, seeing the info for his favorite artist right away. He clicks on the artist page, clicks on tickets, and a pop-up telling him he will be leaving the app to go to a 3rd party site appears, asking him to confirm if he wants to exit the app. Tommy accepts.

Scenario

Stephanie has come home from a long day of work and hears that her favorite artist is playing at the Wiltern, a small venue in Koreatown. The artist isn't very popular, so Stephanie can't find much information on their tour; however, her boyfriend tells her about You-mak, which may have the info she's looking for.

User Journey

Other apps don't seem to have the information Stephanie is looking for, so she turns to You-mak in hopes that she can buy tickets for the concert. She lands on the home page and opens the menu bar, seeing a tab for venues in her area. Stephanie finds the Wiltern, clicks on it, and finds the info for not only her favorite artist but also the Wiltern's upcoming concerts, some being of artists she's never heard of.

Architecture👔🔍

A site map was made to create a better sense of the navigation and layout

Before starting on the wireframes for this project, I wanted to create a site map of how I wanted the layout of the app to be. This gives me a better idea of how the navigation should work, which would also lead to a better experience with the navigation during the final stages of production.

The Solution👔🔍

Creating a native app that uses the user's music taste to search for relevant artists playing in Los Angeles

Using the user personas and site map to understand the user flow helped come up with the following solutions:

  • Discoverability of new artists:
    Include a feature that highlights various artists that have upcoming concerts near the user as well as categories of different genres for the user to explore.
  • Lack of navigation accessibility:
    Make forward and backward signs easily seen, so the user can easily move between pages. Also, include a menu bar so the user can go to specific pages with minimal touches.
  • Inability to find information on small artists:
    Create artist pages that displays information on upcoming concerts, a biography, and a link that can directly take the user to the ticketing page.

Wireframes👔🔍

To create a basic layout of the app, I turned to Figma

Based on the conclusions and problems I found from my research I wanted to add the following features for my app:

  • Create a profile, look through venues near you, and find more information on these places. Page for venue information, showing location, upcoming concerts, and information about the venue's history.
  • Know when and where you can see your favorite artist. Search artist info and their upcoming concerts. Add artist page to buy tickets for upcoming concert, along with bio and upcoming concerts.
  • Look up monthly events, happening near you. Upcoming concerts listed by month at certain venues.

Then, I added visuals to create high-fidelity prototypes

With my knowledge of color theory and desire to keep up a modern aesthetic that would use current design trends, I created a design system that would be applied to the high-fidelity prototypes.

Home page

See the upcoming concerts of your favorite artists, look through your favorite genres, and keep memories of your past concerts.

Venues

Find Local venues near you. Discover upcoming concerts at smaller venues and learn the specifics of these new places.

Artist

Buy tickets for an artist or see their upcoming concerts and bio.

Upcoming Concerts

See what other concerts are happening at your favorite local venue.

Usability Testing👔🔍

I interviewed a couple of peers on the finished prototypes as they did a cognitive walkthrough

The purpose of the user interviews was to receive feedback on the prototypes and then apply what I learned into the reiterations.

I did an initial pilot test along with two more additional interviews where I asked the each participant a series of questions through a Google form. I also recorded each interview, which can be found here.

I not only learned how I could improve as an interviewer when doing these usability tests, but also some insights into how I could improve the app:

  • During the second task, it seemed to be difficult for some users to instinctively find the venues page, which was the first step of the task. This process was not as intuitive as I had believed, so navigation could be improved.
  • Interface design had generally positive feedback.
  • Overall functionality could be improved.

Retrospective

As my first UX project, there could have been more improvements...

Obstacles👔🔍

  • Constant reiterations had to be after each step of the process.
  • Difficult to find more people to interview, making the final data limited.

Surprises👔🔍

  • Whatever design aspect might seem intuitive for me, might not seem intuitive for someone else.
  • Although there was a time restraint of 6 weeks for this project, it was more pressuring that I had intially thought.

What could have been better?👔🔍

  • More participants could have been recruited for more feedback.
  • Be more sure about an established design system to increase time efficiency.
  • More practice as an interviewer to avoid problems when wording the questions.