"Ez Eatz" Case Study
My goal for this project was to design a user-friendly menu and payment app that would make it easy for visitors to quickly browse the menu, customize their orders, and complete the checkout process. By leveraging my first-hand experience, I aimed to create an app that would streamline the ordering process, reducing wait times and improving the overall visitor experience.
The problem
Users need a quick and easy way to order a meal exactly as they want it.
The goal
To assess whether our prototype allows for the user to complete the basic functions of the app (browsing menu, customizing order, entering payment details).
My role
UI Designer
UX Researcher
Responsibilities
Creating user personas
Conducting user research
Wireframing
Prototyping (Low-fi and Hi-fi)
Mockups
Paper Wireframes
While sketching these wireframes the goal was to create a menu page design that users would find simple to navigate and visually pleasing.
Digital Wireframes and Lo-fi Prototype
The interactive prototype can be viewed here and the entire figma file can be viewed here.
Category name. Users can view items in a category with the arrow buttons, allowing for quick browsing.
Menu item with brief description and price. Users will not need to click on the item to see the price.
Menu item with user’s item customization to ensure order correctness.
Interactive progress bar to help users determine how far along their order is and when it is completed.
Usability Study Findings
Round 1
1
2
3
Users need more visual stimuli, like sample content.
Users liked seeing the order details in the cart.
Users expected to see a payment confirmation page.
Round 2
1
2
3
The cart page should be updated each time a new item is added.
Users would find quantity options and add/remove item button useful.
Users would like a “guest login” option.
Mockups
Before any usability study I knew I wanted a main menu page that was effective, organized, and features specific items. Participants noted that a category selection at the top of the menu could be useful, so I was sure to add in this aspect.
Menu Before Usability Study 1
Item Details Before Usability Study 1
Menu After Usability Study 1
Item Details After Usability Study 1
After the second usability study I improved on the existing design by incorporating a quantity selection and remove button, as well as a “back to menu” button for ease of access.
Cart Before Usability Study 2
Cart After Usability Study 2
Final Sample User Flow for Ez Eatz
Hi-fi Prototype
The interactive hi-fi prototype can be viewed here and the entire figma file can be viewed here.
Accessibility Considerations
1
There is an option to change the language settings within the profile page.
2
Photos and accurate descriptions for menu items help users understand exactly what they are ordering.
3
Icons such as the back arrow, hamburger menu and profile icon are recognized worldwide. This allows for almost any user to easily navigate the app.
Takeaways
Impact
This app enables users to effortlessly order food tailored to their specific requirements. Whether it's dietary restrictions, personal preferences, or any other individual needs, the app simplifies the process of finding and ordering meals that meet those criteria. With its user-friendly interface and customizable features, users can quickly and easily access a wide variety of food options, ensuring a seamless and satisfying experience.
"I like that there’s a clickable categories option at the top of the menu page, that scrolls to the section I want, it makes it easy to navigate."
-Participant 4
What I've Learned
Through this process, I've gained an appreciation for the importance of usability studies in design. By observing user behavior, we can identify potential problems and make necessary adjustments to create an optimal user experience. Additionally, I've come to realize the complexity involved in designing a successful product. The sheer number of interactions, components, and screens that need to be carefully crafted and integrated can be daunting, but it's crucial to ensure the product functions smoothly and meets user needs. Overall, this experience has been exciting and eye-opening, and I'm grateful for the valuable lessons I've learned.
Next Steps
1
One major next step is to to make it so that the user can add any item in whichever order they choose and the cart will correspond with the sequence.
2
I would like to further improve on the usability of the app (e.g. a repeating carousel for the featured items and a functional arrow to scroll in the “sides” section).
3
Another area to improve is user inputs, like allowing them to add a comment or successfully choose their toppings.
Let's Connect!
Thank you so much for taking the time to view this case study! This was an incredibly rewarding experience. I am so excited to continue my UX/UI journey and come up with great ideas and designs to create for users.
If you are interested in connecting, get in touch with me via the contact form below, by email, or on LinkedIn.
User Research Summary
I conducted a remote usability study asking five participants to follow a prompt and later fill out a usability survey. During the first study with the low-fi prototype it became clear our users need a more visual prototype, with sample content before testing. The second usability study showed us more in depth problems regarding interactions and ease of use.
User Research Pain Points
1
Visual Stimuli
Users need an initial prototype with some sample content, not so much a wireframe-like prototype.
3
Guest Login
Two users mentioned that they prefer not to make unnecessary accounts, a guest login option allows for user to bypass making an account.
2
Order Confirmation
Several users expressed that they expected to see an order confirmation page after clicking “confirm order”, instead it just went to the order progress page.
4
Updating the Cart
Users should be able to add any item(s) to the cart and the cart page should reflect the order in which the items were added.
Persona: James
James is a father of three who needs to be able to easily customize orders because his children have specific needs.
.png)
User Journey Map
Since Ez Eatz is based in amusement parks, the user journey starts there, and progresses to ordering food for the family.
