9
votes
Accepted
Standards for storing a rating as a range (1-5, 1 is best, etc.)
There are four things to think about here:
the meaning of the scale,
direction of the scale,
end points of the scale,
resolution of the scale.
Now, it is really exciting how one affects the other:
...
8
votes
Display a range of ratings
Do think about whether showing the range is a useful addition. I've never seen a range of ratings displayed like that, so make sure your specific case justifies it.
(edit: it turns out displaying ...
7
votes
Entering a relative date range (in a report writer)
Circling back after 18 months (!!!), we finally have a design we're going to implement, so sharing it back here to close the loop.
@Monomeeth had a great answer. We didn't have the real estate for ...
7
votes
Best way to enter/display relative time in a text box
For controls used rarely, explicit is better than implicit
If this widget were being used 100x a day, the answer might be an expert interface where the user can enter values like 10h8m, 1d23h5m etc.
...
6
votes
Accepted
Display a range of ratings
If you stick to graphic control to set the range, displaying numbers inside the segments will help you. They are convey the idea of the set, rather than single value.
Of cousre, test this UI.
...
5
votes
Entering a relative date range (in a report writer)
If it was me I would design the interface so that the most common (or useful) choices can be selected with the simple click (or tap) of a button/icon and the less common choices would be accessible ...
4
votes
Best way to enter/display relative time in a text box
I think its a hard question to form one answer to.
Pure theoretically, I'd suggest not to rely on the user to know these abbreviatons like h,d,s,... or at least try to lower some cognitive load by ...
3
votes
Display a range of ratings
Instead of ranges I would use checkboxes (or something similar which looks like less an element of a form) to display the availability of the different qualities of products:
download bmml source &...
3
votes
Best way to display ranges where end range is inclusive
If the expected audience is math savvy, this is how you could represent an interval:
| Average Usage | Average Score |
| ------------- | ------------- |
| (0 - 1] days | 23.1 |
| (1 - 2] ...
3
votes
Accepted
Selecting Multiple Ranges From a Single Range
I think you should keep the slider as a representation of the data modified in the table only, without the possibility to change the data there too.
After the update in the row, the interval can be ...
3
votes
Need a pattern to capture multiple data sizes
Consider separating out the number entry from the units
3
votes
Best design for time range filter?
This kind of choice should be as simple and intuitive as possible; And i would prefer selected a pre configured option, rather than selection a "start hour" and a "end hour".
The pizza hut solution ...
3
votes
Accepted
Option to select a range and fixed values
to define a range/scope - You can:
Use slider
Use 2 inputs [begin - end]
For values:
Min 4 people
Min 300 €
It's good practise to define in logic of those solution or add additional radio buttons....
2
votes
Chart date/time range selector
Can you save the user some time/effort by giving them a pre-rolled list of possible options for time/date ranges, and end that list with a "Custom Range" option?
The exact pre-set ranges would be ...
2
votes
Accepted
Chart date/time range selector
Perhaps relocate some elements?
I'd have first/last be default settings; i.e. you get the entire range. If someone doesn't want the full range, they press the calendar and enter their own start and/...
2
votes
Standards for storing a rating as a range (1-5, 1 is best, etc.)
As already said in other answers, quality should be a positive characteristic so the higher the quality the higher the number.
The number of steps (granularity) depends on multiple factors. How ...
2
votes
What "near" means for you?
I think this will depend on the general availability of subway stations for your users. In general how many subway stations exist within a 50km radius? If several, then 50km could serve as "near" for ...
2
votes
Value input for several dependent ranges
Try limiting the number of inputs, and give users indications when the bounds update.
Since the value range needs to be continuous, can you reduce the number of inputs, so users can see when they ...
1
vote
Best way to display ranges where end range is inclusive
Have you considered defining the range by using precision, like this?
| Average Usage | Average Score |
| ------------------ | ------------- |
| 0.001 - 1.000 days | 23.1 |
| 1.001 - ...
1
vote
Best Format for Ranges on a Form: Vertical or Horizontal?
Putting the fields side by sides with the labels above the fields is a more standard approach than A or B (see the Material Guidelines).
You can see this on all sorts of sites that use date ranges, ...
1
vote
Standards for storing a rating as a range (1-5, 1 is best, etc.)
The answer provided by Dominik is a comprehensive breakdown of the major considerations for designing the scale range, so I will talk about other aspects for completeness. In particular, I want to ...
1
vote
how to display ranges in filters
A little competitive audit might shed some light on your question. I'll get you started.
Here's Amazon, Best Buy, and Target, left to right.
Best Buy is a little pedantic, with their "$25 - $49.99" ...
1
vote
Better way for users to select a range in a table like structure
Avoid shift + click. Only IT Crowds will think to try this.
You said "contiguous" row selection. If that is the case I suggest you offer a "selection mode" command. When entering this mode, the user ...
1
vote
Best way to enter/display relative time in a text box
I suggest abandon using +/- way of doing this, but try to use start date and end date approach, but with relative dates:
[start date][2d ago][end date][now] --> means "analyse last 2 days"
[start ...
1
vote
Accepted
Best way to enter/display relative time in a text box
Personally, I have to say I find the plus and minus symbols somewhat unintuitive... to me, "earlier than minus 2 hours" is a double negative that combines to mean "later than 2 hours", or something :)
...
1
vote
What's a good control for allowing a user to define colours for numeric ranges?
My suggestion is using tooltips where people can enter the value themselves.
1
vote
Accepted
Snap-to-increment Ranger Slider vs. Buttons
In my opinion using buttons will be more ergonomical or efficient to use. Buttons demand less work from the user, because all the distances will be displayed, and the user won't need to play with the ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
range × 42sliders × 10
dates × 7
gui-design × 5
tables × 5
input × 5
datetimepicker × 5
input-fields × 4
time × 4
forms × 3
interaction-design × 3
interface × 3
filter × 3
usability × 2
buttons × 2
design-patterns × 2
selection × 2
multi-selection × 2
numbers × 2
datepicker × 2
price-range × 2
website-design × 1
mobile × 1
user-expectation × 1
web-app × 1