Tool Used:
Figma design tool
The product:
Foodie’s restaurant is a regional restaurant located in the suburbs of a metropolitan area. Foodie’s restaurant strives to deliver healthy well made food and it offers a wide spectrum of competitive pricing. Foodie’s restaurant target customers like workers and commuters who lack the time to prepare their meal.
Project duration:
January 2022 to March 2022
The problem:
The busy working class and commuters have a tight schedule and lack the time necessary to prepare their own meal.
The goal:
Design an app for Foodie’s restaurant that allows users to place a food order and get their delivery at a preferred location.
My role:
UX designer designing an app for Foodie’s restaurants 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.
Understanding the user
User research: Summary
I conducted interviews and created empathy maps to understand the user I am designing for and their needs. A user group Identified in this research include the health practitioners and other working class adults who don't have time to prepare their own meals.
The research revealed that time was the major limiting factor that prevented the user from preparing their meals due to their busy daily schedules and activities.
User research: Pain points
Time:
Most doctors and some of the working class adults have a busy schedule and thus, no time for meal preparations.
Accessibility:
Platforms for ordering food are not equipped with assistive technology.
Persona: Dr Daniel
Problem statement:
Dr. Daniel is a Medical doctor who need easy access to healthy food ordering options because he has no time to prepare his meals himself.
User Story:
User story is a fictional one-sentence story told from the persona's point of view to inspire and inform design.
User journey map:
Mapping Dr. Daniel’s User journey revealed how helpful it would be for users to have access to a mobile food ordering app.
Competitive Audits
An audit of a few competitor’s products provided direction on gaps and opportunities to address with the Foodie's restaurants app.
Crazy Eights:
I did a quick ideation exercise to come up with ideas for how to address gaps identified in the competitive audit. My focus was specifically on Easy and familiar way to navigate, Easy to understand elements like Call to action button with color emphasis.
Goal statement:
This describes the benefits of the product to the users. It is the Ideal solution for the design challenge.
Story board:
Story board helped me to visualize potential solutions to the user problems.
Paper wireframes:
Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to the digital wireframes would be well-suited to address user pain points.
For the home screen, I prioritized a quick and easy ordering process to help users save time.
Asterisk were used to mark the elements of each sketch that would be used in the initial digital wireframes.
Digital wireframes:
As the initial design phase continued, I made sure to base screen designs on feedback and findings from user research.
Easy navigation was a was ensured in the designs in addition to equipping the app to work with assistive technologies.
Low-fidelity prototype:
The low-fidelity prototype connected the primary user flow of ordering for food, so the prototype could be used in a usability study with users.
The low-fidelity prototype could be experienced via the link below;
Usability study:
The usability study helped to assess how easy it was for participants to complete core tasks in the design. Two rounds of usability studies were conducted
Parameters for the usability studies include;
Affinity diagramming
Research results from the usability studies were synthesize using affinity diagrams. This involve organizing data with common themes into groups .
Insights from 1st Usability studies:
Users want to order food more quickly
More user information like credit card details to be requested on profile page and not during food ordering process to reduce time spent by users.
Insights from 2nd Usability studies:
Users want more language options.
Users want options to add more than two credit cards on their profile page.
Refining the design
Iterating the designs:
Early designs allowed users to always input their credit card details every time they want to place an order, but after the usability studies I iterated on the design to allow users save their credit card details on their profile page and to just select card during checkout process.
Iterating the designs:
During the 2nd usability studies, Users were frustrated with the first designs which allows entries of only two credit card details. To solve this user problem, I added a button to add a new card as many as the user wants.
To further improve accessibility in the design, users have the option of choosing their language on their profile page.
High-fidelity prototype:
The final high-fidelity prototype presented cleaner user flows for placing an order for food. It also met user needs for entering delivery location.
The high-fidelity prototype could be experienced via the link below;
Accessibility considerations
Takeaways
Impact:
The app makes users feel like Foodie’s restaurant really thinks about how to satisfy their appetite.
One quote from peer feedback:
“The app made it so easy and fun to place an order for food.
I would definitely use the app as a go-to for a delicious, fast, and healthy meal.
What I learned:
UX design is about solving the users problem by providing a solution which makes the user experience better. Usability studies and peer feedback are great tool which help influence each iteration of the app’s design so as to give the user a great experience.
Next steps
Let’s connect!