web-dev-qa-db-ja.com

調整可能な価格計算フォーム

次のビジネス要件を解決する必要があります。

ユーザーは、次の入力に基づいて月額プレミアム(価格は$)の提案を受け取ります。

  • 期間(月ごとのプレミアムを支払う期間-年)
  • 保証額(保険金-数千ドル)

月額保険料は、より高い保険料と期間を入力すると高くなります。私たちは彼にオファーを「プレイ」して再計算するオプションを与える必要があります:

  • 毎月のプレミアムを変更して、合計保証額期間
  • sum assuredを変更して、monthly premium期間

いくつかの基本的なスケッチはここにあります:

enter image description here

私の質問は:

  • この問題の設計パターンの例はありますか?
  • 誰かがこれを解決するためのよりエレガントなアイデアを持っていますか?
3
Viktor Bilic

あなたのソリューションは実際にはかなり使いやすく、簡単です...ラジオボタンを使用してプロセスの1つの余分なステップを排除することでそれを改善することしか考えられません。

enter image description here

2
Milan Banjac

よりグラフィックなアプローチが可能な場合は、これを考慮してください。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

3つの依存フィールド(おおよそA * B = C)の問題は、「1つの値だけを変更したい場合に正確に調整する必要があるもの」です。図では次のことができます。

  • 水平線をドラッグして毎月の保険料を調整し、カバー金額を変更しないでください-円はその双曲線に沿って移動するため、用語が調整されます
  • 垂直線をドラッグして期間を調整し、カバー金額を変更せずに維持します-円はその誇張に沿って移動するため、毎月のプレミアムが調整されます
  • 円をドラッグします-すべてを変更しますが、ポイントは別の「レベル」に移動することです-カバー量。一部の「行にスナップ」する動作でうまく機能します。

それはインスピレーションのためだけであり、「数学」視覚化に修正する必要はなく、任意の長方形が機能するだけです(幅を変更すると高さが調整され、その逆も同様です。右上隅をドラッグすると表面が調整されます)。

0

すべての情報の通常の入力フィールドに使用でき、数字が変更されるたびにリアルタイムで更新します。ユーザーにとっては十分に明確であり、ユーザーはすべてのフィールドを変更してすぐに情報を取得できます。

その場合、例として最初のシナリオでいくつかの初期値を配置できます。フィールドの下に値がある小さな推奨ボックスを使用して機能を拡張し、それらのボックスをクリックすると、それに応じてすべての数値が更新されます。

さらに、これを楽しいものにする多くの方法。

0
xul

私の心を横切るのは、カレンダーアイテムの入力です。そこで、開始時刻、終了時刻、または期間を変更できます。各変更は、他の入力の1つに影響します。

カレンダーのロジックは通常、変更されていない最長の入力フィールドが影響を受けるということです。最後に変更されたフィールドはおそらくユーザーが保持したい値なので、これはほとんどの場合に当てはまります。

私はあなたのケースではこれを考えていませんでしたが、うまくいくかもしれません。しかし、おそらく、このパターンが問題で機能するかどうかを確認できます。

0
BrunoH