an input allowing selection of a point on a linear scale

learn more… | top users | synonyms

34
votes
11answers
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 ...
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 ...
14
votes
5answers
574 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
1k 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
843 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
1k 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
766 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 ...
11
votes
4answers
600 views

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

Which type of sliders is easier to use: horizontal or vertical?
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
215 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 ...
7
votes
6answers
1k 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
6answers
801 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
5answers
1k views

Touchable slider with two sliders - best practice

I'm looking for a userfriendly solution to change two values by only one slider. I have an upper and a lower threshold whereas each value is represented by a knob on the slider. As I'm dealing with ...
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
4answers
316 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
216 views

What is the way to display and navigate 40+ products at a time?

I've attached an image of the current implementation (custom control and arrows), but to me it feels too clunky and awkward because of the custom slide control. Our client seems to like the "3-Up" ...
6
votes
2answers
931 views

Automatically limiting or correcting numeric input field values

The application interface I am working on has a slider to select a number, but offers a text input field next to it. This allows you to read the currently selected value, but also supports keyboard ...
6
votes
2answers
182 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 undoing/...
6
votes
3answers
2k 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 ...
5
votes
6answers
583 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
3answers
195 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 ticks?...
5
votes
5answers
2k 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 ...
5
votes
4answers
1k 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 ...
4
votes
4answers
1k 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
1answer
53 views

Input Value Dependencies

I currently have a slider as shown in the image below. If the user adjusts the Drawdown value the Annuity value is affected also and vice versa. This sounds simple, however, if a user wants to ...
4
votes
2answers
257 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
2answers
57 views

What are some important considerations on picking a continuous vs. discrete volume control?

I notice that some devices on the market have a discrete number of volume levels (e.g. the iPad, the Nintendo DS), whereas others have a continuous slider (or so many volume levels that it amounts to ...
4
votes
3answers
122 views

How to present the content of an Image slider on mobile devices?

I suspect image+text sliders like this aren't the most usable thing on mobile devices, but then how to present their content? Stacking the sliders statically comes to mind but that would take a lot of ...
4
votes
1answer
357 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
8answers
749 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 ...
3
votes
3answers
165 views

Displaying price limit above price slider scale

I'm working on adding a price slider to an existing price filter on an e-commerce shop that uses price buckets (predefined price ranges). If the user selects any of the price buckets, the slider ...
3
votes
2answers
201 views

Using slider to answer a survey question with options

I am developing a survey where my client wants to use a slider so that they can have 7 points scale but provide only 3 explicit options and 4 empty/in-between options on each question. I came up ...
3
votes
2answers
440 views

Date/Time Picker for Small Ranges

I have an application where a user will need to pick a date and time within a very small range, with precision down to the minute. Generally what happens is that a biometric device is given to a ...
3
votes
2answers
115 views

How to record multiple goals in score-keeping app?

The image below shows an application for creating football (soccer) match reports, specifically the section for recording the goals scored. Note: This UI is for recording scores after the game, not ...
3
votes
2answers
706 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
1k 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
1answer
31 views

How do I represent the minimum contribution percentage while allowing users to change the figures on the page and still default to the 50% OnPageLoad

Action: moving the slider adjusts the pricing on the page for an insurance package. Scenario: A user select a insurance benefit package for their employees. The minimum they can contribute is 50% of ...
3
votes
1answer
98 views

Usage of outdated UI elements [closed]

I don't know for how long they have been having this, but today I realized amazons usage of a slider element on their home page (May 25, 2015). My general impression (mainly based on a few articles I ...
3
votes
1answer
66 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 ...
3
votes
1answer
1k 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
385 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
991 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
259 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
424 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
533 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 ...
2
votes
4answers
696 views

Most appropriate UI for age range slider

We're creating a slider to allow users to select an 'age range'. The facility is to recruit users based on certain parameters. For example, I want users: Who live in the UK Is female Is aged ...
2
votes
2answers
254 views

Infinite (looping) carousel vs lineal one

For a slider-carousel - not a banner-looking one, but one that acts as a very functional tabbed navigation -, is there any advantages to having it loop infinitely? In case it's not clear, there are ...
2
votes
2answers
54 views

Building a Jobs page, should I go with a list display or slider?

I'm wondering which would be the better route from a usability perspective to take as I've had some disagreement with a colleague of mine. We are trying to build a Jobs page which will list all of ...
2
votes
2answers
94 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
2k 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 ...