QuickBitesPay
UX Design Case Study
Overview
QuickBitesPay is a mobile app that allows users to easily access food truck menus, place orders, make payments and leave reviews. By scanning a QR code or link, users can quickly access the menu of their desired food truck, place an order and make payment through the apps various payment options like Apple Pay, Google Pay, PayPal, credit and debit cards. Additio nally, users can leave reviews of their experience with the app.
Role
UX Designer
Duration
1 Month (October 2023 - November 2023)
Problem Statement
Many people are drawn to food trucks for their convenient location and unique menus, but the process of ordering and paying can be slow and cumbersome. Customers often have to wait in long lines or deal with cash-only transactions, which can be frustrating and time-consuming. There is a need for a mobile app that allows food truck customers to easily access menus, place orders, make payments, and leave reviews, all from the convenience of their phone. QuickBitesPay was developed to address this problem and provide a seamless experience for food truck customers.
Approach
My approach to the QuickBitesPay project, undertaken as part of the Google UX Design Certification program, centered around a comprehensive usability study. This study was fundamental in understanding user interactions and experiences with the app prototype. I started by defining clear research objectives, focusing on identifying key usability metrics such as ease of navigation, efficiency of the ordering process, and overall user satisfaction. I then designed and conducted targeted user testing sessions, where participants interacted with the app prototype in a controlled environment. Throughout these sessions, I collected qualitative and quantitative data by observing user behaviors, gathering feedback, and noting any usability challenges encountered. This data was meticulously analyzed to uncover insights into user needs and preferences. The findings from this usability study were instrumental in refining the app’s design, ensuring that it not only met but exceeded user expectations for functionality, efficiency, and overall user experience.
Solution
The QuickBitesPay app was meticulously designed to offer a comprehensive solution to the challenges faced by food truck customers. The app streamlines the entire process of ordering and paying for food, effectively addressing the issues of long queues and cumbersome payment methods. With QuickBitesPay, users can easily browse food truck menus, place orders, and execute payments using their mobile devices, thereby significantly reducing wait times. The app integrates various payment options like Apple Pay, Google Pay, PayPal, and credit/debit cards, catering to the diverse preferences of users. Additionally, the app includes features for users to leave reviews, enhancing the community aspect of the food truck experience. By providing a user-friendly interface and a quick, efficient ordering process, QuickBitesPay transforms the way customers interact with food trucks, delivering a seamless and enjoyable experience that encourages repeated use and customer loyalty.
User Research
As a UX designer working on the QuickBitesPay app, I conducted a usability study to gather data on the usability and user experience of the prototype. The study aimed to understand how easy and efficient it was for users to find and scan a QR code or link to access a food truck menu, navigate and order items, pay for their order and leave a review. A small group participants were recruited and asked to complete a series of tasks using the prototype of the app while providing verbal feedback. The study revealed that the majority of the participants found the app easy and efficient to use, with only a few minor issues being reported. The findings of the study will be used to improve the usability and user experience of the app, making it easy and efficient for users to access food truck menus, place orders, make payments and leave reviews.
Pain Point 1
Customers find it difficult to make payments using the app as it does not suppor t their preferred payment method.
Pain Point 2
Customers waste time reading the menu in front of the queue, instead of being able to pre-order and pay ahead of time.
Pain Point 3
Ability to see whats popular and read reviews before ordering, which would make it difficult for customers to make a decision on what to order.
User
Sarah, a design graduate intern, is frustrated by peoples indecision and lack of cash while waiting in food truck queues, and wishes for a way to quickly make payments using her phone.
Persona
User Journey
Sarahs user journey revealed how useful an app to order an make payments for customers would be by highlighting the need for a mobile payment options and reducing decision making time in food truck queues.
| Action | Task List | Feeling Adjective | Improvement Opportunities |
|---|---|---|---|
| Go to the food truck. | A. Making the way to food truck during lunch. B. Wait in line. | Excited to try out the new foods | Offer an option to pay from the phone. |
| Browse the menu | A. Browse the menu for new food items. B. Check prices info. | Hoping there isn’t a large queue formed already | An app to browse the menu while in the line. |
| Submit the order | A. Talk to vendor about food quantity and dietary info. B. Check the payment option. | Anxious about what's on the menu if the line is long. | An app where the user can read about ingredients and dietary information. |
| Make Payment | A. Confirm the total. B. Make the payment. | Anxious about phone payments not being accepted. | Online payment or Phone payment solution. |
| Pick up the order | A. Pick up the order. B. Gather any extra items (sauces, napkins, cutlery). | Excited to taste the food. |
Design
Paper Wireframes
Digital Wireframes
Low Fidelity Wireframes
Mockups
Learning
Participating in the Google UX Design Certification program, I engaged deeply with the QuickBitesPay case study. This experience significantly enhanced my understanding and skills in various aspects of UX design. I focused on user research, learning how to gather and interpret user data to inform design decisions effectively. My work with wireframing and prototyping helped me translate user needs and research findings into tangible design solutions. These activities were crucial in developing a user-centric approach to design. Additionally, I honed my skills in user testing, where I learned to evaluate product usability and iterate designs based on user feedback. This case study was instrumental in solidifying my UX design foundations, providing me with practical experience in applying UX principles and methodologies in a real-world context.