Quite new to mobile development but I think UI is not that different since in web you need to make the pages responsive also.
Anyway, straight to the problem.
The goal is a reservation. There’s no rules about it currently. First come first serve and no other inputs required.
I would like to make the current UI simpler because I think list/card does not fit here.
What I think I could do is a FAB that opens a modal that asks maybe how many (Most likely answer will be 1 95% of the time, 2-3 for 4%, and 4+ for 1%) and will be appended to the list with a Cancel button
What holds me back is, how can I tell the users if no cages are available?
Card List:
Pros:
- Can see if there’s available cages
- Usable but can be improved
Cons:
- Can be improved.
Modal:
Pros:
- Reasonable component
Cons:
- No availability
Current UI: