Chiao's Pizza App Design
A pizza ordering app that allows users to customize their pizza orders according to their preferences.
Junior UX Designer • Figma
Overview
Background
Chiao's Pizza is a local pizza establishment situated in the outskirts of a metropolitan region, specializing in nutritious and specialty pizzas along with various side dishes. They aim to provide a diverse range of competitively priced options. Chiao's Pizza primarily caters to busy customers, such as commuters and working individuals, who may lack the time or resources to cook a family meal.
Problem
Due to their busy schedules, workers and commuters have limited time available for meal preparation.
Goal
Create a user-friendly app for Chiao's Pizza that enables customers to conveniently order and collect fresh, nutritious meals.
Research
By conducting interviews and developing empathy maps, I gained insights into the needs of the target users, particularly working adults who struggle to find time for cooking. However, further research uncovered additional factors beyond time constraints that hindered users from cooking at home, such as various obligations, interests, or challenges that made it inconvenient to shop for groceries or dine out in person.
Findings
01
Time
Busy working adults have limited time available for meal preparation.
02
Accessibility
Existing food ordering platforms lack support for assistive technologies.
03
IA
Food ordering platforms currently do not offer features or functionalities that cater to assistive technologies.
User Persona
Jung, a busy working adult, requires convenient access to healthy food ordering options due to their lack of time for cooking dinner.
Starting The Designing
Paper Wireframes
By dedicating time to sketching multiple iterations of each app screen on paper, I ensured that the final digital wireframes addressed user pain points effectively. The home screen design placed a high priority on streamlining the ordering process for users, enabling them to save valuable time.
Digital Wireframes
Throughout the initial design phase, I incorporated user feedback and research findings into the screen designs.
The prominent button placed at the top of the home screen ensures a quick and convenient ordering experience for users.
The inclusion of this button offers users a simple and straightforward way to customize their own pizza.
Ensuring easy navigation and compatibility with assistive technologies were crucial considerations in the app's design to address user needs effectively.
Providing seamless and screen reader-friendly navigation for easy accessibility was a primary focus in the app's design.
Low-fidelity prototype
I utilized the finalized digital wireframes to develop a low-fidelity prototype, focusing on the primary user flow of pizza building and ordering. This prototype served as the basis for conducting a usability study.
Usability study
I conducted two rounds of usability studies to gather feedback on the designs. The findings from the first study informed the transition from wireframes to mockups. The second study, using a high-fidelity prototype, provided insights into areas of improvement for the mockups.
Round 1 Findings
01
Users want to order pizza quickly
02
Users want more customization options
03
Users want a delivery option
Round 2 Findings
01
The checkout process has too many unnecessary steps
02
Build your own” functionality is confusing
Refining The Designing
Mockups
Based on the usability studies, I enhanced the initial designs by incorporating additional customization options for selecting pizza crust and sauce. Furthermore, I revised the design layout to ensure that users are presented with all customization options right from the beginning when they land on the screen.
Before usability study
After usability study
Based on the findings of the second usability study, I addressed frustrations with the checkout flow by consolidating the separate "Current order" and "Checkout screens" into a single "Order summary" screen. Additionally, I incorporated the pickup or delivery option directly into this screen for added convenience.
Before usability study
After usability study
High-fidelity prototype
The final high-fidelity prototype featured improved user flows for pizza building and checkout, resulting in a cleaner and more intuitive experience. It effectively addressed user needs by offering options for pickup or delivery and enhancing customization capabilities.
Accessibility considerations
01
In order to ensure accessibility for users with vision impairments, I included alt text for images to enable screen readers to provide descriptive information.
02
To enhance navigation, I incorporated icons that serve as visual aids, making it easier for users to navigate through the app.
03
To enhance user understanding, I utilized detailed imagery of pizzas and toppings, ensuring that the designs are visually clear and informative for all users.
Conclusion
Impact
Users feel that Chiao's Pizza prioritizes their needs through the app's user-friendly features and thoughtful design.
One peer feedback quote exemplifies this sentiment: "The app provides a seamless and enjoyable experience for customizing pizzas. I would definitely rely on this app for a quick, delicious, and even nutritious meal."
What I learned
Throughout the design process of the Chiao's Pizza app, I discovered that initial ideas were just the starting point. Iterations of the designs were influenced by usability studies and peer feedback, leading to continuous improvement and refinement of the app.
Next Steps
01
Perform additional rounds of usability studies to validate if the pain points identified by users have been successfully addressed in the latest design iterations of the app.
02
Conduct further user research to identify any emerging areas of need that may have arisen since the previous research, in order to gather updated insights and inform future design decisions.
