GalleryGo

App Design
CLient
Google Certificate Course
Project type
App Design
project timeline
December 2021
My role
Lead Designer, from conception to creation

GalleryGo

A product meant to assist gallery-goers have an easier and more accessible experience by providing them with all the necessary gallery and exhibition information, similar to how large museums would.

My Goal

To change the inaccessibilities that smaller galleries may have. In addition to providing users with a better experience at individual galleries, the app will also provide a search function, and pre-booking function where users will be able to check out different galleries all from one place.
Ideation Phase
Problem / Pain Point / Early Research / Early Design Decisions
Problem & Pain Points

I begin my process with an understanding of a problem and the potential users that that problem impact. For one such as Harry, smaller galleries may not provide the accessibility he needs. As an avid gallery-goer, he would love to have the same accessibility and convenience measures as larger museums do. These measures include an aggregate database of exhibitions, clear and easy multiple ways to find artist information, and voice-over options while attending the space.

No items found.
Early Design Decisions
I decided on the name of GalleryGo because of PokemonGo's popular success from 2016. The name helps imply the app will help the users go out and about. App will have landing pages to help user accustom to the product. It will also have a prominent map function in order to encourage going out (to galleries). Below you will also see some early Hi-fi Designs of the app but they were scrapped after a deeper research into more modern UX trends (less outlines, less sharp corners, more depth of color palette, etc).
No items found.
This is some text inside of a div block.
Wireframes & Prototypes
Paper Wireframes / Low-Fidelity Wireframes / Low-fidelity prototypes
Wireframes & Low-fidelity Prototype
I tested out a variety of homepage design and IA in order to get a hang of quick wireframing. I then created digital wireframes in Figma, as well as a low-fidelity prototype. My goal was to simply get a general hang of good and bad designs.
No items found.
Paper Wireframes
To brainstorm, I played Crazy-8s and created numerous paper wireframes that encompass any possible solutions for each platform that I could come up.
Digital Low-fidelity wireframes & Prototype
After creating paper wireframes, I came to Figma to create some low-fidelity wireframes, and prototyped it.
Usability STudies
Usability Study round 1 / Usability Study round 2 / Insights implementations / Results
Usability Studies

I conducted two rounds of remote and unmoderated usability studies for this project. The first round was conducted with the low-fidelity prototype as soon as it was finished. The second was conducted with the high-fidelity prototype. Both studies' main goals were to test the general design along with the functionality, smoothness, and intuitiveness of the main user flow. All of the insights below are listed in priority order of most to least importance.

Round 1 Insights & Changes Made:

• Customized events pages with colorful images in high-fidelity mockup.

• Added "back" button to overlay, and reconfigured "back" buttons on gallery information pages.

• Added additional Welcome pages to accustom users to the app.

"I have to do all this again? I just thought maybe I wanted to check out more infos before I booked."
— User Testing Participant
Round 2 Insights & Changes Made:

• Added the word "Search Galleries" right above the search bar to help point new users to what this function is, and avoid confusion.

• Made Texts on "Events" section more legible by darkening the back gradient on the image a little more

• Made "Gallery Info" button easier to find on the gallery overlay by switching its position with "Book Ticket"

• Linked "Book Ticket" & "Directions" to the Gallery's "about" page makes it more intuitive

• Renamed the tab title "Artists" on the Gallery's Info pages to "Gallery Artists" to make it clear that it is the Gallery's current specific artist, not simply some local artists.

• Added boxes around the floating "back" and "read" buttons so they don't overlap with other text behind them.

Usability Study Results
No items found.
"I think making a distinction between 'Gallery Shows' and 'Gallery Artists' is very smart. It shows that individuals artists are central to the entire app, considering the purpose is to showcase smaller venues that showcase local/up-and-coming artists."
— User Testing Participant
Final remarks
Accessibility Considerations / What I've learned / Next Steps / Final Results
Accessibility Considerations

Some accessibility considerations that have come up and been implemented in the development for this app and its following usability studies:

• Medium contrast and darker background to help ease strain of the eye

• Font made easier to read, and increase contrast between texts and their background to help legibility

• Most buttons have texts connected to them in order to assist screenreading

• Integrate directly into the app the option to screenread gallery information pages

What I've learned

For this project being my first UX design project, I had made a lot of mistakes and accumulated vast experiences in understanding current design trends, accessibility, information architecture, and applying design principles such as emphasis and rhythm. My first iteration of the MVP (Minimum Viable Product) was scrapped entirely after talking with a mentor and getting his suggestions on what to do moving forward. I decided to spend more time researching design trends, and more deeply into design principles.

NExt steps

This app is still in its beginning stages of development. Moving forward, I hope to:

• Create more pages to fully flesh out the app's layout

• Further accessibility considerations by working on developing language options, providing space/fonts that work in different alphabets, etc.

• Conduct an accessibility audit by partnering with expert consultants to ensure we are a fully equitable platform.

Measurement of Success & KPIs:

  • Location check-ins at galleries = shows how many users are able to use the app to find a gallery near them and actually go to it.
  • How many people use the "Read" function of the app in order to access audio accessibility functions = shows how many users were able to bridge the gap of accessibility through the app
Final Results

Let's chat!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.