---
title: "Bar Tabs UX Case Study | Parmis Meshgi"
description: "A Bar Tabs and Table Service UX and product design case study by senior product designer Parmis Meshgi."
canonical_url: "https://meshgi.com/bar-tabs/"
html_url: "https://meshgi.com/bar-tabs/"
author: "Parmis Meshgi"
location: "Toronto, Canada"
language: "en-CA"
last_updated: "2026-09-29"
---

> A Bar Tabs and Table Service UX and product design case study by senior product designer Parmis Meshgi.

Canonical page: [https://meshgi.com/bar-tabs/](https://meshgi.com/bar-tabs/)

[← All work](https://meshgi.com/product-design/)

Work 02 · Service

# Bar Tabs &
Table Service

Staff need one clear place to find a tab, understand its state, and take the next action.

[Read the case study ↓](https://meshgi.com/bar-tabs/#value)

![Table Service concept showing live tables and service states](https://meshgi.com/assets/bar-tabs-floor.png)

My role Research and design lead

Workflow architecture, testing, direction, and release review

Research 15 staff interviews

Customer sessions, expert workshops, and ten competing products

Period 2024 to 2026

Work with design, product, and engineering

Status Released and evolving

Bar Tabs shipped. Table Service remains in design

Project value

## Reduce errors and keep service moving during a busy shift.

### What the design needed to achieve

- ✓

Make every open bill easy to find and understand.

- ✓

Protect restricted actions without forcing staff to lose their place.

- ✓

Carry service status from tabs into a clear table view.

Problem

### Service changes by the second.

Tabs move between staff, payment states, and service areas during the same shift.

Risk

### Slow recovery affects guests.

Unpaid tabs, unclear ownership, and restricted actions create delay and errors.

Direction

### Keep state and action together.

One overview shows each bill, its owner, its status, and the actions available.

Design decisions

## Turn service research into visible rules for every tab.

01

### Research the pressure

Field understanding

I reviewed ten products, interviewed 15 staff, earned Smart Serve, and worked behind a bar.

Intended impact

The design reflects service speed, errors, training, and low-light conditions.

02

### Build one working overview

Visible state

The Bar Tabs Visualizer combines tile and list views, search, quick view, filters, ownership, and status.

Intended impact

Staff can find a bill and understand its current state quickly.

03

### Replace drag with selection

Lower learning effort

Testing changed bill splitting from drag and drop to a select-and-assign model.

Intended impact

The split stays explicit and requires less new interaction learning.

04

### Keep approval in context

Recover safely

Restricted access originally forced a logout. Manager approval now happens inside the active workflow.

Intended impact

Staff can recover without losing the tab or their place.

05

### Extend the same model

Table service

Table Service carries bills, seats, and service status into a floor view with defined recovery states.

Intended impact

The spatial view uses the same service rules instead of creating a separate system.

Product proof

## The service model works from tab overview to floor planning.

![Table Service concept with tables in several service states](https://meshgi.com/assets/bar-tabs-floor.png)

Live service

Each table shows ownership, timing, and payment state at a glance.

![Earlier floor-plan editor concept with object tools and table controls](https://meshgi.com/assets/floor-editor.png)

Earlier exploration

This concept tested the authoring model before its placement changed.

Result

## Bar Tabs shipped, while Table Service remains a defined extension.

Released

### Bar Tabs

The first release supports single-server tabs and clear payment states.

Defined next

### Table Service

The unshipped extension includes floor, seat, permission, offline, and conflict states.

Measure next

### Service signals

Future measures include recall success, closing time, permission failures, and recovery completion.

[Work index See all product design work →](https://meshgi.com/product-design/)

[Next work project Backoffice →](https://meshgi.com/backoffice/)