HappyMeal Application Design
Project Background
The product:
HappyMeal is an online ordering food app which is located in a metropolitan area. The main mission of the HappyMeal is provide a variety of healthy food which are customizable. It offers lots of different cuisine with affordable prices to customers who care about the quality , competitive price and fast delivery .
Project duration:
November 2022 To January 2023
Project overview
The problem:
Need of ordering food from a variety of healthy foods based on diet, in a fast and easy way with affordable price.
The goal:
Design the HappyMeal app which provides a variety of healthy foods with competitive prices that can be customized and has some different delivery and payment options.
My role:
UX designer designing an app for HappyMeal 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.
User research: summary
I performed 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 need a specific meal based on their preference which offers some affordable options to save time, energy and money .
Based on the research, it has been observed that there are some crucial reasons behind ordering food online. People want to save time and energy, they want to try different types of food and also they think that ordering online food is more economical in some cases. Some people also believe that making some healthy food base on a diet like vegan foods is hard and ordering take out food could help them.
User research: summary
1- Time
People are busy and cooking takes lots of time and energy
2- Price
Ordering takeout food is more economical instead of buying grocery and cook.
3- Specific Diet
There is a gap in market to customize foods
4- Food Variety
Food deliveries are expensive or they are not fast
Persona
User journey map
Nikki’s journey map could show us that having and online ordering food app could be really beneficial.
Paper wireframes
By using paper wireframes we could make sure that our app is going to solve user’s pain points by providing useful elements.
In the home screen I prioritize some of the paint points by providing a list of restaurants where users can find lots of options based on their location and also based in the price.
Digital wireframes
By providing some elements I can make sure that we are designing for solving user’s problems.
They can save time by easy exploring between available restaurants and foods.
Customizing foods was one of the main users pain points. By providing some buttons to customize foods we could make sure that we follow user’s needs.
Having a navigation menu which is accessible could help users to save time during their shopping
Low-fidelity prototype
By using digital wireframes I created a prototype.
In this user’s flow, they can select a restaurant, select a food, do some customization, and add it to bag and finally checkout. It has been used in usability study.
View the HappyMeal
low-fidelity prototype
Usability study: findings
I conducted 2 usability studies. The first one, was performed by low-fidelity prototype and the results were used in the mockup. The second one conducted by high-fidelity prototype and relieved which parts of mockup could be better.
- Users want to have search option
- Users need to filter their search
- Users need to access their shopping cart
- Users need an easier way to customize their food.
- The checkout process was boring.
- There should be more payment option.
Mockups
Before conducting the first usability study users were able to select restaurants based on suggested options on the home page.
After that we made a search box to make the whole process easier.
Before conducting the first usability study users could not filter their search.
After that we made a filter button which could be used to limit the options.
Before the second usability study the the app did not have payment options but after that other options has been add, so people can select an option which is easier for them to use.
High-fidelity prototype
The high-fidelity prototype provided a better user flows for searching and selecting a restaurant and also pick and customize a food and finally checkout. It also meets user needs for the delivery and payment options.
View the HappyMeal high-fidelity prototype
Accessibility considerations
- Appropriate use of animations in design.
- Using images to show the details of foods. So users are able to make decision better.
- Used icons to help make navigation easier.
- Use different types of payments to make sure that payment is easy to be completed. Also there is a chance to save payment information
Takeaways
Impact:
I believe that HappyMeal is able to help users based on their needs and it could be a good experience for users.
What I learned:
During the design process I noticed that we just could start the design process with some ideation of first research and after that it is really important to conduct usability study several times so we can make assured that our app is closer to meet the user needs.
Next steps
- Do another usability study based on new high-fidelity prototype to make sure that the app meets the requirements for solving user’s needs.
Do some more research to improve the app which is a crucial step to survive in the competitive market.