General Assembly (UXDI Project #3)
User Research, Synthesis, Feature Prioritization, Wireframes & Prototype, Usability Testing, Presentation Design
Sketch, InVision, Otter Voice Memos, Camera (iOS)
What is Sofar Sounds?
Sofar Sounds is a platform that lets concertgoers discover new artists by hosting secret shows in unexpected locations and providing an intimate concert experience.
Sofar Sounds events are often hosted in people’s homes/apartments. Their concerts, called “Sofars,” are usually small enough to feel intimate (about 30 people), setting a favorable environment to meet new people, including the musicians, who typically hang out before and after their set.
We believe that allowing Sofar Sounds’ audiences to tip musicians and engage with other attendees will not only enable musicians to make more money but also foster more meaningful connections between audiences and artists at Sofar events.
In order to better understand the problem space, we had to conduct some user research to better understand how people interact at concerts.
We conducted in-person user interviews of eight participants, four for each user type (though the musicians we interviewed were also concertgoers/attendees. Each interview was about 15 minutes long, and was recorded through a combination of handwritten notes and Otter Voice Memos.
After the interviews, our team gathered to write notes and synthesize our research.
Sofar Sounds attendees want to connect with musicians and each other, but current options to do so are limited.
How might we enable attendees to support musicians while making these meaningful connections at Sofar events?
Defining the User: Personas
WE’RE DESIGNING FOR…
Wireframes & Prototypes
I was responsible for converting low-fi sketches of our design into mid-fi wireframes using the Sketch app. After doing so, I made a clickable prototype of these wireframes with InVision. The mid-fi prototype was used for usability testing.
01. The Home page lets attendees search for upcoming Sofars.
02. “My Tickets” tab opens to a new “Today” page for that night’s Sofar info. A “Connect” button for each artist takes the attendee to…
03. The Artist Page, which contains several ways for audiences to support the artist.
Ways to Connect
04. During the show, attendees can “send an emoji,” which they can hold up during an artist’s set like a lighter at a stadium.
05. Attendees can send artists a tip during and for up to 48 hours after the show.
06. Attendees can also send artists a drink during the show.
07. The selected emoji is enlarged to the width of the screen as an overlay.
08. A dialog box appears as an overlay to confirm that a tip has been sent.
09. A dialog box appears as an overlay to confirm that a drink has been sent.
10. The “Upcoming” tab under “My Tickets” shows other upcoming Sofars the user is attending.
11. Once event details have been revealed, attendees can engage in a group chat until doors open.
12. The active chat state shows our persona engaging with fellow attendees for an upcoming Sofar.
My teammates brought these wireframes to high fidelity and made the high-fidelity prototype for our case study presentation.
For my portfolio, I independently redesigned the wireframes and prototype, further iterating upon feedback from our second round of usability testing.
So… what were my biggest takeaways from my first group project? How did our feature concept fare over two rounds of usability testing? How did we measure success, and how did our design stack up?
I wrote about these in a UX case study that was published on UX Collective: