Fresh App
Design an ordering for a Restaurant in your hometown
The product: Fresh restaurant is a regional restaurant located in a metropolitan area. Fresh restaurant strives to deliver healthy, specialty dishes. They offer a wide spectrum of competitive pricing. Fresh restaurant targets customers like Athletes and employees who lack the time or ability to prepare a their daily meal.
Project duration: November 2022 to February 2023
I'm documenting the journey of my third UX project as part of the Google UX Certificate program on Coursera to provide a detailed exploration of my thought processes. Surprisingly, these articles have proven to be highly beneficial for fellow learners who are navigating a similar path and may find the workload daunting.
Problem
Busy employees and athletes and anyone who cares about healthy meal but lack the time necessary to prepare a meal.
Role
UX designer designing an app for Fresh 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.
Goal
Design an app for Fresh restaurant that allows users to easily order and pick up fresh, healthy dishes.
Process
Understanding
the user
Starting
the design
Refining
the design
Going forward
User research
Persona
Problem statements
User journey maps
Paper wireframes
Digital wireframes
Low-fidelity prototype
Usability studies
Mockups
High-fidelity prototype
Accessibility
Takeaways
Next steps
User Research
Summary
​
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.
This user group confirmed initial assumptions about Fresh’s restaurant customers, but 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.
pain points
Accessibility
Platforms for ordering food are not multilingual and hard to find locate the language switch indicator.
IA
App menus without a clear representation of the meal or ingredient are frequently challenging for new immigrants to grasp and order from it.
Time
Busy professional adults are too busy to spend time on meal prep. They need to make sure of healthiness of prepared food and prefer to can customize their own meal.
Easy to use
Food ordering apps are not easy to use and navigate. People with limited digital literacy struggle to order with an app.
Persona
Problem statement
Marry is a new immigrant and runner who needs Easy access to healthy food without getting dazzled of not knowing germans language
because Checking the meaning of name's food and their ingredients is too frustrating for her.
User journey map
Mapping Mary’’s user journey revealed how helpful it would be for users to have access to a multilingual Food-Ordering 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. For the home screen, I prioritized multilingual and visual ordering process to help users ordering food.
Stars were used to mark the elements of each sketch that would be used in the initial digital wireframes.
Easy navigation was a key user need to address in the designs in addition to equipping the app to work with assistive technologies.
This feature provides an easy option for users to make their own healthy meal..
Easy access to navigation and choose different categories.
This feature at the top of the first screen makes it fast and easy for users to choose language.
As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.
Digital wireframes
Usability study: parameters
After designing digital wireframes, I conducted two rounds of usability studies. For the first round of testing, I built a low-fidelity prototype and had users test it to ensure that they could easily find and apply for opportunities while understanding the functions of the app. The feedback gathered from the first study was then used to guide the designs from wireframes to mockups before conducting the second round of testing.
​
Study type:
Unmoderated usability study
Location:
Germany, remote
Participants:
5 participants
Length:
20-30 minutes
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 access to the categories of healthy foods.
​
Users want to access to the categories of healthy foods.
​
Users want to access to the categories of healthy foods.
​
Round 2 findings
Lack of delete icon for selecting food to easy delete.
Providing additional options to customizing meal.
Mockups
Refining the design
Before usability study
After usability study
Early designs allowed for some customization, but after the usability studies, I added additional options to choose Base, Topping and Dressing. I also revised the design so users see all the customization options when they first land on the screen.
Before usability study
After usability study
Mockups
Additionally, the feature of selecting based on certain type of diet is eliminated to avoid jargon and confusion. I put the language switch indicator only in laning screen and setting option. Also I add the delete icon for selecting food to easy delete.
Mockups
Accessibility considerations
Provided access to users who are new immigrant through adding language switch indicator to choose their own language in landing screen and setting option, and also illustrate imagery icons and foods.
1
Used icons to help make
navigation easier
2
Used detailed imagery for foods and toppings to help all users better understand the designs.
3
Going forward
Takeaways
Impact
Testing a product with real users helps give a new perspective on things: Through my usability studies, I was reminded that each individual is unique. So the best way to learn about the usability of a product is by testing it with different people.
What I learned
While designing the Fresh ordering app, 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 another round of usability studies to validate whether the pain points users experienced have been effectively addressed.
​Conduct more user research to determine any new areas of need.
conduct another round of usability studies with a wider range of participants, to determine whether the current solution effectively addresses the users’ pain points.