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
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
User Journey
Mapping user journeys revealed how helpful it would be for users to have access to a dedicated Happy Table app.
Paint Point
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
Sitemap
Paper Wireframe
Mapping user journeys revealed how helpful it would be for users to access a dedicated Happy Table app.
Digital Wireframes
As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.
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.
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
-
How long does it take for a user to select and order a pizza in the app?
-
Are users able to successfully determine the restaurant they want?
-
What can we learn from the steps users took to select and find a restaurant?
-
Are there any parts of choosing the restaurant process where users are getting stuck?
-
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
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
Before
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
Before
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
Before
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.
.png)
Design System
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.