an input allowing selection of a point on a linear scale

learn more… | top users | synonyms

29
votes
10answers
5k views

What cues can I use to nudge users away from setting extreme values on a slider?

I have a mobile photo app that allows users to adjust things like brightness, contrast and saturation via sliders. The default value for all sliders is the center position between two extremes. While ...
14
votes
5answers
483 views

Should a special slider value be implemented with a checkbox or not?

I am creating a dialog box for a GIMP plugin that exports images in the WebP format. The dialog currently looks something like this: download bmml source – Wireframes created with ...
13
votes
7answers
961 views

How to incorporate a “never” value on a slider?

I have a slider in a web page (similar to this one) to control the the duration of how long to keep an item before it is removed: The range of values goes from 0 to 90, with the value 0 being used ...
13
votes
6answers
711 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 ...
12
votes
9answers
935 views

How do you show a locked slider?

I have an application with a slider, but I need to be able to lock the slider, and have it clear to the user that it is locked - simply disabling it is not an option. By locked I mean that you are ...
12
votes
5answers
622 views

What is the correct meaning of “slider”?

I'm confused by the word "slider". It seems to be used interchangeably for two quite different types of UI control. An input allowing selecting of a point on a numeric scale, as in the jQuery UI ...
10
votes
2answers
889 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 ...
10
votes
4answers
517 views

Which one is easier to use: horizontal or vertical sliders?

Which type of sliders is easier to use: horizontal or vertical?
7
votes
6answers
890 views

How do you indicate that a UI element affords sliding, without using an actual slider?

I'm designing an interface for an Android app that would allow the user to control the pitch, tempo, volume, etc. of some music playing in the background. Here's what I've sketched so far: I ...
7
votes
3answers
189 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 ...
6
votes
4answers
2k 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
547 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 ...
6
votes
4answers
302 views

How to use many sliders with lengthy textual descriptions

I have the following problem: On my website, there is a personal settings page, where the user is able to define health-levels for her specific body parts. To mix it up a little, some body part's ...
6
votes
2answers
125 views

Sliders and undoing?

I am looking to improve my open source project Retro Graphics Toolkit (for more information see https://github.com/ComputerNerd/Retro-Graphics-Toolkit ) and one feature that I plan to add is ...
5
votes
6answers
480 views

Rough and fine adjustments with horizontal slider

I'm used to scrolling being thrice as effective as arrowkeys in Firefox. I want to give the ability to quickly and roughly adjust values by hovering over the slider and using the scrollwheel. Finest ...
5
votes
2answers
391 views

Automatically limiting or correcting numeric input field values

The application interface I am working on has an slider to select a number, but offers a text input field next to it. This allows reading the currently selected value, but also supports keyboard ...
4
votes
5answers
475 views

Multi-range Slider for Budget Allocation

I'm currently designing a slider that will be used to allocate a fixed budget to different channels. I posted some shots of the current design below. Right now, it's possible to simply drag the slider ...
4
votes
4answers
866 views

Slider alternative

I am struggling with a client who has a (slightly irrational) dislike of slider controls. I need to provide an alternative that can accommodate 233 selection points, of which maybe 10 are common ...
4
votes
2answers
202 views

Slider control: marker restrictions?

In slider controls, is there any restrictions about slider's marker? Is it context-dependent? For instance, do you feel like this slider (taken from a desktop application built with Flex) could be a ...
4
votes
1answer
190 views

Effect for smooth scrolling over slider/carousel

What is this effect called? http://ruudvaneijk.nl/ when you scroll down you see it scrolls a bit over the slider on the top. I searched the internet for half an hour but could not find how it's ...
3
votes
2answers
329 views

How to show range sliders on mobile

This is my first UX question and Im a noob to UX and this forum so please let me know if you require more detail... I'm designing a responsive order form, which has a range slider for quickly picking ...
3
votes
3answers
611 views

Does A Slider Control UI Element Like This Exist — The Joystick Slider?

A standard slider, such as an html5 <input type ="range"/> or its many javascript-enhanced brethren, works by providing a handle that you slide between two endpoints, typically with your mouse ...
3
votes
3answers
713 views

Why do electric fan knobs often place the highest setting right after the off position?

Electric fans are often controlled by a knob which the user turns to power the fan on or off, and control the fan's speed. On a lot of fans, the knob goes immediately from the off position to the ...
3
votes
1answer
910 views

Best alternative to slider controls for iPad users?

My team is currently planning a map-centric web app with several slider controls for filtering results. While there seem to be techniques emerging for coding sliders to respond to touch instead of ...
3
votes
2answers
312 views

Sliders without inputs - terrible idea?

Here's a part of iMovie UI that confuses me. All clip&audio settings can be only adjusted by manipulation on sliders. There's no way to type in specific number. My first thought - this is just ...
3
votes
1answer
667 views

slider vs. select box / dropdown

I've got a web app with two related UIs for adjusting a value. The first allows the user to add or subtract up to 100% of the amount. It's for an estimate, so rough ranges (e.g. every 10%) would be ...
3
votes
3answers
180 views

Please recommend a widget to alter ratios totalling 100% [duplicate]

Possible Duplicate: How to build a budgeting interface (sum of items must equal 100)? I need the user to be able to change the ratios of items adding up to 100%. Essentially, I'm talking ...
2
votes
5answers
387 views

Speed vs Quality UI Pattern

I'm trying to come up with a good disposition of UI elements to help depict Function Speed vs Quality. Can anyone point me in the right direction? Are the Labels Right / Informative Enough? Is the ...
2
votes
2answers
60 views

How handle many sliders in the same page?

Context: a page where users, using sliders, can set different values to get personalized results. The page contains about 16 parameters that can be modified with the corresponding sliders. At the ...
2
votes
1answer
917 views

Search Filter Text fields vs Sliders

I am doing an eCommerce site for selling clothing and it is going to be responsive as well. I want to know what the best approach is for setting budgets. Will a text field with a budget range will ...
2
votes
2answers
149 views

Touch control of value with high range [duplicate]

Possible Duplicate: Suitable alternative to trackbar control In our application, there are settings that have a high dynamic range (e.g. 0-10000 in steps of 0.1). I am in need of a UI to ...
2
votes
2answers
205 views

Alternatives to range sliders for small, finite input lists

For a real estate search, the user can specify bedroom count with valid values being 1,2,3,4,5+ or any continuous range in-between (e.g. 2-3) and I'm looking for a way to represent that other than a ...
2
votes
2answers
351 views

What sort of control should I use instead of a knob?

Part of our application allows users to essentially "turn a knob" to crank up some effect. Internally, the numbers go from 0 to 15, but externally the numbers don't matter much. We want to maintain ...
2
votes
2answers
135 views

Slider/slideshow behavior on inactive page

What's the appropriate behavior for a slider/slideshow on a page when it's not visible (e.g. user switched the tab or just scrolled down, so the slider is outside of visible part of the screen)?
2
votes
2answers
58 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 ...
2
votes
1answer
51 views

Name for JS UI Component

There's a text-dragging UI component I want to use, which can be seen in detail here (drag the cookies!). This is a pretty common idea, and is used a lot in native production applications. I would ...
2
votes
2answers
190 views

Traffic Allocation UI

I am working on a UI for an A/B testing web-app. One of the features is traffic allocation, where you can set the percentage of the visitors that will see every variation of the test. For example, 20% ...
2
votes
2answers
73 views

Assign User within range of selection

There is a horizontal timeline, divided by seven and for each divided again by - whereas the main division is for days, the second one is for AM/PM. Now you can select range of days - defining an ...
2
votes
2answers
86 views

Sliders/Carousels vs. Scrolling

I'm trying to figure out the value of an image carousel vs. scrolling for a portfolio site. Obviously because it is a portfolio the images are the main content and at first glance displaying them in a ...
2
votes
5answers
151 views

Using portfolio case studies as a slider instead of a separate page

I'm redesigning my portfolio and I wonder what's the best experience. As many people do, I have a left column with a brief description of the project and on the right an image of the finished layout. ...
1
vote
2answers
135 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 ...
1
vote
2answers
307 views

Are sliders inefficient controls for desktop applications?

I always thought sliders weren't as optimal for numerical parameters. You not only have to look where the parameter is, but also where the slider is and ensure you are clicking exactly there to make ...
1
vote
1answer
108 views

Allowing user to input a range value where end points have special meaning

I need to allow the user to input a setting that controls the showing of a GUI feature after performing a number of steps. The setting would control the number of steps in the application that should ...
1
vote
3answers
270 views

Slider graduations - how many pixels?

I've been asked to create a design which uses sliders to allow the user to enter numerical values. Although (in my view) these are not appropriate, unfortunately my arguments for alternatives have ...
1
vote
2answers
105 views

What would be a mobile friendly solution for a range slider with input controls?

I have a range slider with two input controls, each with a higher/lower button. The user should be able to make his input by sliding (fast but not accurate), typing into the inputs (average speed, ...
1
vote
2answers
77 views

How can I do a better job of allowing users to reallocate?

I am designing a tool where the user sets a maximum total amount, and then can divide that up into smaller chunks as they so desire, based on a percentage. They may also want to adjust the total, ...
1
vote
3answers
135 views

Best way to indicate that a slider caption & call-to-action box is attached to an image?

I am putting a slider on a client's site, and want a caption and call-to-action in a 'floating' box to the side, like this: They were concerned that they will have issues finding proper images with ...
1
vote
2answers
120 views

What should the minimum value of a slider filter be?

I am trying to figure out what the best UX would be for a slider filter. The slider is used to filter a list of companies based on a desired loan amount on a personal loan list page. Currently, ...
1
vote
1answer
37 views

How to represent user interest in more sectors of same category?

I want to represent the user interests for particular subcategory of some category, to be concrete - let's say we want to track user interest for clothes and I want to see how much they're interested ...
1
vote
1answer
99 views

How to show both input and output on a slider?

I'm working on an interface to control a variable-brightness LED. The obvious choice to me is to use something like a slider. The LED can be adjusted within the GUI or externally, so I need to allow ...