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!
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.
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.
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
Key findings
Performers want an easy way to:
Connect with other performers & industry professionals
Access venue information for scheduling performances
Promote their art
Managers / promoters need to:
Manage transportation, accommodations, contracts, safety
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.
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.
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.
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.
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.
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.
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.
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.
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).
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.
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’.
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.