Wateranne Art gallery
Art history app for an art gallery
Project overview
The product:
This is an app for an art gallery, whose main objective is to be a space where you can learn in depth about artists, historical periods, painting techniques and other profound information about art history.
Project duration:
August 2022 to February 2023
The problem:
People interested in art can find a place to do some deep research on world of art.
The goal:
We would like to give people interested in art an app where they can have deeper and do extensive research in one place. This application tries to be the most complete and easy to use.
My role:
Lead UX designer, UX researcher and advertise.
Responsibilities:
User research, wireframing, prototyping.
Understanding
the user
User research
Personas
Problem statements
User journey maps
User research: summary
A quantitative survey combined with a secondary survey to assume the needs of users. Trying to find the biggest challenges for people interested in art history.
This research understands that the greatest difficulty of art admirers is the difficulty of finding a source where they can find more in-depth information.
User research: pain points
1 ) Pain point
2) Pain point
Learn more about art historical periods
3) Pain point
Understand the paint techniques and how it was painted.
4) Pain point
Find all information in one place for quick search
Persona: Monika
Monika is a busy plastic artist and teacher who needs to learn deeply about history of the art because she needs to share that for improve her work.
Persona: Christian
Christian is a songwriter and a write who needs to learn more about history of the art for his work.
Starting
the design
Paper wireframes
Digital wireframes
Low-fidelity prototype
Usability studies
Paper wireframes
The wireframes were designed to facilitate the user's flow when finding information easily within the app.
Digital wireframes
The first page wireframe is designed so that the user finds gallery information on the first page before the scrollbar.
Digital wireframes
The second page is a page dedicated exclusively to deepening the history of art.
Low-fidelity prototype
This is an app about history of art for an art gallery the goal here is being a place with deeply information about art and historical period.
Low-fidelity prototype
Reviews
Round 1 findings
1) Users demand labels on menus and pages for easier command detection.
2) Users necessitate a more convenient button.
3) Users require the menu to be effortlessly reachable or incorporated into a primary page.
1) the app flows is confuse
2) Needs to put a menu to buy tickets
3) sinalize better the menu
Round 2 findings
Refining
the design
Mockups
The first usability study showed that users felt that the flow of the app was good, but some aspects should be improved and added. In the second study, we improved colors, shapes and fonts and added more options for the app's flow, making it easier and more intuitive for the user.
Mockups
The usability study showed that most users were frustrated with some menus and options on the app, with that in mind accessibility menus were added, more options in the menus that users had difficulties with, more options for letters, colors and shapes .
High-fidelity
prototype
The high-fidelity prototype shows the clean flow of the app, as well as the full form of search and other options for gallery ticket purchases. not just about art history.
Accessibility considerations
1)
Added fonts that are easy to read, and colors with good accessibility.
2)
Menus were added with an easy flow for the user to carry out his search. The flow inserted here is easy to reach an in-depth search.
3)
The application also included easy-to-understand subtitles for all users. Also included are easy forms to be linked by the user.
Going forward
Takeaways
Next steps
Next steps
1)
Conduct another usability study, to try to find more user pain points and difficulties.
2)
Conduct an extra user analysis to confirm the app covers all necessary features.
3)
Carry out changes observed during research.
![](https://framerusercontent.com/images/sbESnB2AI4vv1O6HUrQXOYqaD0.png)