I am trying to design a rate-list input for parking lot management system. Where inputs are like this:

enter image description here

But it needs to be customizable in time field of inputs, e.g. 3-4 hours based on user requirements.

The final result should be in 24 hour format 2d matrix like this:

 [Cycle][0]:2   [tw][0]:5    [fw][0]:25
 [Cycle][1]:2   [tw][1]:5    [fw][1]:25
 [Cycle][2]:2   [tw][2]:5    [fw][2]:25
 [Cycle][3]:5   [tw][3]:15   [fw][3]:40
 .....          ........      .......
 .....          .......       .......  
 upto 23        upto 23       upto 23 
 [Cycle][23]:15 [tw][23]:50 [fw][23]:150

Currently I am using 24 row table like this:

enter image description here Which does not look good and also has lot of inputs to fill. Basically it's a bad design.

I'm looking for good UX design to achieve this, or anything similar. Any help is appreciated (I am a beginner).

  • Why would you put it in 24hr output when the input has upto 96+ hours May 11, 2019 at 9:26

2 Answers 2


Since you are a beginner, you might want to read some more stuff about (interactive) data tables. I found these two nice articles which helped me rethink the way I handle data tables:

And a tip from me:

Try to structure the data and actions based on primary and secondary importance. What do you need to seen/do at once and which actions could you hide and made visible as soon as they are needed? Also: are there elements that could be combined into one? Or elements that are not even important to have?


You can place option for "Show Numberofentries per page". And then have there 5, 10, 20, 50" so user can change it.
Some grouping would help, you can have filters / buttons on top with; 0 - 48h, 48h - 96h....

Your Answer

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

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