an input allowing selection of a point on a linear scale

learn more… | top users | synonyms

2
votes
2answers
62 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
138 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 ...
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 ...
0
votes
1answer
136 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, ...
1
vote
3answers
76 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 ...
0
votes
2answers
80 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 ...
5
votes
3answers
113 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 ...
1
vote
2answers
68 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 ...
1
vote
4answers
193 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 ...
3
votes
1answer
66 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
185 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
126 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
44 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
45 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
254 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
1answer
118 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
94 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
2answers
170 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, ...
2
votes
2answers
74 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 ...
32
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 ...
2
votes
2answers
184 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
41 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
234 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, ...
4
votes
5answers
790 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 ...
0
votes
2answers
81 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 ...
2
votes
1answer
55 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 ...
6
votes
2answers
139 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 ...
2
votes
2answers
257 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 ...
0
votes
1answer
154 views

Usability of multi-directional sliders for touch interfaces

I have been trying to solve the issues of having to use two sliders that represent values of different orders of magnitude to give users a fine control over the value they want to input. I was ...
0
votes
2answers
285 views

Random banner image with content on each page refresh Vs carousel

On a website re-design, instead of using Content slider/carousel, I'm thinking of randomly showing new banner image with new content with each homepage refresh. Because carousel are not good for UX ...
1
vote
1answer
138 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 ...
2
votes
2answers
601 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
466 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 ...
1
vote
2answers
153 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 ...
3
votes
3answers
758 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 ...
1
vote
1answer
562 views

Slider or radio button for a survey

I'm debating whether to use a radio button or a slider for a survey. My thoughts at the moment are the following. I'd like the group's views and / or links to research which has studied something ...
1
vote
1answer
482 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
424 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
1answer
1k 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 ...
1
vote
2answers
83 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, ...
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 ...
2
votes
2answers
139 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)?
3
votes
3answers
1k 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 ...
0
votes
1answer
146 views

Add button as part of a custom carousel menu

A client wants a web app built where the user can add items to a 3*2 carousel. There would be arrow buttons on either side that make it slide to the next 6 items, and so on. However the design calls ...
2
votes
2answers
210 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% ...
10
votes
2answers
1k 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 ...
0
votes
3answers
1k views

Alternate UI Pattern for slider

I am designing tablet form where i have to capture term of investment for a deposit. Currently, i have designed a typical slider component but we have some technical limitation due to which we are not ...
2
votes
5answers
171 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
3answers
153 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 ...