ArtWith
UX Design | Google Certificate Project | Figma | December 2022
ArtWith is an organization to function as a bridge between art and the public. The product offers knowledge of the art and information about the current art exhibitions so that the public would not miss out on updated news about the art. The app especially provides a service where people can check the current art exhibitions based on the map.
Problem
Those aged between 16 and 24 make up 15 percent of the population but only 10 percent of museum-goers, according to a 2018 report by the Audience Agency. We have identified that many people are intimidated by art and feel that there’s a base level of understanding required to join the conversation.
Goal
Design an app that will improve education on the topic of art and help people easily access information on art.
Design Process
Research
Summary
I conducted user interviews to figure out their needs regarding the information of art. Most interview participants would like to access the news of art to increase their knowledge and accessibility to art. The feedback received through research made it very clear that users would be willing to use the app actively if they had access to an easy-to-use tool to help guide them.
Persona
Based on findings, I created two personas who are our target users.
Starting the Design
Digital wireframes
After ideating and drafting some paper wireframes,
I created the initial designs for the ArtWith app.
These designs focus on delivering information
on art to users to help them get updated art news.
Low-fidelity Prototype
To prepare for usability testing, I created a low-fidelity prototype
that connected the user flow of browsing the updated information of art.
Usability Study
Findings
❶ Users need a filter to sort the exhibition lists out and find what they want easily.
❷ For most users, It’s not immediately clear how to use the calendar on the profile page.
❸ For most users, It’s not immediately clear how to save the artworks that they like.
Refining the Design
Linsey is an art enthusiast who needs updated information about art exhibitions near her because she doesn’t want to miss out on the latest trend and information on art.
Tom is a college student majoring in art who wants to grow as an artist. He wants to get updated information about art exhibitions near him and knowledge about artwork easily in daily life at the same time.
Project background
We’re creating a new app to easily help people access information on art and exhibitions nearby. We need to find out if the main user experience – checking the ongoing art exhibition nearby and browsing art information – is easy for users to complete. We’d also like to understand the specific challenges that users might face while using the app.
Research goals
We’d like to figure out what specific feathers users looking forward to and if they have experienced difficulties while using the app.
Mockups
Based on the insights from the usability studies, I changed the ‘recommendations’ section to the ‘ending soon’ section because it’s more useful information to the users.
Additional design changes included adding a filter option so that Users can find what they want easily by filtering the lists.
Additional design changes included adding the pop-up message showing the booked exhibition when clicking the date so that users can manage their schedule.
Key Mockups
High-fidelity Prototype
The high-fidelity prototype followed the same user flow as the low-fidelity prototype, including design changes made after the usability study.
View the High-fidelity prototype For ArtWith
Responsive Design
Sitemap
With the app designs completed,
I started work on designing the responsive website. I used the ArtWith sitemap to guide the organizational structure of each screen’s design to ensure a cohesive and consistent experience across devices.
Responsive Web Designs
The designs for screen size variation included mobile, tablet, and desktop.
I optimized the designs to fit specific user needs of each device and screen size.
Takeaways
Impact
Users shared that the app made ArtWith seem like something they could actually increase engagement with art easily on a daily bases. One quote from peer feedback was that
“As an art enthusiast, I'm definitely willing to use the app. I like the fact that I can get the information on art easily and I won't be able to miss out on the exhibition near me!”
What I learned
I learned that even though the design process takes a long time, diligently going through each step and aligning with specific user needs helped me come up with feasible and useful solutions.
I also realized that to make a helpful product, going through many research processes and figuring out insights from them is as important as making a visually appealing design.
