Project: The Andy Museum, Mobile App Prototype
Role: Team Lead, Visuals, Interactive
Duration: June 2024 – August 2024
I designed a mobile app prototype for The Andy Museum (The Andy), a fictional public art museum in the San Francisco Bay Area. The app aims to help the museum advertise exhibitions and events, share information with visitors, and facilitate easy scheduling for patrons. It targets individuals of all ages and backgrounds who have an interest in art and community.
The Andy’s mobile app prototype provides a seamless and enjoyable way for users to explore art exhibits and events. You can easily register for events and add them to your personal calendar. The vibrant and welcoming design invites everyone to experience the museum’s offerings.
1. Create a clear user flow for registering for an exhibit or event.
2. Design a UI that is visually inviting and easy to navigate for both familiar and unfamiliar users.
In this project, I found it most effective to utilize findings from the personas I created, the competitive audit I conducted, and both moderated and unmoderated usability studies.
Here are some key questions that I made sure to address:
What is the simplest way to visually design an easy user flow?
How do I make sure the app is accessible to all users?
Jasper
Age: 35
Education: BFA in Digital Art
Hometown: Walnut Creek, CA
Family: Married
Occupation: Creative Director
Jasper is a creative director for an AI startup. He loves all things art and design–for inspiration, he likes to visit local museums with his wife and two kids. Jasper would like to find out more information for a new museum and be able to easily schedule events in his busy calendar.
Sophia
Age: 23
Education: BA in Marketing
Hometown: Portland, OR
Family: Single
Occupation: Writer
Sophia is a writer with a deep appreciation for literature, art, and design. For inspiration, she enjoys visiting galleries and museums. Recently relocated to Oakland, CA, Sophia is eager to learn more about a newly opened museum and seeks an efficient way to register for local exhibitions and community events.
I analyzed several popular and historic museums on the East Coast, focusing on their event registration user flows and general UI. My goal was to identify the best value propositions each offered and incorporate these insights into my own development. I took detailed notes on each museum's app and responsive website, examining their UX, interactions, visual design, and content.
The majority of my findings revealed several similarities among the museums, but here are some key highlights:
The sites are densely packed with information
Navigation bars are designed well
Home pages are appealing and inviting
Three out four sites are only accessible in English
Paper Storyboards and Wireframes:
Low-fidelity Wireframes and Mockups:
Digital Wireframes
Low-fidelity Mockups
Low-fidelity User Flow
Iteration & Usability Studies
The user research I conducted included unmoderated usability studies with colleagues and friends. Their feedback had several common themes, such as the need to clearly indicate which buttons to press to advance to the next screen, the option to register for an event without creating an account, and the removal of a misleading alert bar from the low-fidelity prototype that lacked functionality.
The usability studies I conducted were crucial to get to this final step. It helped me understand what the users needed, how they behaved, and what frustrations they encountered. By listening to and observing users, I made thoughtful changes that made the product easier and more enjoyable to use. This user-centered approach ensured that the final design truly resonates with the audience, making their experience smoother and more satisfying.
High-fidelity Prototype User Flow
This was an incredible opportunity that officially introduced me to the UX design field. In my design career, I've often had to learn on the go and sometimes skip key steps in the design process. Taking the time to properly conduct user research, perform competitive audits, create wireframes, prototype, and iterate based on real feedback was genuinely awesome. Learning the ins and outs of Figma and its new features has been amazing. Going through Google's UX Design Professional Certificate offered by Coursera has rekindled my energy and inspiration as a designer. I'm excited to complete the certification and move on to my next project – creating a website UI for this app prototype.