I'm designing the table reservation process for a website with multiple restaurants.

After selecting the day, the user has to select the time of the reservation. The restaurants have multiple shifts (breakfast, lunch, dinner).

I'm exploring different options but each one has some pros and cons and I would love to know your opinion and experience around this.

Thank you very much

enter image description here

  • B is confusing, C is obscured. ...A Feb 17 at 13:08
  • @bloodyKnuckles Could u elaborate? Obscured?
    – Danielst
    Feb 17 at 14:23
  • Some of the times on option C are not visible due to horizontal overflow. Feb 17 at 14:38

1 Answer 1


Of the options that you shared, I like the first one the most. Since for me, it is the most convenient in terms of timing. The time is divided into blocks and it is easy for me to find the right time depending on the part of the day.

On the other hand, I see risks in the absence of custom time. There are times that the user can only select when manually entered (although this depends on the rules of the restaurant).

I would also probably combine the stage of choosing the day and time. So the user will be more convenient monitoring their settings and booking.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.