Mobile ordering app for a local restaurant
Project overview
​
The product:
The restaurant app is made for local customers and working people who lack the time or ability to prepare a dinner for a family.
​
Project duration:
February 2022 to April 2022
​
My role:
UX designer designing an app for a restaurant
from conception to delivery.
​
Responsibilities:
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.
User research
​
I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. A primary user group identified through research was working adults who don’t have time to cook meals. Research also revealed that time was not the only factor limiting users from cooking at home. Other user problems included obligations, interests, or challenges that make it difficult to get groceries for cooking or go to restaurants in-person
1
Time
Working adults are
too busy to spend
time on meal prep or
picking up meals after
work
2
Health
Users like to consume
healthy meals made
from fresh ingredients
3
Fast ordering
Most of the similar
competitors do not have
online ordering
User persona and journey map
​
Mapping Ana user journey revealed how helpful it would be for
users to have access to a dedicated restaurant food delivery app.
Starting the design
Paper wireframes
​
Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points.
Low-fidelity prototype
​
Using the completed set of digital wireframes, I created a low-fidelity prototype. The prototype could be used in a usability study.
Digital wireframes
​
As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.
Usability study: findings
​
I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.
Round 1 findings
​
-
Users want to order quickly
-
Users want to browse meals by group
Round 2 findings
​
-
Navigation is not so easy
-
There is no address data saving
Refining the design
Mockups
​
Early designs did not have a search by meal groups,
but after the usability studies, I added categories
So the users can easily find meals they like
High-fidelity prototype
​
The final high-fidelity prototype presented cleaner user flows and easy checkout.
Accessibility considerations
-
Used detailed imagery to help all users better understand the designs.
-
Used icons to help make navigation easier.
Going forward
Takeaways
Impact:
​
The app makes users feel that restaurant really thinks about how to meet their needs.
What I learned:
​
I learned that the first ideas for the app are only the beginning of the process. Usability studies and peer feedback influenced each iteration of the app’s designs.
Next steps
-
Conduct more user research to determine any new areas of need.
-
Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed.