FAMILY FOOD app
FAMILY FOOD app
An application and website for a distinguished family restaurant that offers a variety of healthy meals to suit the largest number of users 24 hours a day
The problem:
How can you satisfy the largest number of customers?
The goal:
Delivering the restaurant to the largest possible number of people, standing on the most people's needs, and finding solutions to their compulsions
My role:
lead UX designer, UX researcher, etc.
Responsibilities:
user research, wireframing, prototyping, etc.
Understanding the user
●User research ●Personas ●Problem statements ●User journey maps
User research: summary
I researched the user problem and tried to include in my research many citizens of all types, ages, and inclinations. But research also revealed that time wasn't the only factor limiting users from cooking at home. Other user issues included commitments, interests, or challenges that make it difficult to get groceries to cook or go to restaurants in person. After identifying most of the pain points and defining, hypothesizing, understanding, and studying the problem statement, I built a hypothesis to solve the problems.
User research: pain points
●Respect the timing and quality of meals
●Focus on purchasing power
●Some applications do not take into account the disabled
●Most restaurants do not take into account the health aspect, their main goal is the financial aspect
Persona: laya kim
Problem statement:
LAYA, a blind woman who works as a lawyer, and the president of an association, LAYA is an active and loving volunteer. She lives with her husband, and they have a cat, because of her obligations and her disability, it is difficult for LAYA and her husband to commit to cooking daily meals, which makes her ask for food periodically.
Persona: sami karim
Problem statement:
Sami is an active athlete, a full-time employee in a commercial establishment, as a salesperson, and lives alone in a city far from his city, and due to his busy daily schedule, Sami cannot manage his food scheduling as he wants, he is an athletic person and has a special eating pattern
User Journey Detection
Mapping laya´s user journey revealed how helpful it would be for users to have access to a dedicated family food app
Persona: LAYA KIM
Goal: Get a handicapped-friendly app
User Journey Detection
Mapping Sami´s user journey revealed how helpful it would be for users to have access to a dedicated family food app.
Persona: SAMI KARIM
Goal: Get a handicapped-friendly app
Starting the design
●Paper wireframes ●Digital wireframes ●Low-fidelity prototype ●Usability studies
Paper 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 key user need to address in the designs in addition to equipping the app to work with assistive technologies.
A low-fidelity prototype connects the user's basic flow of premises, food ordering, navigation, and backtracking and highlights the most important features of the application, so the prototype can be used to study usability with users.
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 finding
1 User want to order food quickly 2 Users want more customization options
3 Users want a delivery option
Round 2 findings
1 The checkout process has too many unnecessary steps
2 The Create Your function is a bit complicated
3 There is no place to make a call to book or follow up on the request
Refining the design
●Mockups ●High-fidelity prototype ●Accessibility
Mockups
Early designs allowed for some customization, but after usability studies, I added additional options for selecting the type of food. I also revised the design so that users would see all the customization options when they first land on the screen.
Mockups
The second usability study revealed frustration with the checkout flow. to streamline this flow, I consolidated the “Current order” and “Checkout screens” into one “Order summary” screen.
I also added the pickup or delivery option to this screen.
High-fidelity prototype
The final HD prototype provided cleaner user flows for ordering, booking food, and checking out. It also caters to the user's needs for pick-up or delivery options as well as more customization.
Accessibility considerations
1 Accessibility has been provided to users with poor eyesight by adding alt text to images for screen readers and adding audio technology for listening.
2 Icons are used to help facilitate navigation. Easy and universally known codes.
3 Detailed images of food and toppings have been used to help all users better understand the designs.
Thank you for your time reviewing my work on the FAMILY FOOD app! If you’d like to see more or get in touch, my contact information is provided below.