Waxfinds: Share your record collection

demo2.gif

People want to share music they love and connect with others about it on social media, but the “big platforms” in social media make it harder and harder to connect with like-minded people.

Like the “cut-out bin” in record stores of the past, music discussion has been cast aside in a small corner of the internet and devalued.

I asked a handful of vinyl record collector-types who share their collections on social media how they felt about it and what they wished they could get out of the experience. 

My proposed solution is a social mobile app called Waxfinds that is specifically for sharing musical discoveries and purchases with other people and integrates with the incredible user-built database of Discogs

My role was to conduct research with target users and then use their feedback to design and test the prototype.

Follow along below for a detailed look at the entire process.

SECONDARY RESEARCH 

“Spin the black circle”

Before talking to people, I did a little secondary research about record collecting and social media habits to get the lay of the land. Record collecting is only growing in popularity. According to statista.com:

Vinyl album sales in the United States have grown for the 14th consecutive year.

Discogs.com is a primary resource for record collecting and its database will prove to be the backbone of the solution we come up with. 

Discogs is a user-built database of music. More than 555,000 people have contributed some piece of knowledge, to build up a catalog of more than 13,360,049 recordings and 7,263,820 artists.

Additionally, I surveyed the competition to see how apps like Untappd and Instagram perform when it comes to sharing specific interests. Untappd has an incredibly rich data-driven check-in system for sharing and ranking beer, while instagram excels at visual storytelling.

The designer, shopping for records, yet again…

The designer, shopping for records, yet again…

PRIMARY RESEARCH

Take it to the people

While I had a pretty good idea of what I wanted to do, it’s always best to try and figure out what the problem is and what sorts of frustrations people have when sharing music with people online. 

After screening potential candidates, I talked to 5 people I felt would best fit my target users. 

People who:

Collect records

Share music they bought or enjoy with others online

Enjoy interacting with others about records

The general vibe I got from people was that they enjoyed discussing music (specifically records, but also CDs, and just “bands” as well) online, but find it increasingly difficult to do so, whether it be with the algorithm, the news cycle, or not wanting to annoy their non-music friends.

People Say:

The algorithm, man…”

“Music is how I find my tribe”

“I’m almost as interested in a story someone has about a record as I am about the music/record

SYNTHESIZING THE RESEARCH

Birds of a feather

I grouped people’s responses into an affinity map to get some basic categories from their insights. This made it easier to see how people felt about the basic categories we had to deal with, mainly:

Collecting

Records/the object

Interaction

Sharing

Social media platforms

Grouping the major takeaways from the user interviews conducted with 5 hand-picked users. It was easy to make a cohesive affinity map out of them and find some obvious categories.

Grouping the major takeaways from the user interviews conducted with 5 hand-picked users. It was easy to make a cohesive affinity map out of them and find some obvious categories.

SYNTHESIZING THE RESEARCH

Do you feel like we do?

Within the basic categories, I was able to get a sense for people’s behaviors and feelings about sharing their music collection with other people. Time for an empathy map (or two!). 

This is empathy map represents the “super collector” type.

This is empathy map represents the “super collector” type.

It was pretty clear there were different kinds of potential users for this app when I was creating the empathy maps, which helped when I got to the next step... personas!

The empathy map for the “tastemaker”

The empathy map for the “tastemaker”

SYNTHESIZING THE RESEARCH

Every kind of people

 There were clearly different kinds of users. Ranging from hardcore collectors who mostly chase “objects,” to people who are very passionate about music and have a large collection, to promotional fiends and newbies These personas helped define the problems I needed to solve.
The personas represent a few key users summed up simply as:
Hardcore Collectors
Passionate Music Fans
Promo Hounds
Newbies

discogs-dave.jpg
tara-tm.jpg

IDEATION

An idea takes hold

By taking into account who might be using this solution and how, I settled on an idea. How about an app that combines pictures and stories with a robust database of information that leads users to share and learn? My original idea was to take the fundamentals photo/caption sharing and check-in apps, but make it work for records/music.

IMG_5324.png

Original sketch.

(Not pretty, but it’s just about getting the idea out)

After some sketching, I settled on a picture-and-comment feed layout where each post has info about the album and a link to a deeper level detail, should the user want to know more. It’s not pretty, but hey, it’s an idea!

IDEATION

Go with the flow

After defining the basic tasks our users would need to accomplish, it was time to work out some user flows to help sketching and wireframing go more smoothly. We assumed a standard onboarding process so I could dig into some of the more advanced user flows. Some refining and simplification was necessary, but eventually I settled on some flows that made sense.

For this product to work, users would need to:

  • Create account (assumed)

  • Find and connect with one another

  • Share their music and stories with each other 

  • Interact with other users’ posts

The “create post” user flow.

The “create post” user flow.

DESIGN

I brought my pencil…

“Gimme something to write on…”

I am by no means an artist, but I made it work. That’s the beauty of sketches. Using the user flows I created as a guide, I sketched each screen needed to complete the flow. A basic layout is taking shape!

First round of sketches for the “create post” user flow.

DESIGN

Frame by frame

From my basic sketches, I was able to make quick work of wireframing my user flows in Sketch.
This helped to figure out basic layouts and spacing of all of the necessary content in the before refining them with hi-fi layouts.

 
Case Study wf group.png
Mood board and excerpts from the waxfinds styleguide.

Mood board and excerpts from the waxfinds styleguide.

 

DESIGN

It’s the new style

Before taking the wireframes into hi-fidelity land, I first had to establish a style.

Some main takeaways from my user research were that records have a sense of “Nostalgia” and “Cool” that I absolutely had to incorporate somehow with the limited visual space for personality in the app. 

I decided to take some subtle cues from the Blue Note Jazz album covers from the late 50s and early 60s. Deciding on an orange gradient paired with some muted greys, which I felt really anchored a sense of “nostalgia” without looking too old fashioned. Note the tweaked logo from the one I was using earlier on the persona cards. I decided it needed to focus more on the record than the camera and has a more vintage type treatment now.

DESIGN

“The high-fidelity, first-class traveling set”

My first pass at a hi-fidelity version of the screens in my flow turned out well. 

Each post has a little album info bar that can’t dig into the visual real estate too much. It may be a little small, but if the user wants to learn more about the album, they can click on the “i” button to find out more info. It made sense to me, but testing with users would really let me know if that was a good enough trade-off.

One of the biggest hurdles was the “Wantlist” icon. I didn’t want to have to label everything, so I decided to go with a simplified “list” looking icon and then rely on some feedback when clicked to reinforce the button’s purpose. 

The “wantlist” and “add to list” icons. I tried to incorporate feedback when things were added to the list to reinforce the button’s function.

The “wantlist” and “add to list” icons. I tried to incorporate feedback when things were added to the list to reinforce the button’s function.

Screen Shot 2020-12-10 at 2.34.04 PM.png
More hi-fi screens expanding the scope of the user flow a little.

More hi-fi screens expanding the scope of the user flow a little.

 

DESIGN

Keep on pushing

In addition to the basic user flows I laid out earlier, it was clear from some early testing with people that I needed to implement some slightly more robust features in the prototype in order to demonstrate what is really unique about this to people. 

Thus, I made mock album information pages, wantlists, and user profiles to show that with a little exploration, users could learn more about the music people are posting and more about what that person likes. 

It may be slightly overbuilt for usability purposes, but I felt it was necessary to really get the point across to users, so they didn’t think it was “instagram with an extra box.”

While I wish I could show the true power of integration with the Discogs database, I could only hint at it and explain it a little bit when testing.

PROTOTYPING & TESTING

Use me

After creating all of the necessary screens, I assembled them all together to create a working prototype in inVision.  

The next step was to test it with some users! 

Overall, the feedback was good, and people really loved the idea and were surprised it didn’t exist already. That’s all well and good, but was it USABLE?

Mostly! But the big sticking point is the “wantlist” feature and how to make that obvious. By refining the icon a little bit and providing a little feedback when clicked, people were able to figure it out. It was obvious from the album info page, but less obvious from the main feed. 

There were also some missed opportunities to add some “empty state messaging” on the search page and the message page. 

Check out the prototype

More hi-fi screens expanding the scope of the user flow a little.

More hi-fi screens expanding the scope of the user flow a little.

 

PROTOTYPING & TESTING

Test for echo

Using the feedback from round one of usability testing, I was able to refine some elements (the home button looks more homey now). 


Some added empty state messaging cleared up some hangups that people faced when they came across a mostly empty screen.

SUMMARY

And in the end…

Overall, even without being able to actually demonstrate  how powerful integration with Discogs.com would be, people generally got this idea and were on board with it. So I consider it a success, overall. 

Testing an idea on people always brings on an onslaught of suggestions. There were some slight modifications I could make by adding a little more feedback when users accomplish a task, for instance, an “Added to Wantlist!” pop-up would be good when a user clicks the “add to wantlist button. 

While people talked during testing, it was clear that there were many directions I could take this app. One thing I missed was a major potential user/persona: Music Merchants, ie: Record Store owners and Record Labels. 

While I didn’t envision it as a marketplace, it makes total sense that people would use it to try and sell their wares. It would most likely add another user flow or two that I didn’t hit upon in my sketches and iterations. Next time!

As a bonus, here is a spotify playlist that each heading in this document refers to, in case you missed them...

John Brookhouse · Playlist · 17 songs · 0 likes

mick-haupt-T6nMKPXDyKg-unsplash.jpg
Previous
Previous

Fair Observer

Next
Next

Gram City Design Sprint