Case Study

Vnyl

Transparency to create a trustworthy experience.

VNYL - Select Screens.
[fig 1] VNYL Redesign - Select Screens

Overview

There's something inherently special about vinyl records. It's a tangible experience, unlike the downloading and sharing of digital music files. VNYL believes every vinyl tells a unique story. They’ve created a service devoted to the discovery and sharing of vinyl. Vynl is a vinyl record subscription service, they hand-curate up to 3 new records per month.

VNYL has had some difficulties with their website in terms of users understanding how the album curation process actually works. In addition, their current model requires an employee to hand select albums for customers upon request. How might we make this more scalable if they were to keep growing as a company?
Project Type: Conceptual Redesign Project

My Role:
UX Researcher and Designer

Team: Maria Cendejaz, Emily Marczyk, myself

Methods Used:
Heuristic Evaluation, Comparative & Competitive Analysis, Usability Testing, Affinity Mapping, User Persona, User Flow, Journey Mapping, Site Mapping, Service Blueprint, Sketching, Wireframing, Prototyping & Iteration

Timeline: June 2022 → 3 Weeks
Project Timeline and Milestones
[fig 2] Project Timeline and Milestones

Project Summary

Challenge

Transparency

The user wants transparency in the curation process when it comes to vinyl subscriptions, so they know exactly what they are getting.

VNYL offers a curation process but wants to make it more scalable so they can reach more people to the business more profitable.
Solution

User Feedback

By providing a way the user can get involved by giving them the ability to give feedback, it builds trust that the albums are curated just for them.

Research

Research highlights that informed the solution.

Evaluation of VNYL

In order to understand the where VNYL currently stands…

Current Site Screenshots
[fig 3] Current Site
↳ Heuristic Evaluation

we conducted a heuristic evaluation based on: Jakob Nielsen's 10 general principles for interaction design.
Constraint: Without a paid subscription, we couldn't access the full site.

The recommendations we found are:
• Consistent Nav bar
• Add back buttons 
• Add breadcrumbs 
• Consistent headings, same color and size 

↳ Service Blueprint
Service Blueprint
[fig 4] VNYL: Service Blueprint

I created a service blueprint based on a walkthrough with a current member of VNYL. This also helped us understand the user journey and identify touch points and areas of opportunities.

View Service BluePrint

Some Areas of Opportunity:
• Embed a Spotify player on the page so it doesn’t navigate out of the site.
• Make yearly plan different or standout from the monthly plans to prevent confusion.
• Could a music database be leveraged when creating a profile?
• Evaluate the language used on the site like: "Get VNYL" as a login.

Competitive Research

Feature Analysis
[fig 5] Feature Analysis

I did a feature analysis to better understand the subscription space through competitor research. This helped us identify any opportunities that VNYL is not currently leveraging. 

Strengths:
A strength that made them stand out from the other companies was their connection to the music app, Spotify.
And being able to sign up with an existing account through Google.

Weaknesses:
We learned that VNYL could be more clear in terms of navigation, like how to log in and what the steps are. 
Vnyl could be more clear on their curation process and gifting it to someone, and there is also no clear way to contact them.

User Research

To learn more about people who listen to records and potential users of VNYL.

person
5 User Interviews

Objective: To understand the user journey and pain points of discovering and purchasing albums on a vinyl website.

Criteria:
• Collects vinyl records
• Recently or in the past has shopped for records
• Buys vinyl records online

list_alt
50 Survey Participants

Objective: To collect more information about users and vinyl at a higher scale we employed a questionairre.

How and Where?:
• We employed Google forms.
• All participants were from Reddit,
we posted in several vinyl specific and focused communities.

↳ Synthesis and Insights

To synthesize our User Research, we affinity mapped our findings.

Behaviours

• Users want to discover new music.

Needs

• Users need clear expectations when purchasing a product.

Frustrations

• Users wants some control over the records that enter their collection.

VNYL: Affinity Map
[fig 6] Affinity Map

We identified some key insights:

From our survey we found:
• 31% of the participants would choose a curated service to be surprised by new music.
• 85% of the participants want to purchase from vinyl companies that seem trustworthy.

↳ Persona

Based on the insights provided by the research,
we created Jamie, our persona, to ground our decisions.

Persona, Jamie
[fig 7] Persona

This lead to our Problem Statement:
The user wants transparency in the curation process when it comes to vinyl subscriptions,
so they know exactly what they are getting.

Technology Considerations

↳ Modernizing and assisting in hand-picked records

Vynl's current model requires an employee to select curated albums for the customers upon request.
We considered how parts of this process could be automated.
Could they leverage a music database when users are filling out their profiles
and use machine learning to give record suggestions based on feedback?

Consideration: How would this affect the jobs of the employees that currently curate the albums?

Design Concepts

How might we make the user more involved in the curation process?
How can the user help VNYL with the curation process?

Sketches

Sketches
[fig 8] Sketches: User involvement through feedback.
↳ Our MVP

In our Design Studio,
we decided focus on how the user could provide feedback on their last order. Currently, there is no way to tell VNYL which records they enjoyed.

Our hypothesis was that by getting the user involved
in the curation process through feedback, they would have a better understanding of how the records are personally curated for them.
This would also help build trust in VYNL.

Based on our persona, Jamie, the user wants:
• Clear expectations of the product.
• Some degree of control over the curation process.

Based on our survey, users want:
• To purchase from vinyl companies that seem trustworthy.

User Feedback

We conducted 3 usability tests using a mid-fi desktop prototype, through Maze,
to find out how the users would navigate the VNYL website.

The 3 task the users were asked to do were:
• To Login.
• To save 2 albums they liked from their previous order.
• To select their next 3 albums and check out .

Insights

From our usability test, we needed to evaluate the use of certain icons, their placement, and possibly contrast.

All the users were able to complete the task successfully, but…

• 2/3 user didn’t initially click on the “+” icon to select their record.
• 1 user didn’t click on the heart as their first option to favorite an album.

Usability Test heat map
[fig 9] Usability test: Heatmaps

Solution

Building trust through collaboration.

Annotated profil page.
[fig 10] New features on the profile page.
Annotated selection page.
[fig 11] Embedded Spotify player to preview from Vynl.

(a) From our heuristic evaluation, we discovered that Vnyl could benefit from a consistent nav bar, and by introducing additional navigation on the profile page when logged-in allows the main nav to remain unchanged.

(b) A current member of Vynl stated they didn't understand the curation process, and users from our interviews needed clear expectations. By providing the ability to give feedback, it builds trust that the albums are curated just for them.


(c) From the Service Blueprint, we identified that in order to preview an album for the user's next selection, it navigates out of the Vynl site and takes the user to Spotify's website, but by embedding a Spotify player into Vynl's website when selecting a record, it makes for a more seamless process.

Walk-through

Video walk-through of the prototype: Coming Soon!

Next Steps & Reflection

Next Steps:

(a) Evaluate Icons → From our usability study, we found that either the icons we used were unclear or not evident, possibly in terms of contrast. We could conduct a moderated usability study to further understand the issue.

(b) Vinyl Education → Another goal, that wasn't touched on, was how to educate users about vinyl. We hinted at this with the addition of a blog on the home page, so this is an area we could explore.

(c) Onboarding → Our current MVP was about new features that could be added to make the experience better, but we could evaluate the onboarding to process to help users understand how the data they are providing, like linking their Spotify account, helps in the curation process.

Reflection:

Coming Soon.