Something I am struggling with: a UI for Network QoS Changes.
The situation: There is a fixed maximum limit. The sum of the sub-values must not exceed this limit. Sub-values are captured as integers and represents a KB size.
The initial design looked like:
The categories sub-values can be edited by using the sider and/or fine-tuning using the numeric-spinner. (Given, it will make sense to swop the positions of the slider and the numeric-spinner).
Then comes the REAL PROBLEM: Sub-values can range from 8KB to 10000000KB (10GB)!!! Even in increments of 8 this makes for many many options.
So I tried something like:
Here i tried to segregate the KB, MB and GB to enable fine-tuning early. But it feels very unnatural.
After much much much testing and iterating it has been simplified down to:
The Low, Medium and Large options helps get the numeric value into a 'zone' before fine-tuning with the spinner.
After further testing and iterating, the design has been reduced to:
...
Guys, I need help. Has anyone come across a better solution for this?
Is there a better way to improve the interaction on this?
Is the best way going to be to let the user input the various sub-values one-digit-at-a-time...?
Its my first real question here so Im keen for some feedback :)