Takeout restaurant app
Project overview
The product:
This product is for online ordering for a takeout restaurant so that people can save time and engage in other programs
Project duration:
September 2021 to April 2022
The problem:
Sam is a busy photographer who needs to order customized food very easily and efficiently,because He has his own likes and dislikes and importantly he has dietary allergies.
Responsibilities:
Conduct User research,Create paper and digital wireframes,create paper and digital lo-fi prototypes,conduct usability study,create high fidelity prototype,accounting for accessibility and iteration on designs.
The goal:
Our Ordering app for takeout restaurants will let the users customize food easily and efficiently.which will affect who has specific dietary allergies and people has their own choices about their food.By Providing customization options on each food and giving clear description about ingredients.We will measure the effectiveness by tracking the number of customized orders.
My role:
UX designer Designing menu and app for a takeout restaurant.
Understanding the user
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.
This user group confirmed initial assumptions of takeout restaurant app 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 restaurant in person.
User Pain points:
1.Time
Working adults are too busy to spend time on meal prep. And restaurants make mistake sometimes while taking orders through phone it wastes time.
2.Customization
Customization options are very less so it is difficult to take off any allergens you don't want in the food.
3.Quality
It concerns the quality of the food because they don't clearly mention the nutritional values like calories.
4.Accessibility
Lack of assistive technology features.
Persona & problem statement
Problem statement:
Sam is a busy photographer who needs to order customized food very easily and efficiently,because He has his own likes and dislikes and importantly he has dietary allergies.
User Journey map
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.I prioritized an easy customization and ordering process to help users save time.
Digital wireframes
As the initial design phase continued I made sure to base screen designs on feedback and findings from the user research.Home screen I provide easy access to takeout deals, hours&holidays and special deals of the day.
One of the pain point was users liked to know the nutritional details of the food so I add an individual screen for description of the food.
Usability study: findings
I conducted two rounds of usability studies Findings from the first study helped me to guide the designs from wireframes to mockups.The second study used a high fidelity prototype and revealed what aspects of the mockup needed refining.
Round 1 findings Round 2 findings
1.Users need an option to pay tips on the payment screen. 1. Users need an intuitive calendar
2.Users need a clear and intuitive cart screen 2. Users need a simple cart screen pop up
3.Users need a better interactive way for adding the item to cart.
Refining the design
Mockups
Early designs allowed for some food selection option but after usability studies I added additional features to select food.
The second usability study revealed difficulty to select food
Accessibility considerations
1.Screen readers 2.Icons 3.Images
Provided access to users who are vision Used icons to help users make their Used detailed imagery for
impaired through adding alt text to images navigation easier. food to help all users for
screen readers. better understand.
Refined design
High fidelity prototype
Going forward
Takeaways
Impact What I learned
Our app makes customized food order While designing the Takeout restaurant app,
easy and efficient for users. 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 design.
Next steps
1.Testing 2.User research
Conduct another round of usability studies to Conduct more user research to
validate whether the pain points users experienced determine any new areas of need.
have been effectively addressed.