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 horizontal stack on top shows the maximum, category breakdown and sub-values.

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:

Holy Crap, Batman! That is rather ugly!

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:

simpler version

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:

final version ... help needed


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 :)

  • Welcome to UX SE @SerenS hope we can help
    – DaveAlger
    Commented Jun 19, 2015 at 13:11

1 Answer 1


Consider separating out the number entry from the units

number select

  • Thanks Dave. I plan to become a more active member of this ux community.
    – SerenS
    Commented Jun 22, 2015 at 7:54
  • And Thanks for your answer. I have considered something like this. It is clean and simple. But it does not cater for more granular inputs. For example if the guy wanted 1050KB on silver, he could enter 1.05MB or enter 1050KB... But i feel like this is close to the solution i seek... So, in the spirit of good ux, I have decided to explore the data around historical changes to see what statistical spread of values users have previously commonly used... Perhaps Im trying to cater for outlying scenarios by over engineering this :)
    – SerenS
    Commented Jun 22, 2015 at 8:01

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.