User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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% will see version A, 30% will see version 2 and 50% - version C. What are good example of tackling this feature? I want people to easily reach exactly 100% and not think as less as possible if the value they gave each variation is getting them exactly to 100%...

share|improve this question
The simpliest way is to use two inputs for A and B versions and auto-calculated non-editable field for C version. Standard HTML inputs and a little javascript. – Alexey Kolchenko Aug 25 '13 at 16:30
Agreed with Alexey. apart from you can also have some presets (20-20-60, 30-30-40 etc...) – Awesh Aug 27 '13 at 11:08

I like Alexey's solution.

Alternatively to humble bundle sliders, you can implement multiple handlers in same slider.

Some sample

share|improve this answer

You could use a series of sliders, where moving one automatically adjusts the others so that they add up to a total of 100%. This has been implemented well on the Humble Bundle donation page:

Humble Bundle donation allocation sliders

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.