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.