Overview
Proposing a solution to the “how can we improve the online food ordering and delivery experience?” question can seem daunting. Despite having access to technology, the shopping experience has not advanced in tandem with the times. Quite a bit of people still face inconveniences when finding food, deciding on what to buy, pricing and food delivery wait times.
The Problem:
Users want a way to order food from restaurants close by with trust that what gets ordered mirrors what gets delivered.
The Goal:
To design an application that’ll help improve the online food ordering and delivery experience.
My Role:
- UI/ UX Designer
My Responsibilities:
- Paper and digital wireframes, low and high fidelity prototyping, conducting usability studies, accounting for accessibility and iterating on designs.
User Research
We conducted semi-structured interviews with 10 regular shoppers to understand the problem space and their overall experience of ordering food online. This helped us to explore different problems & go deep down into a few major issues that they currently face.
Pain Points
Certainty:
- Little to no assurance that what was ordered is what’s going to get delivered.
Choice:
- Too many options to pick from and that begins to get redundant.
Time:
- Users want to be able to get their food delivered to them on time.
Digital Wireframes
As the initial design phase continued I made it a point to base the screen designs on findings and feedback from user research. Easy navigation options came in handy while creating these wireframes, seeing that users want to place and receive their orders in a timely manner.
High-Fidelity Mockups
I provided a way for users to further customize orders even after adding it to cart. This was a major feature that addressed the user pain point around certainty.
Final Mockups
High-Fidelity Prototype
The final hi-fi prototype presented cleaner user flows for placing and confirming orders that met user needs.
Accessibility Considerations:
- Used detailed imagery and chart flows to help users better navigate the application.
- Aided the visually impaired by by employing clear contrast and white space to the design.
- Included the use of globally recognizable icons to assist with user application adoption.
What I Learned
Implication speculation can be a real thing while going through the design process. It is always a good idea to check your biases and ensure you're approaching problems from a user-centered perspective.
Next Steps
Run the app through design critiques
Stakeholder reviews
Field Testing