I have a range (numbers) to be set. In most cases a lower value is better, however in some cases a higher value is better. How do I represent the same in my UI? To set up the range I just have two values. I want the solution to be subtle.

  • 2
    There are many ways to represent 'higher is better' or 'lower is better' ranges. Could you please provide more information or add a wireframe to explain your particular situation.
    – Kishan
    Feb 15, 2018 at 7:37

2 Answers 2


It's difficult to give good advice without more information about your interface, but as for the user's experience it can be confusing if 5 times in a row higher is better, and then suddenly lower is better. The user may be confused or have to stop and think even if you do communicate clearly to the user which is which.

Depending on your layout, if you're prompting a user to enter a value within your given range, it may be useful to using something like "(higher is better)" after the text prompt and before the input box, but I suggest standardizing them so that higher is always better, perhaps by reversing the question for the ones where lower is better.

  • 1
    agree for most cases, though sometimes "confusing" is good (if you want to detect respondents who didn't read the questions and filled lowest or highest values everywhere)
    – Aprillion
    Mar 18, 2018 at 18:12

I feel sharing a color code would be better. You can give a disclaimer saying that values with green are recommended, values with yellow are okay and values with red should be avoided. Then color code you UI values and the user can choose accordingly. The colors will help the user to understand the safer values to be used

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.