Aural House

Aural House

I spent the past year redesigning the product below (LYVE), registering it as a business and getting it into development. I am pleased that it is expected to launch mid 2023!

LYVEStart.png

LYVE.

Build a performance career.

LYVE was conceptualized while recalling my own tribulations as a guitarist in a band that struggled to find performance opportunities. LYVE simplifies the way performers and venues connect and schedule live performances by putting the power of scheduling shows into the hands of the performers. 

 
LaptopLYVE.png

What is LYVE?

LYVE was conceptualized while recalling my own tribulations as a guitarist in a band that struggled to find performance opportunities. LYVE simplifies the way performers and venues connect and schedule live performances by putting the power of scheduling shows into the hands of the performers. 

The Dilemma.

For emerging performing artists it is difficult to organize and schedule tour dates which can promote their music, sell their merchandise and begin to grow their fan base. There are relatively few resources for helping aspiring performers to organize national or even international tours, and no standard platform. Furthermore, those resources are not very user friendly, and require finding and contacting a variety of clubs and venues that may or may NOT be trying to schedule and promote touring bands. It is also notable that venues typically aren’t interested in who plays at their venue, but rather if a particular touring act can fill the venue and ultimately bring money in for the club.

LYVE6.png

The Solution.

LYVE allows performers easy access to booking agents and the ability to submit an EPK (electronic press kit) to key industry players such as promoters, record labels, and connect with other professionals such as photographers or videographers. Likewise, stage venues can effortlessly confirm booking schedules, receive contracts and display information about their venue to lessen miscommunication between both parties. 

The general public can also access this product to find new talented artists and easily share ‘snips’ of their favorite new music with their friends. They can follow their favorite artists to discover upcoming concerts, download music, comment on an artists page, purchase tickets, and more.


My role.

UX Research and architecture, UI visual design, prototyping and testing

Project length.

16 weeks

Tools.

Sketch - Affinity Designer - InVision - Pop Marvel - Miro

Research findings.

First, I developed a research plan to prioritize the most sought out information. I then wanted to determine whether this idea was feasible through secondary research, surveys, and interviews. I completed the following research methods:


30+ online articles and videos.

5 problems organizers face in hiring musicians for live events:

 
  • Organizers must maintain a large roster of artist managers 

  • Event organizers must profile their audience when choosing a live act

  • There is no standardized payment for live acts

  • New artists lack management skills & can’t afford to hire the right management.

  • Current artist hiring solutions offer little to no use of appropriate technology.

40 online survey responses.

 
  • 60% of survey respondents considered themselves stage performers with a much smaller percentage in the industry identifying as a manager, photographer, promoter, producer or other.

5 in-depth user interviews with:

  • Promoter / Artist manager

  • Vocalist in a band / promoter

  • Singer songwriter x2

  • Dancer

 
Eyez.png

Key findings

Performers want an easy way to:

  1. Connect with other performers & industry professionals

  2. Access venue information for scheduling performances

  3. Promote their art

Managers / promoters need to:

  1. Manage transportation, accommodations, contracts, safety

  2. Manage online social media content

Defining the Problem.

Ideating through the design process, I asked, How Might We...?

  • Make it more efficient and effective for artists to showcase their talents and raise money?

  • Improve communication between venue and agent or artist?

  • Make it easier for venues to find and choose stage acts?

  • How can we simplify the workload of a manager / agent?

  • How might we simplify the process of organizing a tour for independent artists?

How LYVE can help.

 

Promote.

  • Promote creative work by providing a common platform to showcase a user’s talents

  • By creating a profile, artists automatically build an electronic press kit which can be shared or viewed by other users. 

  • Easily share uploaded content to other social platforms

Touring and Scheduling.

  • Map the touring route 

  • Create and sync performance dates with calendar integration

  • Communicate with booking agents

  • View detailed information about venues to sort out expectations 

  • Negotiate contracts and payment expectations

Connect.

  • Help users connect with industry professionals.

  • Find individual musicians by the instrument they play, location, experience, and genre. 

  • Easily save and organize contacts and share contacts with other users.

  • Users can use in app chat features, create groups 

  • Performers can easily find venues through filtered search options.

  • Venues can easily find talent through filtered search options.

Empathy maps.

From information I gathered through interviews, I was able to create two empathy maps. These helped me to empathize with the potential users and gain a deeper understanding of what problems they face and what they hope to achieve as a career performer.

 
 

Personas.

I developed three user personas that fit into similar but varying categories. The first, Nora Tsai-Wen, an established singer songwriter. Secondly, Toby Peterson, a manager and agent for performers. Thirdly, Sarah Benson, an aspiring band leader, who is just beginning her career as a songwriter. Developing these personas gave me a clearer vision of who the targeted users are for this product and consolidated each individuals needs, desires, and frustrations into an easy to read document.

Designing a solution.

I congealed those HMW questions into one umbrella question:

“How might we put the power of touring and performing into the hands of performers and not at the mercy of unresponsive booking agents”?

This process helped me narrow the scope of the project and be more intentional in developing potential solutions for the user.

Sketching.

From this point, I started sketching the most necessary screens on paper and used the Marvel workspace to get those screens onto my phone for some guerrilla style usability tests. From these tests I was able to better understand how the user might transverse through the app and complete each individualized task.


IMG_8048 2.jpg

Search.

What will the screens look like when someone is searching for a band or other performing artist?

 
IMG_8050 2.jpg

Tour.

Reviewing my research, I asked myself, what kind of features are needed to set up a tour for a performing artist?

IMG_8051 2.jpg

Welcome.

How will a user sign up or sign into the app? What information is needed to create a profile page?

 
IMG_8049 2.jpg

Schedule.

How will the user schedule their performances? What kind of information, links, and other elements will help them on their journey?

Information Architecture

I asked myself, “what are the most necessary paths a user needs to navigate this app”? I tried to answer this question by creating a user flow and sitemap. Through the iteration process, I discovered that I could simplify these paths even further. But it was a good start in the right direction.

Click image for details

Click image for details

 
Click image for details

Click image for details

Low Fi Wireframes.

While developing the original wireframes and wireflow, it was my intention to make it as simple and seamless as possible. I had to consider edge cases while designing the wireframes as well as relevant user feedback. This process was useful in considering which steps were absolutely necessary, and which steps could be consolidated, or eliminated altogether.

 

Sign in / Sign up & profile 

Sign in / Sign up & profile

 

Wireflows.

Designing wireflows assisted in solidifying each step necessary to complete a user task. Furthermore, it helped me visualize the result of each action taken by the user.

Visual design.

Next, I started imagining the brand’s look and feel, produced a mood board, and began building out the brand with a style guide.

Mood board

Mood board

 
Style guide

Style guide

Lyve brand.

Personality.

Center Stage is about bringing people together for the purpose of live entertainment. We aspire to promote creativity and stability for performance industry practitioners.

Attributes.

  • Creative

  • trustworthy

  • simple

  • friendly

  • exciting

Mission/Vision.

An independent artist should be able to efficiently manage their own career. They must be able to communicate with venues, event organizers, and other industry representatives without deterrence.

Logo.

Then, I drew up a logo. I sought to design a branding logo that was simple, and could be displayed in any of the brand’s colors. I based the shape on the effect of stage lighting illumination.

lyvelogo.png

First iteration.

I wanted to create sense of stage lighting which can be seen under the letter ‘e’. The first iteration was suitable but too similar to TikTok in color and style.

 
LYVElogo.png
 

Second iteration.

I wanted to simplify the style and make sure the logo could be printed in an any of the brand’s colors. I based the shape on an illuminating stage light.

logo variations copy.png
 

Color palette.

 
 

The brand’s color palette and overall design was inspired by the 1980 Fisher price portable tape recorder for children. Yes, I had one of these. I remember that it chewed up cassette tapes in the same way I ideated through the design of this product. However, it was indestructible. Solid, and in some way very reliable.

Validation.

There were a total of four (2) rounds of usability testing. Each round consisted of (5) total usability tests. These included: one (1) using low fidelity screens, and (10) using high fidelity screens. All tests were moderated, 5 of them were conducted in person and 5 were done online. This helped to identify user frustration and confusion.

 
 
LYVEusability1.png
LYVEusability2.png

User Feedback.

 

Feature not discoverable.

Issue.

Users could not find the ‘build a tour’ feature

Solution.

I integrated the feature into the search function so that it was not hidden. Users could then more directly complete their desired task.

Varying interpretations.

Issue.

All users had a different idea of what the icons on the floating menu bar represented

Solution.

I added labels to each menu icon. This relieved any confusion about button purposes. I also added a custom branded icon.

Lack of system feedback.

Issue.

Users were left feeling confused due to a lack of a cohesive media upload process, and there is no feedback regarding the purpose of the uploaded media.

Solution.

I redesigned the media upload process to include all upload processes on one single screen instead of spread out over 2-3 screens.

Unbalanced contrast.

Issue.

One user explained that she did not see the icons due to their color, the blue blended in with the rest of the screen.

Solution.

After reviewing the icons, it was decided that some of them did not serve any necessary purpose and so were removed. Others were included on more appropriate screens.

First iterations.

The user’s profile was intended to mimic trading cards. These digital cards would hold all the user’s information and could be traded just like the physical product (i.e. a baseball card).

 
LYVEiteration1.png
LYVEiteration1.2.png
LYVEiteration1.3.png
 

Second iterations.

Summary.

After review of the first round of usability tests, I realized that the color scheme was way off, and not representative of the brands characteristics. I wanted to change this, so I used a lighter version of the tan color for the background which really made the brighter colors more interesting. I also iterated on the card design, allowing it to fill the majority of the screen to reduce cognitive load. I also played with the buttons on the log in screen, increased their spacing and centered them. I realize now that this was actually a mistake. The buttons should be closer together and in fact the Login and Sign up buttons should be on the bottom because they most likely have the highest frequency of use.

 
Screen Shot 2021-06-14 at 4.13.26 PM.png
Screen Shot 2021-06-14 at 4.03.56 PM.png
Screen Shot 2021-06-14 at 4.06.45 PM.png
 

Learning conclusions.

  • It is important to simplify the UI at every corner of the design process. Don’t over complicate paths or processes.   

  • Pay attention to cultural, psychological, and physiological responses to animations. Some users may express discomfort with certain tasks. 

  • Make tasks flow seamlessly from one screen to another. Don’t assume the user will want to take the same path you intended. 

  • Eliminate what is unnecessary, and don’t be afraid to ‘start over’.

LYVEiteration1.2.png

Before

Screen Shot 2021-06-14 at 4.06.45 PM.png

After

 

Reflections.

This project went through many hours of ideation from conceptualization through to the last MVP prototype. During this project, I gained many insights into designing a product from start to finish. The phrase, simplify, simplify, simplify, will forever be bouncing around my mind.

It was a pleasure making decisions based on user input. I feel that this kind of feedback really helps to make the right design decisions. Although this project did not allow the experience of working on a team, having a mentor who is an experienced designer and reaching out for input from other UX Design students, friends and family really gave me an enriching experience.

What’s more, a designers work is never finished. I already see room for improvement in the visual design of the app and I will be making appropriate changes in time.