Skip to main content
UI Coach Logo
Back to challenges
Hard

Choose Your Restaurant Table

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

Mobile, Responsive web

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.

Color palette
#1B1A1A
#E9C5B7
#716561
#8B8C8A
#8C848C
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