Exposify

Case Study

My gallery art app is designed to enhance the museum experience for art enthusiasts. Users can easily search for artworks and artists, gaining access to detailed information about each piece. The app features text and audio options, providing a comprehensive understanding of the art. It targets museum visitors, art enthusiasts, students, and researchers, offering a convenient and educational resource to explore and appreciate art.

The product

PROJECT OVERVIEW

The problem

The art gallery app aims to solve the problem of limited information availability in art museums by providing comprehensive details about artworks and artists, enhancing the understanding and appreciation of the art.

The goal

The goal of the project is to create an intuitive and interactive app that empowers users to explore and learn about artworks and artists in a museum setting, fostering a deeper connection with the art and enriching the overall museum experience.

UNDERSTANDING THE USER

During the user research phase, I conducted in-person research with 5 participants, which involved interviews and user usability tests. Initially, I assumed that the app's low-fidelity prototype was easy to understand due to its simplicity. However, the research revealed that the pages had similar designs, which posed challenges for users in terms of clarity and ease of navigation. This feedback prompted me to rethink the app's accessibility and prioritize clearer and more distinct design elements to enhance user experience and ensure intuitive navigation.

1

2

3

4

Lack of Information

Users expressed frustration with the limited information available about artworks and artists within the museum.

Confusing Navigation

Users found the app's navigation confusing, as the pages had similar designs and lacked clear visual cues.

Overwhelming Content

Some users felt overwhelmed by the amount of content available within the app. They desired a more curated and streamlined experience.

Limited Interactivity

Users expressed a desire for more interactive features within the app.

Persona

Sarah is a busy marketing manager who needs an efficient way to stay up to date because she has a busy schedule

User Journey Map

The user journey map highlights the need to make information easily accessible, especially for independent explorers. Small and tiring labels hinder artwork appreciation. Increasing interactivity creates engaging and memorable experiences with less reliance on text. Self-guides cater to solo or small group visitors. Inaccessible pricing information from non-main sources poses a challenge.

STARTING THE DESIGN

Paper wireframes

During the initial phase of app development, I created paper wireframes as a starting point for designing the app flow. However, through user usability testing, I soon realized that the wireframes were lacking crucial steps and lacked variety in design. It became evident that the final product would be significantly different from my initial design concept. This experience highlighted the importance of conducting usability tests with users. It taught me that even though an app design may seem logical and intuitive during the creation process, it may not be easily understandable or user-friendly for everyone. This realization has underscored the significance of user feedback and iterative improvements to ensure a successful and user-centric app experience.

Digital wireframes

I aimed to create a clean and user-friendly app interface. Initially, I followed a consistent color scheme and design on each page. However, usability tests revealed that this approach led to user confusion. They struggled to determine their current location and the page they were on.

The sound option was initially created for users with low visibility. However, it has also proven beneficial for others who don't want to stop and read. They can simply play the audio while observing the artwork, making it convenient for those who prefer a more immersive experience. This feature is particularly helpful for younger users and individuals who get easily distracted. By offering audio descriptions or narratives, it allows them to engage with the content without relying solely on text.

To enhance organization and address user frustration, the sections in the app were separated into artists and artworks. Previously, users could only search for artworks, which caused annoyance. The new structure provides a more streamlined experience and allows users to easily explore artists and artworks separately.


The home page aims for simplicity while showcasing app content. With infrequent use in mind, it provides a quick understanding to avoid frustration. Key features like upcoming exhibitions are highlighted in a clean, uncluttered design for effortless navigation, ensuring a user-friendly experience in just a few clicks.


The search bar was implemented to allow users to filter unnecessary information and easily search for specific artworks or artists, reducing the overwhelming feeling associated with an abundance of content.

The exhibition section on the home page serves as a convenient way for users to discover upcoming exhibitions and generate interest in visiting the gallery. Displaying this information prominently on the home page is essential because some users may only come across the app on the day of their visit. By showcasing exhibition details upfront, the app increases the chances of users being aware of all the gallery has to offer. This ensures a better experience for visitors and allows them to fully enjoy the gallery's offerings.




https://www.figma.com/file/n4JmVsuYZSy5jHiQGkPZqo/Wireframe-art-gallery?type=design&node-id=0%3A1&t=F65iyyS2rGX0jc5I-1


During the creation of my low-fidelity prototype, I concentrated on developing a complete user flow that encompassed various app features, including browsing artworks, exploring artist profiles, managing user profiles, and booking exhibitions. Conducting usability user tests for the first time proved to be a valuable experience. It highlighted the significance of starting with a low-fidelity prototype, allowing me to understand and improve my knowledge and perception of the design process.


Low-fidelity prototype

Usability study: findings

The usability study comprised two rounds, each involving 5 users. In the first round, the low-fi prototype received extensive feedback from users, leading to significant app improvements. The second round, featuring the hi-fi prototype, demonstrated highly positive results with minimal user pain points. This iterative testing approach allowed for a cohesive user experience and enhanced the overall quality of the application.

Round 1 findings

Users cannot understand the flow

Users prefer to search for artists

Users could not finish the purchase flow

Round 2 findings

Users want a tab to manage exhibitions

Users want more profile customization

Users wants favourite to be more interactive

REFINING THE DESIGN

During the usability study, users provided feedback indicating that a tab for managing exhibitions was missing from the app. They specifically mentioned the need for features such as a cancellations tab, the ability to manage and check exhibition hours, and information on where to place the ticket. This feedback highlights important areas where the app can be improved to meet user expectations and provide a better user experience.


Mockups

Mockups: Screen size variations

Accessibility considerations

1

2

3

The app has been meticulously crafted with a carefully selected color palette that aims to enhance contrast and cater to users with low visibility, ensuring their seamless navigation and optimal usage of the application.

To further accommodate users with different preferences and accessibility needs, the app includes both reading and audio options on the artists and art pages. This thoughtful design allows individuals to engage with the content by either reading the information provided or accessing it through audio, providing a versatile and inclusive experience for all users.

To further accommodate users with different preferences and accessibility needs, the app includes both reading and audio options on the artists and art pages. This thoughtful design allows individuals to engage with the content by either reading the information provided or accessing it through audio, providing a versatile and inclusive experience for all users.

Going forward

Impact

The profound impact of the app lies in its ability to make art accessible and engaging for users who may not consider themselves art enthusiasts. By presenting artworks and their historical context in a captivating manner, the app successfully bridges the gap between art and the wider audience. It offers a user-friendly platform that breaks down complex concepts into easily digestible information, fostering a deeper understanding and appreciation of artworks. Through its engaging approach, the app transforms what may have seemed like a tedious or exclusive experience into an enjoyable and educational journey for all users, regardless of their prior knowledge or interest in art.

What I learned

This project has been a valuable learning experience for me, as it has equipped me with the skills to create a comprehensive case study and effectively analyze data in order to develop a fully functional app. Throughout the process, I recognized the importance of conducting numerous tests and considering the diverse range of users who may utilize the app. This awareness of various user perspectives and needs has been instrumental in ensuring the app's usability and effectiveness. Additionally, this project has provided me with valuable technical knowledge that will greatly benefit my career as a designer. Overall, the entire journey has been fascinating, and I have gained a wealth of practical insights that will enhance my future design endeavors.

Next Steps

1

2

3

I am seeking to expand the number of pages and enrich the content of my app. Currently, the app only has a few pages designed for demonstration purposes, but I still need to develop additional pages that are essential for the complete functionality of the app

To create an immersive user experience and effectively demonstrate the functionality of the app, it is essential to develop a comprehensive user flow that incorporates smooth transitions and animated elements. This will allow users to navigate seamlessly through the app and visualize its operation in a dynamic and engaging manner. By focusing on a detailed user flow, you can ensure that every interaction and transition within the app contributes to a cohesive and intuitive user experience.

By designing and optimizing the app for various platforms, including tablets and computers, users will have the flexibility to access the content in multiple ways. This versatility proves invaluable, as it enables users to not only explore art galleries but also conduct research and engage in studies conveniently from the comfort of their homes.

Thank you!