次のビジネス要件を解決する必要があります。
ユーザーは、次の入力に基づいて月額プレミアム(価格は$)の提案を受け取ります。
月額保険料は、より高い保険料と期間を入力すると高くなります。私たちは彼にオファーを「プレイ」して再計算するオプションを与える必要があります:
いくつかの基本的なスケッチはここにあります:
私の質問は:
よりグラフィックなアプローチが可能な場合は、これを考慮してください。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
3つの依存フィールド(おおよそA * B = C)の問題は、「1つの値だけを変更したい場合に正確に調整する必要があるもの」です。図では次のことができます。
それはインスピレーションのためだけであり、「数学」視覚化に修正する必要はなく、任意の長方形が機能するだけです(幅を変更すると高さが調整され、その逆も同様です。右上隅をドラッグすると表面が調整されます)。
すべての情報の通常の入力フィールドに使用でき、数字が変更されるたびにリアルタイムで更新します。ユーザーにとっては十分に明確であり、ユーザーはすべてのフィールドを変更してすぐに情報を取得できます。
その場合、例として最初のシナリオでいくつかの初期値を配置できます。フィールドの下に値がある小さな推奨ボックスを使用して機能を拡張し、それらのボックスをクリックすると、それに応じてすべての数値が更新されます。
さらに、これを楽しいものにする多くの方法。
私の心を横切るのは、カレンダーアイテムの入力です。そこで、開始時刻、終了時刻、または期間を変更できます。各変更は、他の入力の1つに影響します。
カレンダーのロジックは通常、変更されていない最長の入力フィールドが影響を受けるということです。最後に変更されたフィールドはおそらくユーザーが保持したい値なので、これはほとんどの場合に当てはまります。
私はあなたのケースではこれを考えていませんでしたが、うまくいくかもしれません。しかし、おそらく、このパターンが問題で機能するかどうかを確認できます。