Redesigning Merchant's House Museum Website

OVERVIEW
As a Product Designer, I planned and executed an end-to-end UX design project. We aim to optimize the Merchant’s House Museum website to attract a larger audience of young adults. We recruited over 45 users for interviews, card sorting, tree testing, and prototyping testing – employing a total of four research methods to gain insights into the needs of young adults. Finally, we redesigned the website based on the research findings.

TOOL

Figma, Miro, Optimal Workshop

TEAM

Emily Gu, Gilbert Espinoza,
Anisa Khan

DURATION

4 months
CONTEXT
Home Museum Facing a Drop in Visitors
The Merchant’s House Museum is a small house museum located in Manhattan’s Greenwich Village neighborhood. Housed in a building from 1832, it is considered one of the finest examples of Late-Federal and Greek Revival architecture still standing. The museum narrates the 19th-century New York City lifestyle through the perspective of its former residents, the Tredwell family.

However, like many museums during the pandemic, The Merchant’s House Museum saw a decline in visitor numbers. The pandemic's impact led to a gradual decrease in its audience. Presently, the museum is diligently working to recover the pre-pandemic levels of visitor engagement, striving to reconnect with its audience and revive the cultural vibrancy it once enjoyed.
PROBLEM
Inadequate Resources for Engaging Young Audiences
Small museums like the Merchant’s House Museum tend to operate on modest budgets with limited staff and resources. The Merchant’s House Museum is no exception, with a team of five employees who are bolstered by a group of loyal volunteers.

The museum sector faced significant challenges due to the COVID-19 pandemic, and efforts are underway to restore attendance levels to pre-pandemic standards. Although the Merchant’s House Museum has seen a general increase in visitation, it struggles to engage a specific demographic: young adults (aged 18 to 35).

While the current website of the Merchant's House Museum boasts a wealth of content for users to explore, it suffers from a deficiency in structured information architecture, leading to a suboptimal web navigation experience. Additionally, the website lacks optimization for mobile users.
(Screenshots of the current Merchant’s House Museum website. The left side and middle display the desktop version, and the right side showcases the mobile version.)
PROJECT GOAL
Redesigning the Website for Young Adults
The administration aims to focus on revitalizing the museum's website, a vital yet underutilized point of contact for visitors. After years of neglect, the goal is to connect with and captivate the young adult demographic that has proved elusive.
EMPATHIZE
Exploring the Needs of Young Adults Visiting Museums
Before redesigning the museum website, we first want to understand our users—young adults. In comparison to other visitor groups, young adults have different motivations for why they want to go to a museum and what their purposes and needs are when visiting a museum. Therefore, we formulated the following three research questions:
Interview with 6 Young Museum Lovers
The initial version of EnSpire showcased focused features. The primary level of the functional architecture contains three parts: a control bar, main functions, and secondary functions. These UI designs provide users with essential features such as screen recording, freezing, and zooming.
(Screenshots of the interview process, with the interviewee's photos subjected to blurring for privacy protection.)
DEFINE
Analyzing User Research through Affinity Diagramming
To analyze the results of the user interviews, we transcribed the interview data and extracted the content into sticky notes on a Miro board for Affinity Diagramming.
(Screenshot of affinity diagraming in Miro board.)
Why do young adults want to go to museums?
In user research, we identified the following three reasons why young adults visit museums.
1. Hanging out with friends:
In the interviews, all six participants mentioned that they almost always visit museums or art galleries with friends. They enjoy discussing the exhibits with friends, whether or not their friends have a background in art and design. Visiting museums together is a joyful experience for them.

2. Getting to know a city through museums:
Many young adult interviewees mentioned that when they travel to a new city, they often visit local museums or art galleries. They believe that these institutions showcase the history and culture of a city in a unique way.

3. Enthusiasts of art and design:
Among the recruited interviewees, four had backgrounds in art and design, such as degrees in interior design or product design. They already had a high interest in museums and art galleries, using visits to gain design inspiration.
How do young adults access museums information?
In the interviews, we found that young adults learn about museums through word of mouth, social media, or friend recommendations. Once they have a general understanding of a museum, they go to the museum's website to obtain the most comprehensive information. The following three points represent the information young adults most desire when browsing museum websites.
1. Real-time updates:
Real-time updates are one of the most critical factors for young adults when browsing museum websites. Having up-to-date exhibition information and museum operating hours allows them to plan their visits more efficiently and determine if the exhibits align with their interests.

2. Unique Exhibition Collection: Besides large and well-known museums like the Met or the Louvre, some young adults expressed a special interest in smaller museums. However, these smaller museums often have poorly designed websites, potentially failing to capture the interest of young adults. Bryan mentioned, "the smaller museum has a very, you know, I would say obsolete, almost new website design. So, but they have a great collection."

3. Easy ticket purchasing:
Most young adults prefer to purchase museum tickets directly from the museum's website as they consider it the safest way to obtain tickets. They are concerned that third-party platforms may provide tickets of unclear origin. Therefore, clear information on purchasing tickets on the museum's website is crucial for them.
IDEATE
Exploring Potential Design through Competitive Analysis
In addition to understanding the motivations and needs of young adults visiting museums, we conducted an analysis of eight website competitors to explore current trends in museum website design and identify potential design directions.

We conducted separate analyses on four direct competitor websites and four non-direct competitor websites. By scrutinizing both types of websites, we aim to uncover diverse potential design directions.
(Images of the museum logos. 1: Whitney Museum of American Art / 2: Museum of Modern Arts / 3: Museum of Arts and Design / 4: The Metropolitan Museum of Art / 5: The Louvre Museum / 6: Montreal Museum of Archaeology and History (Pointe-à-Callière)/ 7: The Friends Experience Museum / 8: Metrograph)
Uncovering User Mental Model
After completing the competitor analysis, we conducted user research through the Optimal Workshop, specifically employing card sorting and tree testing. These two methodologies provided insights into how young adults interact with museum websites, enhancing our understanding of user mental models.
Card Sorting
To begin, we deconstructed the content of the Merchant’s House Museums website, creating a total of 50 cards. Simultaneously, we modified the titles on the website to ensure participants easily grasped the card content.

Before formal testing, we engaged two participants in a pilot test for refinement. Subsequently, we conducted remote tests with a total of 8 users, including two participants in unmoderated testing, while the others underwent moderated testing. Each test took approximately 10 to 15 minutes. Feel free to take the test by clicking on this link.

Here are some screenshots showcasing partial results from the Optimal Workshop testing.
(Screenshots of the interview process, with the interviewee's photos subjected to blurring for privacy protection.)
Tree Testing
Our team redesigned the information architecture of the website using Google Sheets based on the card sorting results. Then, we came up with 10 tasks to test the redesigned website's structure for different user scenarios. After the tests, we had brief 10-minute interviews with the participants to better understand their experiences with tree testing. Feel free to take the test by clicking on this link.

We followed a similar approach to recruit participants as we did in card sorting. We began with two individuals for a polite test, and later, we involved a total of 8 users for remote testing. Among them, two participants did unmoderated testing, while the rest participated in moderated testing.

Here are a screenshot showcasing partial results from the Optimal Workshop testing. The results indicate that We included 5 questions gain success rate over 60%. 3 questions gain success rate between 40%-60%. 2 questions gain success rate under 40%.
(Screenshots of the interview process, with the interviewee's photos subjected to blurring for privacy protection.)
Redesigning New Information Architecture
After completing the competitor analysis, we conducted user research through the Optiman Workshop, specifically employing card sorting and tree testing. These two methodologies provided insights into how young adults interact with museum websites, enhancing our understanding of user mental models.
(Screenshot of the proposed site map.)
PROTOTYPE
Gathering Feedbacks on Potential Solutions
After redesigning the website's information architecture, we proceeded to create wireframes. The goal was to obtain user feedback in the early stages of design at a relatively low cost, allowing for continuous design iterations.In our user research, we identified that, for young adults, the two most crucial pieces of information on a museum website are the museum and exhibition introductions, along with ticket purchase details. Hence, we used these two behaviors as tasks for the current testing phase.
TEST & IDEATE
User Testing with Mid-Fidelity Prototype
After redesigning the website's information architecture, we proceeded to create mid-fi prototype for user testing. The goal was to obtain user feedback in the early stages of design at a relatively low cost, allowing for continuous design iterations.
Accessible exhibition information
In the redesigned homepage of the Merchant's House Museum, we categorized museum exhibition information under sections like "Exhibition" and "Event." This allows users to quickly find information about the museum as soon as they land on the homepage.The latest exhibition information is prominently displayed at the top, categorized by different events. Users can explore more about the Merchant's House Museum's latest activities by swiping left.
In addition to the web version redesign, we optimized the content for the mobile version. Due to the smaller screen size of mobile devices, we collapsed the navigation bar. When users click on the hamburger menu in the top right corner, the navigation bar expands downward.
Clear call to action buttons
Designing easily accessible Call to Action buttons can transform the user's browsing experience into tangible actions. We added a "Get Tickets" button to the exhibition information page. After users browse the exhibition details, they can easily find the "Get Tickets" button to purchase tickets.
Seamless purchase process
After users click the "Get Tickets" button, they enter the ticket purchase page. We designed a calendar interface that allows users to easily select a date and time. Additionally, on the right side of the interface, we incorporated the museum's activities for the selected day. Once the visit date is confirmed, the website guides users to the final ticket confirmation page.


Overall, user can easily accomplish the tasks
We recruited a total of five participants for the prototype testing, and all five were able to easily complete the tasks. One participant, Bao, expressed, "I think the design of the ticket purchase button is excellent! After reading the exhibition intro, I can directly buy tickets without finding where to purchase."
NEXT STEP
High-Fidelity Redesign in Progress...
Due to project time constraints, we have completed the wireframes for the website up to this point. Moving forward, we anticipate an ongoing effort to redesign the website with a high-fidelity approach.