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 pay it back. I decided to represent this on a single slider, and immediately show the corresponding values, whether you know how much you can afford to pay back each month, or you want to explore the timeframe to see what numbers that gives you.

I posted my two designs below, currently we're going with the first one, although I find the second one more meaningful. My question to you is: is it too confusing to combine these two values on one slider, or should we use two for the two input fields, and change them automatically based on each other's value?

Also note that the minimum and maximum values (€386 and €3066) change dynamically based on your loan request in the first step (the step not shown here).

Slider with inputs on the left

Slider with inputs on each end

  • I'm trying to get my head around the concept of the scenario where the user does not have a loan amount in mind, but more of a monthly contribution. Can you help me with that.
    – colmcq
    Jan 25, 2016 at 16:19
  • Some people may want to see how much money they can afford to borrow. Perhaps if looking to buy a car, knowing how much they have available before starting their car search is useful. Jan 27, 2016 at 8:29

1 Answer 1


I think you're on the right track but what's missing and what would make this really useful is for the design to empahise key metrics

I've attached a comp

enter image description here

This is a pattern I've seen elsewhere and addresses the use case "I have a loan amount in mind and I want to see over how many months I would need to pay it back at a rate I can afford" and brings the monthly installment front and center.

The use case "I want to see how much I can get if I paid back x per month" would be the switch control beside loan amount.

  • I really see the latter use case as secondary
    – colmcq
    Jan 25, 2016 at 16:32

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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