web-dev-qa-db-ja.com

1つのスライダーに対して2つの値を組み合わせる必要がありますか?

私はあなたがリクエストしたローンに基づいてローン計算機を設計しています(個別の入力は画像に表示されていません)、あなたはあなたのオプションを調べることができます毎月の払い戻し、およびあなたがそれを払い戻す期間。私はこれを単一のスライダーで表し、毎月の返済にどれだけの余裕があるかがわかっているか、タイムフレームを調べて何が得られるかを確認したいかどうかにかかわらず、対応する値をすぐに表示することにしました。

以下の2つのデザインを投稿しました。現在は最初のデザインを使用しますが、2番目のデザインの方が意味があると思います。あなたへの私の質問です:これらの2つの値を1つのスライダーで組み合わせるのはあまりにも混乱していますか、それとも2つの入力フィールドに2つを使用して、互いの値に基づいて自動的に変更する必要がありますか?

また、最小値と最大値(€386および€3066)は、最初のステップ(ここには示されていないステップ)のローン要求に基づいて動的に変化することに注意してください。

Slider with inputs on the left

Slider with inputs on each end

1
roland.illes

私はあなたが正しい軌道に乗っていると思いますが、欠けているものとこれが本当に役立つものは、設計が主要な指標を強調するためのものです

コンプを取り付けました

enter image description here

これは他の場所で見たパターンであり、「ローンの金額を念頭に置いており、余裕のあるレートで何カ月返済する必要があるかを確認したい」というユースケースに対応し、毎月の分割払いをもたらしますフロントとセンター。

ユースケース「月ごとにx回払い戻しした場合にどれだけの金額が得られるかを確認したい」は、ローン金額の横の切り替えコントロールになります。

1
colmcq