an input allowing selection of a point on a linear scale

learn more… | top users | synonyms

30
votes
7answers
3k views

Cumulative percentage between 4 controls

I have a tricky request that requires the user being able to change the values across 4 vectors. The catch is that the four vectors between them must total 100%. My initial thought is to go with 4 ...
6
votes
4answers
3k views

Price sliders vs. range links as a faceted search form element for filtering on price

When comparing a front-end jquery slider widget against a list of links that filter by price range, within the context of faceted searches that reduce the number of items in a catalogue, which of the ...
6
votes
6answers
767 views

Suitable alternative to trackbar control

I use a track bar control in two different places in an touch-screen application I have. The first to record a specific amount of Data. (lets say 260 samples) the second to record an unlimited amount ...
3
votes
8answers
666 views

Should I ask the user to enter their age or their birthday?

I am making a health and fitness app and I want to know the age of the user using the app. What will be the best way to go about this? Currently I am debating between using a slider to select the ...
10
votes
2answers
2k views

Sliders and Accessibility: Usability of sliders for users with disabilities

I was wondering if the use of sliders would make it harder for people with disabilities to select values. How hard is it to drag and drop for them? How easy is it for them to see values changing while ...
9
votes
3answers
211 views

Specifying an unlimited value

How do I create a natural UI to let the user choose an unlimited value? Take for example, Bittorrent's bandwidth configuration: Arguably, putting 0 for unlimited is not natural. Some people might ...
13
votes
6answers
833 views

Why are nested elements scrolled to the opposite direction?

My question is about scrolling conventions, and spatial scroll conventions in general (even here it's only horizontal, but same applies for vertical scrolling). Looking at the below mockup, why is it ...
5
votes
3answers
187 views

How to visualize slider steps without ticks

A good way to visualize the steps a slider can make is to visualize it with ticks like so: What would be a good way to visualize a slider can only be set into certain steps without the use of ...
4
votes
4answers
911 views

How should a multi-state toggle slider with more than two states be implemented?

The toggle slider is a very common pattern on mobile devices for iOS and certain web applications, however they work well for only a dual-state switching. When it comes to more than two states, the ...
1
vote
2answers
181 views

What is the best way to input cm of body measures?

In my web application the user have to save their measures of the following parts of the body: Head Neck Chest Hip Feet The value stored in the database could store two decimals too. So I thought ...