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 Designer

  • Alessandra Zarate-Sanderlin
    Lead Visual Designer

  • Victoria 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

The UX Process

process icons.jpg

1. Discover

Research user needs & business goals.

2. Define

Synthesize research into personas & problem statements.

3. Design

Craft solutions to solve users’ pain points & business goals.

4. Develop

Test solution & iterate on designs.


 
Step 1: Discover
 

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:

hpsa survey.jpg

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

antenna-EL4CGRnwwNc-unsplash.jpg

“I love falling down the rabbit hole of my Instagram feed to find new artists.”

— Interviewee

artist1.jpg

“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.

Screen Shot 2020-08-09 at 4.01.19 PM.png

 
Step 2: Define
 

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.

brad-neathery-mGH253KbfaY-unsplash.jpg

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

User Flow for Scenario 1: Find an Event


thought-catalog-Nv-vx3kUR2A-unsplash.jpg

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

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
 

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


 
develop.jpg
 

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.

 
Screen Shot 2020-08-07 at 1.42.58 AM.png

Home

  • Simplified the primary navigation to reduce visual clutter.

  • Highlighted upcoming events to increase event attendance.

 
Screen Shot 2020-08-07 at 1.46.18 AM.png

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.

Screen Shot 2020-08-07 at 1.56.10 AM.png

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.

Screen Shot 2020-08-07 at 12.30.54 PM.png

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.

Previous
Previous

Queen's Web: Team Member Portal

Next
Next

Bay-Made: Personalized Online Shopping Experience