Skip to main content
UI Coach Logo
Advanced

Choose Your Restaurant Table

Design a reservation flow that lets diners request a specific available table or seating zone.

Mobile, Responsive web2 to 4 hours

The brief

Understand the problem

Background

A window seat, wheelchair clearance, quieter zone, or space for a high chair can materially affect a meal. Exact table promises are operationally difficult because service timing and floor layouts change.

User context

Dev is booking dinner for four, including a wheelchair user. He wants to understand access routes and whether an accessible table is confirmed rather than merely requested.

Product problem

Diners need meaningful seating choice while restaurants need flexibility and a clear distinction between confirmed assignments and preferences.

Objective

Design the time selection, floor map, reservation review, and reassignment communication for table-aware booking.

What to design

Define the experience

Required experience

  • Choose party details and accessibility needs
  • Inspect available tables or seating zones
  • Confirm the reservation and assignment status
  • Respond to a restaurant-initiated table change

Screens and states

  • Reservation search
  • Accessible floor map
  • Booking review
  • Table change notice

Core user flow

Follow the critical path

  1. 01

    Dev searches for four people at seven o'clock

  2. 02

    He filters for step-free access and views suitable tables

  3. 03

    He books a confirmed accessible table

  4. 04

    The restaurant proposes another equivalent table and Dev accepts

Product rules

Requirements and constraints

Requirements

  • Offer a list alternative to the visual floor map
  • Explain table attributes, route access, and assignment status
  • Capture needs without exposing them to other diners
  • Require explicit acceptance when a confirmed assignment materially changes

Constraints

  • Inventory must update during checkout
  • A seating preference cannot be presented as guaranteed
  • The map cannot reveal staff-only operational details

Reality check

States worth considering

The table is taken during checkout
Party size changes
The restaurant changes its floor plan
No table meets the access need

Finish line

What to deliver

  • Four responsive screens with an accessible map and reassignment state

Optional direction

Visual resources

Use these as a starting constraint if you want one. They are not part of the required solution.

Font pairing
Unica OneCrimson Text

Unica One & Crimson Text

Clear interface writing gives people the confidence to understand what changed and decide what to do next.

Icons
Illustrations

Keep practicing

Intermediate
Food and dining

Choose a Restaurant Table

Design a reservation flow that lets diners understand a restaurant floor plan and request a suitable available table.

Mobile2 to 4 hours
Interaction DesignAccessibility
Advanced
Food and dining

Restaurant Visit From Menu to Payment

Design a restaurant app that connects live menu availability, table booking, and an accurate in-venue bill.

Mobile4 hours plus
Service DesignError Handling
Advanced
Food and dining

Review a Recurring Grocery Order

Design a weekly grocery routine that lets a household confirm quantities, substitution rules, budget, and delivery timing.

Mobile4 hours plus
Mobile DesignService Design
Intermediate
Food and dining

Order Ahead for Table Service

Design a mobile ordering flow that lets diners schedule food to be ready when they arrive at a restaurant.

Mobile2 to 4 hours
Interaction DesignForms
Advanced
Food and dining

Restaurant Waitlist and No-Show Management

Design a host workspace and guest status flow for realistic wait estimates, arrival check-in, table readiness, and no-show handling.

Tablet2 to 4 hours
Dashboard DesignService Design
Advanced
Healthcare

Dependent Appointment Rescheduling

Design a healthcare rescheduling flow that protects linked appointments, preparation steps, and transport arrangements.

Responsive web2 to 4 hours
Service DesignInteraction Design