an input allowing selection of a point on a linear scale

learn more… | top users | synonyms

1
vote
1answer
70 views

Snap-to-increment Ranger Slider vs. Buttons

I am working on an app which requires filtering of distance: < 10km < 25km < 50km < 100km My options are: 1 row with 4 buttons for each distance option, or a range slider that snaps on ...
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 ...
1
vote
1answer
107 views

What's that “chevrons” mouse-like “not a slider” interface?

Imagine an ordinary left-right slider (line with a grab) which runs from say -100 to 100. The position is the value ... it's a slider. However. I've sometimes seen rather: a horizontal area the ...
1
vote
1answer
21 views

Zoom Slider Control Positioning

I am wondering if anyone has experience with designing a zoom in/out control slider and if they know what the best possible position for them is? Is it the best user experience to have it horizontal ...
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 ...
5
votes
5answers
1k 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 ...
1
vote
4answers
309 views

Do you know any mobile alternative to sliders?

I'm looking for alternative solutions to a slider. What I need is something that allows users to easily compare a price based on the variation of a given variable. For example: I set numbers of ...
3
votes
2answers
110 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 ...
1
vote
0answers
52 views

Looking for skeuomorphic UI framework to simulate physical knobs / sliders / switches [closed]

I'm looking for a UI framework suitable for simulating a physical interface consisting of many knobs, sliders, switches, buttons, and various types of indicator LEDs. My project is built with ...
4
votes
3answers
115 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 ...
0
votes
2answers
111 views

Plus/minus buttons around zoom slider or minimalist design?

My web app has zoomable interface with a minimalist slider to indicate the zoom level. http://wikibudgets.org/w/svk/bratislava/zahorska-bystrica/2016/ I was told recently that not having the ...
0
votes
1answer
55 views

Should I inform the user a slider actually has a margin?

I have a configuration dialog that contains a percentage slider: The user can set a range of 10% to 90% on this slider (don't ask why). In reality, the user is actually configuring a range with a 5%...
4
votes
2answers
52 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 ...
1
vote
1answer
86 views

Should I combine two values for a single slider?

I'm designing a loan calculator, which based on the loan you request (separate input not shown on the images), allows you to explore your options of monthly paybacks, and the period during which you ...
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 ...
1
vote
3answers
142 views

Color Sliders User-Friendly

I'm designing a website, and I need to allow the user to change the color of some elements. I will have to implement a color slider. I've got 2 different kinds, and I would like to know which is most ...
0
votes
2answers
269 views

A slider or a checkbox?

I want to place a filter for price on my website. Currently, I have it placed as slider. I've though about adding a input field on the left and right of the slider which will indicate the min and ...
0
votes
0answers
53 views

Monitor resolution settings in a slider, dropdown or list?

I noticed that in the more recent versions of Windows, the monitor resolution setting has changed from a slider to a dropdown box and an abomination in between. XP: Slider Windows XP has a default ...
3
votes
3answers
153 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 ...
6
votes
2answers
907 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 ...
3
votes
8answers
697 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 ...
2
votes
3answers
121 views

How many interactive controls is too much on a mobile game screen?

I'm making a screen for a mobile game (strategy like) There are 3 type of resources. Player has a base and bunker. Also he has different types of troops. Each troop can carry X resources with him ...
4
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 ...
2
votes
4answers
1k 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 ...
3
votes
2answers
190 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 ...
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 ...
3
votes
2answers
406 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 ...
5
votes
3answers
190 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?...
1
vote
2answers
435 views

How do you make a range input / slider accessible to screen readers for blind UX

download bmml source – Wireframes created with Balsamiq Mockups How do you make range inputs / sliders screen reader accessible? What is the best solution for making these types of inputs ...
0
votes
1answer
151 views

How to show sleeping on a slider?

I'm developing an application for a client that asks lots of questions to determine compatibility between people. Unfortunately, the questions vary greatly, as they can pertain to sleep habits, ...
0
votes
2answers
116 views

“Slider” with relative motion? What is this called?

I'm looking for control that allows relative motion. This isn't what I'm using it for, but you could consider it in the context of a volume control. My requirements: There is a range of ...
2
votes
4answers
638 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 ...
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 ...
3
votes
1answer
94 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 ...
6
votes
2answers
213 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
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 ...
2
votes
2answers
244 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
1answer
53 views

What's a good control for allowing a user to define colours for numeric ranges?

I've created a multi-value slider that allows the user to set colours to be used for a range of values from 0 to 100. Here's what it looks like: The user can slide each number left and right to ...
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 ...
1
vote
1answer
246 views

Vertical or Horizontal Slider for History version?

I'm working on a History Control Version of a web app. It will be kind of Time Machine style, where you can move a slider to go from past to present (or the other way too) and immediately see an image ...
2
votes
2answers
122 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 ...
1
vote
1answer
197 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 ...
1
vote
2answers
236 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, every ...
2
votes
2answers
90 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 ...
1
vote
1answer
549 views

How can you best filter table data: sliders, text input, or a combination of both?

I am designing a data web page (where most people viewing that page is looking up the data) for a game fansite and one part of it looks like this download bmml source – Wireframes created ...
2
votes
2answers
583 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 ...
1
vote
1answer
45 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
2answers
387 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, ...
0
votes
2answers
98 views

What is the best way to show labels on filters with sliders?

I need to design a filters column to fit in safe area (650px) and I need to understand how to deal with labels. In order to shrink the design I decided to put labels into input boxes and using ...
3
votes
1answer
65 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 ...