top of page

MenuSifu Insight

MenuSifu Insight

MenuSifu Insight

new-logo.gif

Tip Out Service

A cloud-based service to manage tip distribution in restaurants 

UI Designer
UX Designer
Product Manager
hero2.jpg
Team

Product manager/ Product designer (me), 1 Developer 

Platform

Web

Duration

6 months

01 BACKGROUND STORY

Tip distribution in restaurants

Tip income is an important part of the restaurant system here in United States. Usually, the tips we pay go to the server who served us. However, in many cases, there is more than one person that has provided their services during the process, such as busboys, bartenders, sushi bar chef...etc. And they deserve a share of the tips. Therefore, a reasonable and efficient "Tip Out" system becomes very important for the businesses.

Server.png
$ ??
Manager.png
Bartender.png
Chef.png
02 RESEARCH

How does tip out work?

I collected most of the use cases and scenarios from clients, and studied the existing tip out products on the market. Then I figured out there are two major ways for tip out distributions.

01.

Tip Pool

Tip Pool allows you to calculate and distribute tips to your staff based on the distribution rate tied to their roles. For example, you can distribute 5% of the daily sales to your waiters, bartenders and managers according to tip allocation percentages.

Tip Pool

Server.png
20%
Manager.png
30%
Bartender.png
30%
Chef.png
20%

02.

Tip Sharing

Tip Sharing can help you calculate the amount of tips going out from directly tipped employees to other indirectly tipped employees. For example, waiters will take 50% of their drinks menu tips out to share with bartenders.

Server.png

Tip Sharing

Bartender.png
02 RESEARCH

Who are my target users?

TA.png
Bosses or managers

This person is responsible for people management in the restaurant. They have to calculate the tip distribution and allocate the tips to the employees on a daily or weekly basis.

TA.png
Employees (Tip receiver)

This person provides the service to the clients in the restaurant. They clock in and follow instructions, and get the distributed tips every promised period. 

02 RESEARCH

What are the pain points for them?

01.

Time consuming 

Doing the calculation is tedious and time consuming 

TA.png

" I usually calculate the tip out amount manually by myself. It is complicated and takes me a lot of time. "

" I would adjust the rules depending on the business operation sometimes, that took me a lot of work to review the calculation process. "

02.

Making mistakes

Doing the calculation manually can easily lead to mistakes.

TA.png

" I make mistakes sometimes doing it manually. The staff is not happy about that. They think I am cheating. They are very sensitive about the tips. "   

TA.png

" I live by tips. It is really important for me that I get what I deserve. If the number looks wrong for me, I would go back and ask for the reviews. It happened a few times. "   

03.

Feeling insecure 

The employees are very sensitive about the tips. They want to know more about the process.

TA.png

" I am not good at math, but I still kind of want to know more about the process, especially when the number looks wrong. "   

TA.png

" I need to keep the record in case there is any argument about the tip out results. I want to keep them happy, but not spoiled. "   

Highlights and corresponding requirement summary

Summary 01

Clients need a more efficient way to handle the calculation process.

Summary 02

Clients want to increase the accuracy of the tip out results. Reduce the human involvement in the calculation process.

Summary 03

Both types of our users want a secure and transparent process. The results and process should be traceable

03 PROJECT GOAL

A tool that can handle the tip out calculation and provide transparent and traceable results. 

Efficiency

Accuracy

Transparency

Traceable

Efficiency

Handle the input and calculation process automatically. Generate the outcome based on the set up rule in a few seconds

Accuracy

Reduce human involvement. The only thing that user should do is set up the rule at the beginning.

Transparency

Provide calculation process logs for further investigation. It has to be designed in a readable and understandable way.

Traceable

The generated results should be saved like historical snapshots in case the input data or rules have been changed. 

04 DESIGN PROCESS

My approach and product flow

User journey

The new approach saves a lot of time for users, and increases trust.   

new approach.jpg

There are two main flows starting from the landing page: pooling and sharing. 

Flowchart.jpg
IMG_6762_edited.jpg
IMG_6763_edited.jpg
IMG_6764_edited.jpg

The two parts of the product

Tip Out tool

Set up & adjust rules once in a while if needed. Has to be efficient and accurate.

TA.png

Report service

Check the results daily or on a weekly basis. Need to be transparent and traceable.

TA.png
TA.png
04 DESIGN PROCESS

The design iterations for the tip out tool

01.

How to apply the same rules to different merchants

Users need to quickly apply the same rules to their other merchants. 

image.png

Original Design

Allows user to select multiple merchants while they are setting up the rules at the beginning. 

Step 1

Tip pool setting step1-1 filling info design case 1 (1).png
Tip pool setting step1-1 filling info design case 1 (1).png
merchant list.png

Potential Problems

01 Confusion around the following steps

The dynamic loading data from all the different merchants for the following steps causes an extra burden in speed and service cost.

Step 2

image.png

If the user assigned two different merchants on the 1st step, the system will pull both menus from the merchants here on the 2nd step.

TA.png

??

Steps after setting up the merchant. There is an independent data set pulled from the merchant.

02 The flexibility is limited

The adjustment of the rules now applies to all the selected merchants, but in real cases, the users might need to make some small changes for specific merchants.

03 Development cost is higher

As a start up company, the cost of developing the new product is always pretty limited in terms of time and budget. It becomes one of my considerations in design decision making.

New approach

Instead of handling this complicated scenario inside the setting process, I decided to simply apply a "Duplicate" function on the rule table.

Learning curve: 

Development cost: -80%

02.

Distribution module improvement

The distribution module has been updated after the user testing.

Original Module

This module was designed for the user to set up distribution percentage at the end of the process.

Tip pool setting step1-2 old design.png
Tip pool setting step1-2 old design.png

Testing Results

Not intuitive enough in certain scenarios 

" It is a bit complicated if I want to divided the tips into 3 portions. That would be 33.33%... "

Design Improvements

I designed the feature "distribute by weight" which also corresponds with the percentage, so users can choose whichever is easier for the scenario.  

Tip pool setting step1-1 filling info 16.png

Accessibility: 

Development cost: +50%

03.

Navigation flow improvements

An example of the navigation improvements after the prototype testing

Original Design

I put the "Back" button at the top-left of the page similar to the way many websites have been designed. 

Tip pool setting step1-1 filling info 1.png
Tip pool setting step1-1 filling info 1.png
Tip pool setting step1-1 filling info 1.png

Problem observed

Could not find the "Back" button easily

When users were navigating through the set up flow and wanted to get back to previous page, they assumed they would find the button on the bottom-right side.

Design Improvements

I then put the "Back" button down there next to the "Next" button based on the testing feedback I got, and it turned out to be a smoother navigation design. 

Tip pool setting step1 for mockup.png
Tip pool setting step1 for mockup.png

Intuitivness: 

04 DESIGN PROCESS

The design for tip out report

Once users have the tip out rules set, they can access the Tip Out report to see the results and distribute the tips to participants based on it. 

01.

Tip out summary report 

This report shows the calculated results

For managers

On the Tip Out report table

tipout summary table.png
1
2
TA.png

"I can quickly check if the receivers are under the right rules from column Rules Applied (1), and distribute the final result based on column Expected Tips (2).

For tip receivers

Click on staff names (1) and see the popup personal report

tipout summary table.png
1
personal report.png
personal report.png
personal report.png
2
TA.png

"This report has all the details related to me. More importantly, I can see the tip out calculation process from the Note (2) at the bottom. I feel much more secured with this receipt."

02.

Historical snapshots report

This report shows historical tip out summary reports that the user has generated, so users can always look back even if the base data or rules have been changed.

Find the snapshot

Users can see the list of generated reports under the historical snapshot section.

Historical Snapshots.png
1
3
2
Historical Snapshots.png
Historical Snapshots.png
TA.png

"I can easily find that when (2) the reports has been generated and who (3) did it, and check the historical results even if the data has been changed. This reassures both management and employees" 

Snapshot of tip out report

By clicking on the snapshot numbers (1), users can access the details of the generated report.

tipout summary table under snapshots.png
tipout summary table under snapshots.png

The report time range and merchants will be recorded as well.

05 Launch product

How do we measure the success

The product was developed and tested in October 2023. I worked with our sales team to figure out the success rate of the prodcut.   

01.

5 new sign on clients per month

Previously, the sales team lost many opportunities to sign the clients to our POS system, who had expressed the need for the features of our Tip Out tool. Now, we want to see if this Tip Out tool can be a strong selling point for new clients.

02.

Over 50% retention rate 

We want to see if the clients who have the service are using it. We will use Google analytics to monitor the usage and retention rate of users.   

06 RESPONSIBILITIES

My responsibilities as a product owner

As the UXUI designer and product owner on the team, I have taken on the responsibilities of the end to end product design and management process. Here are the contributions I made to the project.

IMG_6766_edited_edited.jpg

Research (interviews, competitor analysis) 

Ideations

UX Design (Blue print, User flow, Wireframe)

Information architecture

Prototypes

Testing and iteration

Product development planning (evaluation)

Monitor development process (adjustments)

Self testing, reevaluating and bug fixing

QA testing

Launch

High fidelity UI design 

Monitoring & further iteration

cycle arrow.png
As UXUI Designer
As Product Manager
cycle arrow3.png
cycle arrow2.png
07 IMPROVMENTS

What went wrong?

We started the beta testing with real clients before the launch, and all the testing users dropped off. It was a bust. Through my observations, I determined why.

Wrong expectations about user behavior

I did the research on the system functions and the results our clients expected. However, I assumed they were familiar with the cloud service, and was unaware of their common behaviors and the specific circumstances

"This is cool, but... "

In reality, the user who is responsible for tip out distribution is the one at the restaurant. They are very accustomed to completing their daily tasks on the local POS machine. This new cloud Tip Out service didn't match their expectation. 

cloud upload.png
charts.png

My design:

Set up the rules and check the outcomes on the cloud services

gap

POS.png

POS

TA.png

Reality:

I use the local POS at the store and distribute tips everyday  

My next step

Cloud service and POS integration
cloud upload.png
charts.png
fa_chain_edited.png
POS.png

POS

POS mockup.png

Instead of forcing our users to use the cloud service or rebuilding the tool on local POS, I decided to integrate the cloud service and local POS. This allowed the user to access the cloud service through the local POS. The plan will launch at the end of 2024.

bottom of page