Momo Miso

Momo Miso app homescreen

Video showcasing user flow of customer ordering food on the Momo Miso app

A UX design case study of a Japanese food delivery app, Momo Miso. This project was created as part of the Google UX Design Certificate. The full PDF of the case study can be found here.

The Process

Problem & Goal Statement

Problem statement about a Japanese grandmother who needs to deliver Japanese meals delivered to her house because of her health issues

Goal statement about how a Japanese food delivery app will let users with dietary restrictions order food delivery with dietary logos which will allow users to order food efficiently

The problem is that some users (possibly with dietary restrictions) are not able to cook or drive to pick up food. The goal is to create a Japanese food delivery app that will allow the user to schedule their food delivery for a whole day/week for all meals.

User Research Summary

I conducted informal interviews with friends and family to gain deeper insights into the users I’m designing for. I discovered that many individuals lack the time or energy to prepare meals, often due to demanding work schedules or physical limitations. Some people have dietary restrictions and are not able to find vegan/vegetarian options. Additionally, some have not learned to cook from their parents, while others are too busy with daily responsibilities to dedicate time to creating balanced meals. It is also difficult for users from various cultures to understand the types of food from a specific culture.

Pain points discovered from user research: (1) Time, (20, Dietary Restrictions, (3) Inconvenient, (4) Inconsiderate of other cultural users

User Persona and User Journey Map

User persona of Keiko with goals and frustrations listed

Table of Keiko's user journey to order multiple meals and have them delivered at different times of the day

Keiko's goals are to order Japanese food with 3 meals that get delivered on time, so that she can feed her grandchildren when they come over, since her health issues make it harder for her to cook.

User flow of Momo Miso starting from opening the app to order confirmation page

I also included a detailed user flow of how a user can accomplish the task of ordering food. The user starts from selecting the menu from the homepage, selecting the the food items, selecting the order time, inputting payment information, reviewing and submitting the order, and receiving the confirmation for the order.

Story Boards

Big Picture storyboard (left); Close-up storyboard (right); Both storyboards are drawn with the scenario of an app that allows users to order Japanese food for the whole day/week while only ordering once a day or once a week;

I created 2 storyboards: 1 for bigger picture, and 1 for close-up. The bigger picture storyboard includes the user persona of Keiko, who cannot cook anymore due to health issues but wants to feed her grandchildren when they come over. She remembers she can use Momo Miso and places her order with the menu items and the time and inputs her payment information. She waits for her food to be delivered and then is able to feed her grandchildren. The close-up storyboard uses the same story but through the perspective of the app.

Competitive Audit

I conducted a competitive audit with 2 similar companies: Sakura and UberEats. Sakura is a Japanese restaurant and is a direct competitor to Momo Miso. UberEats, a food delivery app, is an indirect competitor. The full competitive audit PDF report can be found here.

Wireframes

Video of the wireframes of the Momo Miso app

Next, I created some wireframes of the homepage, the menu page, the schedule page, the delivery page, the payment page, the order review page, the order confirmation page, and the account page.

User Experience Research Study Plan

The full PDF of the UX research study plan can be found here.

Questions

Do you have any Japanese restaurants near you?
Do you have a favorite restaurant?
How many times a week do you order Japanese food?
Do you order more than once a day?
Do you have any dietary restrictions?
Can you talk me through a normal day in your life?

Prompts

Prompt 1: Open up the app and customize your meal schedule for the day. Do your best to talk me through your thought process for your navigation. ○
- Prompt 1 Followup: How easy do you feel it is to complete your order for 3 meals for one day? What was easy and what was challenging?
Prompt 2: Now I want you to customize your meal schedule for the whole week. Once again, try to talk me through your thought process.
- Prompt 2 Followup: How easy was this for you to accomplish? What was easy and what was challenging?
Prompt 3: Now, I want you to select food items that are specically vegan. Please talk me through your thought process.
- Prompt 3 Followup: Was it easy to identify vegan foods? What about identifying gluten-free and vegetarian options? What was easy and what was challenging?
Prompt 4: Can you please finish the ordering process? Talk me through your thought process again.
- Prompt 4 Followup: Was this quick and easy for you to complete? What was easy and what was challenging?
Prompt 5: Can you explain, overall, how your experience was for this app?
- Prompt 5 Followup: What do you like/dislike?

Notes from test users can be found in the UX Research Usability Study Notebook PDF.

Usability Testing: Insight Identification

Insight identification template with 3 themes and 3 insights

Some insights were gathered from user testing the wireframes. Firstly, users knew how to get started, meaning that initial navigation is intuitive for users. Users were not able to add menu items, so an "add" button needed to be included in the design. Lastly, users were not able to put their own day/time for their ordering schedule, so a calendar should be added to the schedule page.

Usability Testing: Pattern Identification

Pattern identification template with 5 patterns listed

Some patterns were identified through user testing. All participants found initial navigation to be intuitive. All participants were frustrated about not being able to add menu items to their order. All participants were also not able to put their own day/time in the schedule page. All participants were not able to move forward in the order process. Additionally, all participants recommended fixing these issues before they suggest this app to a friend. The full PDF of the UX research presentation can be found here.

Mockups

Improved mockups after round 1 of usability testing, with added elements for easier user flow/navigation

After round 1 of usability testing, I used the findings and insights to develop improved mockups while also adding a brown, orange, beige, and white color palette. These improved mockups include an add button in the menu, prices, and a calendar in the schedule page.

Usability Testing Round 2

3 listed findings after completing round 2 of usability testing

Round 2 of usability testing ended up being successful, as users were able to find and use the plus button to add menu items to their cart, see prices for every item, and were able to view a calendar to schedule their order throughout the week.

Refined Mockups

Refined mockups after all usability testing is complete, with added final touches for good UI

After all usability testing was complete, I added some final touches to truly refine the mockups to have the best possible UI. I also made sure the layout of each page followed good UX practices, such as consistency, even spacing, etc.

High Fidelity Prototype

Video showcasing user flow of customer ordering food on the high-fidelity prototype of the Momo Miso app