Choose against the task constraints
A synthetic studio offers identical 45-minute appointments. A customer already knows the service and is looking for the next suitable time; the receptionist also needs to inspect several days. The public choice and the staff overview need not share one layout. Availability in the worksheet is a snapshot, not a held booking.
| Condition | Time-slot list | Month calendar |
|---|---|---|
| Choose an available time on a phone | Show date, time and availability in each row | A day cell may need a second view for times |
| Compare several dates | Group by date; avoid a long unbroken list | Show date-level occupancy without hiding the legend |
| No matching time | Show the current filter and a clear next date action | Distinguish an empty day from a failed load |
Use the slot list for this customer task and a separate multi-day staff view. If users mainly compare weekends across months, test a calendar with equivalent readable times before changing the choice. Confirm capacity again when accepting the booking.
A date cell is not enough to book
| Slot | Snapshot | Customer constraint |
|---|---|---|
| 2026-11-03 09:00 | 1 place | After 12:00 only |
| 2026-11-03 13:00 | 0 places | After 12:00 only |
| 2026-11-04 13:00 | 2 places | Date acceptable |
Which row meets the stated constraints, and is it already booked?
Show the worked answer
4 November at 13:00 is the only listed match. It is an available candidate in the snapshot, not a booking; acceptance must recheck its capacity.
Check the chosen interaction
- Read all dates and availability at 320 CSS pixels without page-wide horizontal scrolling.
- A failed availability request must not become an empty-success result.
- Test keyboard access to the same times shown visually.