Yummy Yummy Restaurant user research for website

Menu and Payment

By: Elizabeth EKHORAGBON

Project overview

The product:
Yummy Yummy is a restaurant that offers variety of
meals with an original taste of Homemade Meals while
prioritizing Health Hygiene.they create a platform that
Enables satisfaction and life-changing opportunity that
continually add value to lives by nourishing a
community through home cooked traditional meals that
exceed expectation and promote tourism.

Project duration:
November 2022 to January 2023
User research: summary

I conducted interviews and created empathy maps to understand the user’s i’m designing for and
their needs. A primary group interviewed were users who had a busy schedule and didn’t have
enough time at work to keep scrolling through the app for a particular meal,and also the long
duration it takes before payment can be initiated.
Another set of users complained that aside the duration it takes scrolling through the list of
available menu,Payment was difficult to initiate as the information required was alots, with too
much personal information.
Project overview

The problem: The goal:

Users had to scroll through all Design a website for yummy

menu before desired choice could yummy restaurant that allows

be found and the payment method users to quickly and easily

wasn’t easy with too much navigate the available menu with

personal information faster payment process.

Project overview

Responsibilities:
My role:
Conducting user research and
Ux designer designing a website
interview,paper and digital
for yummy yummy restaurant
wireframing, low and high-fidelity
prototyping, conducting usability
studies,accounting for
accessibility, and iterating on
designs.
 ● User research
● User survey
Understanding ● Personas
the user ● Empathy map
● User journey maps
ser research: pain points

1 2 3 4
Pain point Pain point Pain point Pain point

Users are not able to Users want ingredient Users want an easy Users want a one time
search or desired meal listed besides each payment method. authentication payment
menu method.
User persona
User journey map
 ● User flow
● Paper wireframes
Starting ● Digital wireframes
the design ● Low-fidelity prototype
● Usability studies
Sitemap
Paper wireframes

I had to iterate each screen of the

website on paper to ensure that the
elements that made it to digital
wireframes would be situated
enough to add user pain point.
The home screen shows a faster
and easier way to search for your
favourite meal.
Paper wireframe
screen size variation(s)

[Users something order our

restaurant meal through
their mobile phone or the
website,both versions were
created, to represent how it
works on both.
Digital wireframes

The digital look of the

homescreen,after including
feedback and findings from the
user research.

The button is an easy way

to search for your desired meal.
Digital wireframe
screen size variation(s)
Low-fidelity prototype

This low-fidelity prototype

connect the primary user flow of
navigating through the menu and
payment session
Usability study: findings

wo rounds of usability studies was conducted,First was finding out the user pain point, that gilded us
through wireframe to mockup.
While the second was conducted during the testing phrase of the high-fidelity prototype,which helped
reveal the aspect the user was finding difficult.

Round 1 findings Round 2 findings

1 Users want to search for desired 1 Users wanted ingredient listed on
meal faster
each meal

2 Users wanted a faster and and easy 2 Users wanted a one time payment
payment method authentication method
 Refining ● Design System

the design ● High-fidelity prototype

● Accessibility
Mockups
Before usability study we had a screen where users could search for what they wanted and add to cart
then pay,but after the usability study,users wanted a screen were they could have a favourite list of
meals on the menu

Before usability study After usability study

Mockups

Before usability study we had a page for list of dishes the user wanted,but they wanted to be able to
see the ingredient that made up each meal,
After the usability study i decided to add a screen that shows ingredient for each meal ordered.

Before usability study After usability study

Mockups: Original screen size
Mockups: Screen size variations
High-fidelity
prototype
The high fidelity prototype
presented a more clearer flow of
how a user will navigate the
Restaurant website from start to
finish,
From Searching from the meal they
want to seeing the list of ingredient
they prefer to making payment,and
checking out..Easy right?

View by yummy yummy Restaurant APP

Low-fidelity prototype
Accessibility considerations
1 2
It gives users who are vision
impaired the ability to type
what they want, rather than
scroll for a long time.
3
Give option for one time
payment method,rather
pictures for better choices
than users always trying to
and illustration.
remember their passwords
for each login.
 ● Takeaways
Going forward ● Next steps
Takeaways

Impact:
What I learned:
The app makes users excited that
I learnt that i can always make
they can search for food faster and
changes to my designs the more i
easy payment
get feedback from users.

“ I always love to order from your restaurant using

your app as it is faster to use and saves time”
Next steps

That would be to conduct

another round of
usability studies to know
if the app meet the users
needs and pain point was
address.
Let’s connect!

Thank you for you time scrolling through my work on the Yummy Yummy Restaurant app!
I appreciate your time and consideration, i'd love to hear your feedback.

Email:Samuelelizabeth307@gmail.com
Thank you!!!