top of page

Artio

Artio is a mobile app that provides information regarding artists exhibiting their artwork in a gallery.

Project Overview

The Product

Artio is a mobile app that provides information regarding artists exhibiting their artwork in a gallery. The app offers details about the artists, their work and the gallery. Users can browse through the collection of artists and the artwork they have on display, and access further resources such as articles and interviews. Artio offers an interactive experience for those interested in the art world, and helps to promote emerging artists and new exhibitions.

Project Duration

March 2023 - May 2023

Google Pixel 2XL-2.png
Google Pixel 2XL-1.png
The Problem

Every day, hundreds and thousands of art enthusiasts visit art galleries. However, amidst the hustle and bustle of a crowded gallery, reading an artist's biography displayed in tiny text becomes a challenge. The focus predominantly leans towards appreciating the art rather than highlighting the artist. Typically, only minimal information is provided about the artist, leaving gallery visitors yearning to learn more about the creative minds behind the exhibited works. Upon leaving the gallery, visitors wish to explore and read about the artists whose works they admired during their visit.

The Goal

Designing an app tailored to aid gallery visitors in accessing information about artists while they explore the art gallery is the key focus. This application will not only offer a platform for visitors to read or listen to details about the artists during their visit but will also provide comprehensive information for students to utilize in their subsequent project works.

My Role

UX Designer

Responsibilities

Conducting user researches, storyboards, low-fidelity wireframes and prototypes, Hi-fidelity mockups and prototype, conducting usability studies, iterating on designs and accounting for accessibility.

Understanding the User

User Research - Summary

Based on my initial research conducted online, I focused on understanding the user group by creating an empathy map. The primary user group identified initially comprised students and art enthusiasts who frequently visit art galleries.

Although my initial research pinpointed students and art enthusiasts, as the project progressed, I realized that the app I designed was beneficial for anyone visiting a gallery. It became apparent that the challenges extended beyond the primary group I had identified earlier. Many gallery visitors faced difficulties reading artist bios due to the display boards' tiny text and the hustle and bustle of the surroundings, compounded by the presence of crowds and children.

Thus, I pivoted the app's design to cater to all gallery visitors. The app aims to alleviate the common struggle of comprehending artist information displayed in small font, making it challenging for most visitors. By utilizing this app, visitors can effortlessly access and read artist information, while also having the option to save it for future reference, aiming to enhance the overall gallery experience.

User Research - Pain Points

Text Size

Artist bio displayed in an art gallery had tiny text and less information.

1

Space

Art gallery is overcrowded mostly on weekends which will make it difficult to read artist bio boards.

2

Time

Users usually do not have a lot of time to spend in an art gallery.

3

Problem statement
June Flower is a university student who needs a way to read more artists displaying in an art gallery because It is difficult to read in an art gallery with tiny font and sometimes art gallery is crowded.

Persona - June Flower
persona - june flower.jpeg
User Journey Map
User Journey Map- JUNE FLOWER.jpeg
Ideation - Big Picture StoryBoard

Addressing the challenges identified through user pain points and the problem statement, a set of solutions was developed. A big picture storyboard was created, with a focus on enhancing the user experience, illustrating scenarios where the app could seamlessly integrate into users' daily activities.

IMG_1504.jpeg
Ideation - Closeup StoryBoard

To address the specified problem statement and alleviate user pain points, a set of solutions was conceptualized through a detailed storyboard that zoomed in on the app. These solutions were deliberately practical, centering on optimizing the app itself rather than solely prioritizing the user experience.

IMG_1503.jpeg

Design

Paper Wireframes

This is the paper wireframe representing the home page. The intention behind its design is to address various pain points and create a user-friendly homepage accessible to most users. The primary goal was to ensure that all major tiles/icons are prominently featured on the homepage, enabling users to swiftly accomplish their tasks upon login.

IMG_4639_edited_edited.jpg
Digital Wireframes

The initial wireframe design, derived from the paper wireframes, has resulted in this layout. The central focus of this design is providing convenient access to favorites, which is why it is prominently positioned in the right-hand corner for ease of use.

The primary objective here was to facilitate the saving of artist bios and their addition to favorites for future use. Alongside this goal, I incorporated several accessibility options to enhance the overall user experience.

Users will be able to access a list of artists who are displaying in the gallery.

Home page - low fidelity wireframe.png

Users will be able to access saved artist bio from here.

Artist bio-options - low fidelity wireframe.png

This floating action button will help users to listen to audio recording of the information for accessibility purposes.

This floating action button will help users to increase text size for accessibility purposes.

This floating action button will help users add artist bio to their favorites for later reference.

Low-Fidelity Prototype

The low-fidelity prototype establishes a cohesive user journey, encompassing key interactions such as login, artist browsing, and the detailed exploration of artist profiles, including bio reading and listening. A notable feature is the ability to save preferred artists to a favorites list, providing users with a personalized experience. Additionally, users can seamlessly access their saved favorites within this user flow. This prototype is well-suited for a usability study, offering a practical platform to assess the intuitiveness, functionality, and overall user satisfaction of the designed features.

Image 5-4-23 at 2.11 PM.jpeg
Usability Study - Findings 

Conducting two rounds of usability studies, progressing from a low-fidelity prototype to a high-fidelity prototype, has proven instrumental in refining the design based on user feedback. The iterative nature of this process allowed for the identification and implementation of necessary changes aligned with user requirements. Notably, the second round, while not yielding major design overhauls, contributed to fine-tuning the interface with minor adjustments. This iterative approach underscores a user-centric design methodology, ensuring that the final product aligns closely with the preferences and needs of the end-users.

Round 1 Findings

1

Add to favorite button was difficult to find and access.

2

Artists tile on homepage was small compared to other tiles.

Round 2 Findings

1

Occasional users prefer not to go through the registration process.

2

Refining the Design

Mockups

In the prior design iteration, users were required to click on the floating action button for a two-step process to add an artist bio to favorites, which proved less intuitive. In response to usability study findings, an improvement on the artist bio page was implemented  by introducing a heart component. This enhancement streamlines the process, enabling users to effortlessly add artists to their favorites for future reference. This design iteration has notably enhanced the overall intuitiveness of the feature.

Before Usability Study 1

After Usability Study 1

artist info wireframe_edited.png
Artist info wireframe 2_edited.png

In the course of the usability study, it was revealed that 3 out of 5 users found it confusing to access the artist list. As a result, I revamped the homepage design to make the 'Artists' section more visible and easily accessible for users.

Before Usability Study 2

After Usability Study 2

In the second round of usability testing, it became evident that some users preferred to browse artists and read about them without logging in. Consequently,  a 'skip' button was integrated for occasional gallery visitors who prefer not to log in but still wish to view and explore artist information.

Before Usability Study 2

login page wireframe_edited.png

After Usability Study 2

login page mockup_edited.png
Mockups - Final Designs
High - Fidelity Prototype

The ultimate hi-fidelity prototype embodies all the envisioned features for this app. It encompasses all the adjustments and enhancements derived from the two rounds of usability studies. Now, users can conveniently read about their favorite artists anytime and anywhere, reflecting the culmination of the design process.

Image 1-18-24 at 11.02 AM.jpeg
Accessibility Considerations

Incorporated multiple language options into the app, ensuring that users from diverse regions across the globe can comfortably utilize it.

1

The app offers a range of text sizes when reading an artist's biography.

2

Audio recordings of artist bios are provided to ensure that users with visual impairments can also easily access the app.

3

Takeaways

Impact

"Artio" simplifies the art gallery experience for enthusiasts, eliminating the concern of having to read artist information solely from display boards. Users involved in the usability study highly appreciated the app's interactive interface, contributing to an enjoyable gallery visit.

What I Learned

In my first UX design project, I discovered that successful user experiences emerge through a series of iterative cycles, where refinement and enhancements are integral to achieving significant improvements. This iterative process, spanning various phases, has become a cornerstone of my approach, emphasizing the importance of ongoing evaluation and adjustment for optimal user-centric outcomes.

Next Steps

To broaden the app's reach, I aim to integrate a more extensive range of museums and art galleries. Additionally, I plan to include a community feature within the app, allowing users to engage in discussions about art.

1

I plan to conduct a comprehensive usability study involving a diverse group of individuals who can benefit from the app's features. This broad user set will help gather extensive feedback and insights for further enhancements.

2

I intend to conduct further research on accessibility and strive to incorporate as many accessible features as possible within the app. 

3

bottom of page