Happy Table

Project Period
September - November 2021

Role
UX Researcher & Designer

Performance

  • User study activities

  • Ideation

  • Sitemap

  • Paper wireframe

  • Lo-fi prototype

  • Usability study

  • Hi-fi prototype 

  • Accessibility considerations

  • Take-away

Slide 16_9 - 4.jpg

Project Goal

The Happy Table app will let users find the nutrition categorised menu, affecting users who have to manage their diet by selecting the food with less effort.

Personas

Film Persona.png
Film Persona-1.png
Film Persona-3.png
Film Persona-2.png
Film Persona-4.png

User Journey

Mapping user journeys revealed how helpful it would be for users to have access to a dedicated Happy Table app.

UJ HT.png

Paint Points

Time

Working adults are too busy to spend time finding the menu with nutrition awareness.

Accessibility

Platforms for finding the nearby restaurants’ menu are not marked with nutrition content.

Information Architecture

Text-heavy menus in apps are often difficult to read the ingredients and nutrition.

Problem Statement

Steve is a busy full-time worker
who needs
a fast and efficient way to find protein friendly restaurant for this day to day dining out
because
he spends so much time finding the protein dish and doesn't have enough time to manage his nutrition and calorie.

Ideate - Crazy 8

crazy8HT.png

Sitemap

Sitemap.jpg

Paper Wireframe

Mapping user journeys revealed how helpful it would be for users to access a dedicated Happy Table app.

HT WF3.png
HT WF1.png
HT WF2.png

Digital Wireframes

As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.

01 Homepage.png
02 Restaurant info.png
03 Map Option.png
04 Map.png
05 Nearby.png
07 Filters.png
06 Filters.png
09 Add Review.png
10 Select a listing.png
11 Posting Review.png
12 Add photos.png
10 Side bar.png
08 Profile.png

Lo-fi Prototype

The Happy Table app will let users find the nutrition categorised menu, affecting users who have to manage the food quickly by letting the users select the nutrition categorised menu without searching and saving their time.

Screenshot 2021-11-19 at 5.19.01 PM.png

Usability Study

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.

Research Questions
  1. How long does it take for a user to select and order a pizza in the app?

  2. Are users able to successfully determine the restaurant they want?

  3. What can we learn from the steps users took to select and find a restaurant?

  4. Are there any parts of choosing the restaurant process where users are getting stuck?

  5. Is finding the map of the restaurant process easy for the customer?

Participants

5 participants 

Participants between the ages of 18 - 63 who reside in metropolitan and suburb areas. Participants go to a restaurant at least once a week.

Methodology

15 minutes

Hong Kong & South Korea (Remote - Participants will go through the usability study in their own homes.)

 

Moderated and unmoderated study

Participants were asked to find the restaurant on the low-fidelity prototype.

Diagram Infinity

Affinity diagram.png

Research Insights

Suggesting meal offer

Users need a way to find the meal quickly through the categories of nationality and nutrition-based diet.

Star ranks and reviews

Users need to read the star ranks and other reviews quickly to choose the restaurant.

Quick map access

Users need a way to access the map quickly and easily.

Revised Lo-fi prototype

People want meal offer

It is supporting evidence from the usability study.

  • 3 out of 5 participants asked for the food category on the homepage

  • 4 out of 5 participants wanted to find the restaurant quick as possible rather than searching themselves.

"It's better to have the menu or breakfast option with the button on the homepage rather than search option." 

- Happy Table customer in South Korea

01 Homepage.png
Before
Revised HP.png
After
People want to see the star rank and reviews

It is supporting evidence from the usability study.

  • 4 out of 5 participants see other people’s reviews when they choose the restaurant. 

  • 4 out of 5 participants care about the star rank and the number of reviews.

“If I like this restaurant, I check the details of what other people wrote about this restaurant. I normally see the first few posts of reviews, and if the reviews are quite a similar opinion, I will choose that restaurant as a trustable review,” 

- Happy Table customer in Hong Kong

02 Restaurant info.png
Before
Revised HP 1.png
After
People want access to map easily

It is supporting evidence from the usability study.

  • 3 out of 5 participants were asked to access the map quickly without scrolling down.

  • Access the map by clicking the address.

"If the button of the map to hit from the first page of restaurant, and the automatically guide the map page could be easier."

- Happy Table customer in Hong Kong

02 Restaurant info.png
Before
Revised HP 1.png
After

Hi-fi Prototype

The final high-fidelity prototype presented cleaner user flows for finding the restaurant and adding reviews. It also meets user needs for a nutrition driven meal search and review check option and more meal recommendation offers.

Screenshot 2021-11-29 at 3.35.54 PM.png
Slide 16_9 - 3 (1).png

Design System

Design system.png

Accessibility Considerations

Language

Provided access
to users who are non-English speakers through adjusting the language options

Icons

Used icons to
help make
navigation easier

Detailed Images 

Used detailed
imagery for meals and descriptions to
help all users
better understand
the designs

Take-away

Impact

The app makes users feel like Happy Table thinks about how to meet their needs. 

 

One quote from peer feedback:

“The app made it so easy and fun to find the meals with nutrition management! I would use this app as a go-to for a delicious, fast, and even healthy meal.”

What I learned

While designing the Happy Table app, 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 designs.