Project duration:
Sept 2024 to Jan 2025
Project overview
The goal:
Design the MuseumMuse website and app for users to have no trouble finding and selecting an event or exhibit, then being able to save the date to their device.
The problem:
Museum sites do not make it easy to find events and exhibits, as well as save the date, and a lot of them don’t even have apps.
My role:
UX designer leading the MuseumMuse’s web and app design, as well as the research
Responsibilities:
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs and responsive design.
Understanding
the user
User research
Personas
Problem statements
User journey maps
User research: summary
I first looked at different museum websites and apps, in which I learned most museums don’t even have an app. From there, I looked at how museums handled scheduling and ticketing, which I noticed there’s no option to sync a saved/scheduled date to any device. Afterwards, I conducted user interviews, which I turned into empathy maps to better understand the purchasing and scheduling practices of museum patrons. I discovered that most apps weren’t simplistic to users, and finding events could be a hassle.
User research: pain points
1
Selection
Finding events or exhibit on some museum webpages aren’t simplistic.
2
Marketing
Only a light social media presence and websites for most museums, which makes a lot of events unknown.
3
Searching
When finding an event/exhibit, most sites don’t have a filtering feature, so as to be able to centralize a specific art selection.
4
Lack of App
There are very few, if any, apps that are made for museums to procure tickets and events.
Problem statement:
Janice is a retired Health Policy Analyst who needs a museum with an active website and events calendar because a lot of museums don’t have apps or consistently updated websites for upcoming events.
Creating a user journey map of the user Janice allowed me to help identify possible pain points and improvement opportunities that came from her experiences from museum searches.
Starting
the design
Paper wireframes
Digital wireframes
Low-fidelity prototype
Usability studies
To begin the process, I sketched out several paper wireframes for the home screen, carefully selecting the parts that I felt were the strongest, and culminating a final wireframe that allowed users to see events front and center.
After drawing out final designs for the paper wireframes, the move to digital was a simple process. It allowed me to see exactly what would work for a user in real time.
Making sure a calendar and visible event dates was a priority for user simplicity and accessibility
Low-fidelity prototype
In order to make my low-fidelity prototype, I established how the user would flow through the navigation and then I connected all the screens. I wanted to make sure that the main pain points I seen from my research and interviews were top of the things addressed, like having a very distinct and visual calendar, and quick navigation to the available events.
Usability study: findings
After getting the lo-fi prototype fully operational, I had a few users test out the functionality and accessibility of the initial app design.
Round 1 findings
Users want more concise choices for the home screen
Users want more user accessibility
Users want more options to access events and dates
Round 2 findings
Users want more font size options
Users want buttons to stand out more
Users want better navigational hierarchy
Refining
the design
Mockups
High-fidelity prototype
Accessibility
Mockups
Taking the inputs from the usability study in regard, I made changes to the calendar and event selection aspect so improve the site flow of selection. I used color and typography to show hierarchy.
Before usability study
After usability study
Mockups
I wanted to make the process of knowing what to select stand out more, by using color and increasing the font. I also streamlined the design of the overlay frames.
Before usability study
After usability study
Mockups
Accessibility considerations
1
I used colors and bold typography to establish visual hierarchy.
2
I used landmarks for assistive tech, such as consistent navigation
3
I designed a future slider to control the size of the font used in the text
Going forward
Takeaways
Next steps
Takeaways
Impact:
Our target users loved the inclusion of syncable calendar dates, and the simplicity of the app’s design. The straightforwardness of the navigation was also a big plus
What I learned:
I learned that the research and the usability testing is very crucial to making a equitable and functional design. The most important takeaway for me is understanding that a design needs to be made with users first in mind, and no personal bias.
Next steps
1
Take another look at which new features could be included in the app, to make even greater improvements towards the app’s accessibility.
2
Follow up the website with a usability study, so as to see what pain points exist.
3
Complete and test the mobile and tablet sizes of the website, so see the functionality and usability of the responsive web design.