BeerGarden App
PROJECT OVERVIEW
The product:
I followed a rigorous design process that involved conducting user interviews and using paper and digital wireframing to develop initial design concepts. I then created low-fidelity and high-fidelity prototypes to test with users and gathered feedback through usability studies. Throughout this process, I prioritized accessibility and ensured that my designs were inclusive for all users. By accounting for accessibility from the beginning, I was able to create designs that were both visually appealing and easy to use for a wider range of people.
Project duration:
January-April 2022
My role:
UX designer / UX researcher
I designed an app for BeerGarden, from conception to local ordering within the app.
The problem:
BeerGarden's visitors often wait in line for too long. Offering a mobile app for ordering food and beer can improve their experience, save them time, and enhance their enjoyment.
The goal:
We are creating a mobile app for ordering from the Beer Garden menu. Our goal is to create a user-friendly product that will improve sales and increase customer satisfaction.
Responsibilities:
We conduct interviews and use paper and digital wireframing, low and high-fidelity prototyping, and usability studies to iterate on designs. Additionally, we account for accessibility throughout the design process.
USER RESEARCH
Summary: I conducted several interviews with BeerGarden customers and created empathy maps to understand their needs. One of the primary user groups was composed of customers who order out at least once a week and are aged between 21 and 60. The main objective was to evaluate if users could complete core tasks on the BeerGarden app prototype. Additionally, I assessed the ease of use of the mobile app, which was crucial to determine.
Problem Statement
Stephania is a very busy student who needs quick orders because she wants to enjoy weekends with her boyfriend and avoid long waiting lines.
Problem Statement
Kyle prefers a straightforward approach to ordering food and drinks, without too many details cluttering the screen.
User Journey Map
Mapping Stephania’s user journey revealed how helpful it would be for users to have access to a BeerGarden menu app.
STARTING THE DESIGN
Usability study: findings
There are two rounds of usability studies. The first study helped me move from wireframes to mockups. The second study used a high-fidelity prototype and helped me improve the mockups.
Users want to order beer/food quickly - Check out must be faster
Users want customization options - More info button must be added
Users want a tracking option - Improve “+ “ (add) button
REFINING THE DESIGN
Mockups
HI-FI Prototype
The high-fidelity prototype maintained the same user flow as the low-fidelity prototype, incorporating the design changes made after conducting the usability study.
Accessibility Considerations
1. Voice search option allows people to find information just by using their voice
2. Used icons to help make navigation easier
3. Used detailed imagery help all users better understand the designs.er
GOING FORWARD
Takeaways
Impact
The BeerGarden app has made users happy by providing a fast and efficient ordering process that allows them to avoid waiting in long lines. The app's success in the market has contributed to increased sales and customer satisfaction, making it a highly competitive option.
What I learned
While designing the BeerGarden app, I learned a lot of new techniques used in research, during mobile app development, and testing. Lots of useful things.
FOLLOW ME
