
Artist Community Engagement Experience
Strengthening Art & Community Connection in the Time of Covid.
The artists at Hunter’s Point Shipyard Artists (HPSA), a non-profit artist community in San Francisco, want to provide more exposure for their artists by increasing community engagement. Our team of 3 UX Designers, redesigned HPSA’s existing website to emphasize discoverability of new art, artists & events.
Overview
UX Team
Katie Yarnold
Lead Researcher | UX/UI DesignerAlessandra Zarate-Sanderlin
Lead Visual DesignerVictoria Fontaine
Lead UI Designer
Duration
2 weeks
My Role
I had a hand in every part of the design process with special focus on the research phase of the project, including leading the competitive & comparative analyses and conducting thorough user research and interviews. I was responsible for recording and organizing all of the team’s research documentation, artifacts and deliverables.
Methods
Heuristic Evaluation
C & C Analysis
User Surveys
User Interviews
User Flows
Research Synthesis
Wireframing
Prototyping
Usability Testing
Design Iteration
Tools
Figma
Whimsical
Miro
Google Suite
Step 1: Discover
User Research
Our process was user-centered. We started off with user research in the form of user surveys and interviews. We began this project at the start of the Covid-19 pandemic so we carefully considered how users’ needs and habits were rapidly changing. Our user research was critical in uncovering this key information.
Illuminating Art Consumption Habits
We started by casting a wide net, surveying 50+ people about their engagement with art, both online and in-person. This survey generated some key insights that guided our research process:
Investigating Art Lovers
Next, we conducted 5 in-depth user interviews with self-identified art lovers between the ages of 20 and 60. Despite a wide variety in demographics such as age, income, location, most of these users shared similar habits and opinions about art engagement. We gathered some key insights about art lovers which guided our design process.
Art lovers….
Love supporting artists by going to events or looking at their art online.
Prefer Instagram above other platforms because it’s more visual.
Largely use Instagram to engage with artists and discover new art.
Like going down the “rabbit hole” of discovering new art.
Want to see videos of artists explaining their process, techniques, and their unique perspectives
“I love falling down the rabbit hole of my Instagram feed to find new artists.”
— Interviewee
“I look at art to be inspired.”
— Interviewee
Business Analysis
Next, we conducted business analysis starting with a heuristic evaluation of the current site. Drawing on my background in the arts and extensive knowledge of the Bay Area art scene and online art community, I then conducted competitive & comparative analyses of other art studios’ online presence and other platforms for engaging with art.
Evaluating the Current Website
We analyzed the user experience of HPSA’s current website through heuristic evaluation. We measured the site against the 5 key components of usability: learnability, efficiency, memorability, errors, and satisfaction. We found heuristic violations in several important areas:
Finding Artists
Learnability: Primary navigation is cluttered with 3 different menu options just for finding artists: All, By Building, and By Medium.
Efficiency: “All Artists” page is an exhaustive listing of 300+ artists with no way to filter or sort results.
Efficiency: “Artists by Medium” page is also extensive and difficult to navigate with no filtering options.
Artist Profiles
Satisfaction: There is little information about the artist, despite our research indicating users’ desire for extensive descriptions of artists.
Satisfaction: Artists’ social media links are not listed, making it difficult to learn more about them.
Satisfaction: There aren’t many artwork samples from the artist, a key feature to learn about any artist.
Event Listings
Efficiency: There’s no way to filter or sort events by date or critical information.
Errors: Dates listed are incorrect for most events, meaning that users may miss important events.
Efficiency: Critical information about events, such as dates and location, is difficult to find as it’s buried within paragraphs of text.
Analyzing the Competition
I analyzed the online presence HPSA’s direct competitors, other art studio communities in California, and industry comparators, best-in-class online art platforms such as Instagram, DeviantArt and Ello. I paid special attention to the ways of engagement that these platforms offered users and how they promote artists. I noticed some features that these platforms were doing very well in order to gain inspiration for our designs.
Art Studio Communities
In response to the Covid-19 pandemic, some studios offered additional online engagement methods, such as:
Online events and concerts
Virtual gallery walk
Sharing daily drawings from community
Online Art Platforms
These platforms offered many features for user engagement, such as:
Live videos of artists
Ability to “like”, comment, and share artwork.
Extensive artist profiles with many artwork samples.
Ability to sort and filter artwork by specific categories.
Step 2: Define
Research Synthesis
Utilizing affinity mapping, my team and I synthesized our research into artifacts to guide our design process: a persona, problem statements, user scenarios and user flows. We then used those artifacts to craft a design hypothesis which served as a blueprint to define the features for our MVP.
Remote Affinity Mapping
Persona
Problem Statements
The Hunter’s Point Shipyard Artists organization needs a way to increase cultural capital in order to gain support for all artists.
The Art Enthusiast needs a convenient way to learn about art events and explore art organically so that they can discover new artists/ artwork.
Scenarios & User Flows
Now that we had a persona to guide our design decisions, we came up with two user scenarios that describe the problems that our product needs to solve. We then created user flows of the series of steps that we believed would best solve each problem. We used these scenarios and flows as the framework for prioritizing our MVP features.
1. Find an Event
The Art Enthusiast is at work on a Thursday, working on a big design project. They’re feeling blocked creatively and want to see some art over the weekend to gain inspiration. Their only free day is Saturday. They want to know what events are available at Hunter’s Point Shipyard Artists. They also want to make sure they’ll be interested in the artwork at the event that they choose so they’ll get the inspiration they need.
User Flow for Scenario 1: Find an Event
2. Discover Art
The Art Enthusiast is stuck at home due to the Covid-19 situation. They still want to stay engaged with the art community. They want to look at fresh art from local artists so that they will be distracted from the current crisis and perhaps inspired to make art themselves while they’re at home. They want to find this art organically and feel like they are “falling down the rabbit hole” of finding art.
User Flow for Scenario 2: Discover Art
Design Hypothesis
We believe that by redesigning the event finding experience, making it easier to find and learn about HPSA’s artists, and creating a more organic and exploratory feature to see HPSA artists’ works will improve engagement. We will know this to be true when we see a measurable increase in event attendance, HPSA website traffic and number of direct engagement requests from members of the public to HPSA artists.
Step 3: Design
Feature Prioritization
Given the user needs that we outlined in our design hypothesis, we were able to prioritize features for the creation of our MVP prototype. We also redesigned the information architecture of HPSA’s website by creating a site map which we later used as the road map for our initial prototype.
MVP Features
Simplified Primary Navigation
Streamlined Artist Search
Robust Artist Profiles
Streamlined Event Search
Discover Page to Explore New Art
Information Architecture
Site Map Before & After Our Redesign
Sketching & Wireframing
Keeping in mind our feature prioritization, we began sketching out screens for our MVP. We then iterated on those sketches until our design fully took shape int the form of low-fidelity wireframes. We used these wireframes to create a digital prototype of our product.
Sketches for Initial Wireframes
Lo-Fi Wireframes
Step 4: Develop
Testing & Iteration
In order to improve the usability testing of our designs, we conducted usability testing of our low-fidelity prototype. Using the feedback gathered from those tests, we then iterated on our design until we created the final high fidelity mockup of our MVP.
Usability Testing
We conducted usability testing with 6 users in our target user group: self-identified art lovers. Each test participant was given the two scenarios identified above and asked how they would complete the tasks outlined in the scenario using our low-fidelity prototype. Here’s what we learned:
1. Find an Event
All users were able to successfully complete this task quickly without any issues.
2. Discover Art
Process of discovering art was not very intuitive. Most users took a different path than what was outlined in our user flow.
Most users were unable to find the Discover pager for exploring art and/or were uninterested in using the features on that page.
High Fidelity Mockups
We incorporated feedback from usability testing and iterated on our designs to emphasize the key design decisions which support our MVP features. We then increased the fidelity of our designs by adding imagery and branding elements.
Home
Simplified the primary navigation to reduce visual clutter.
Highlighted upcoming events to increase event attendance.
Artists
Folded all 3 ways of finding artists (by name, medium, and/or building) into a single page.
Added filtering options to streamline the process of finding artists.
Artist Profiles
Added social media links so users can engage with artists more via other platforms.
Added more work samples.
Added an embedded Instagram feed so users can see the artist’s latest work.
Added a section of related artwork by other HPSA artists in order to increase discoverability of art on the website.
Discover
Added a Discover page to allow users to explore new art.
Added filtering options so that users can find artwork that suits their artistic taste.
High Fidelity Prototype
Next Steps
Considering the short length of this 2-week sprint, we had to narrow down the focus to one target user, The Art Enthusiast. In the future, we’d like to revisit this project through the lens of HPSA’s artists and discover how to prioritize our design for the needs of this second target users.
As an artist, community art engagement is a topic that is very dear to me. The landscape of online art engagement continues to change and adapt to the global pandemic. In the future, I’d love to revisit this project taking into account the new norms and habits that are currently developing across the world.