Formulaire de calcul de prix ajustable
j'ai besoin de résoudre les exigences commerciales suivantes:
L'utilisateur reçoit une proposition de prime mensuelle (prix en $) basée sur son entrée de:
- Durée (pour combien de temps paiera la prime mensuelle - en années)
- Somme assurée (somme assurée - en milliers de $)
La prime mensuelle est plus élevée s'il entre une prime et un terme plus élevés. Nous devons lui donner l'option de "jouer" et recalculer l'offre:
- en modifiant la prime mensuelle qu'il doit payer en recalculant somme assurée et terme =
- en changeant la somme assurée qu'il doit assurer en changeant prime mensuelle et terme =
Quelques croquis de base sont ici:
Mes questions sont:
- Existe-t-il des exemples de modèles de conception pour ce problème?
- Quelqu'un a-t-il une idée plus élégante pour résoudre celui-ci?
Votre solution est en fait assez bonne et simple à utiliser ... la seule chose à laquelle je peux penser est d'améliorer cela en utilisant des boutons radio pour éliminer une étape supplémentaire dans le processus.
Si une approche plus graphique est possible, considérez ceci:
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Le problème avec trois champs dépendants (approximativement A * B = C) est "ce qui doit être ajusté exactement quand vous voulez changer une seule valeur". Dans le diagramme, vous pouvez:
- faites glisser la ligne horizontale pour ajuster la prime mensuelle et garder le montant de la couverture inchangé - le cercle se déplacera le long de cette hyperbole, donc le terme sera ajusté
- faites glisser la ligne verticale pour ajuster le terme et garder le montant de la couverture inchangé - le cercle se déplacera le long de cette hyperbole, donc la prime mensuelle sera ajustée
- faites glisser le cercle - vous allez tout changer, mais le but est de le déplacer vers un autre "niveau" - le montant de la couverture. Cela pourrait bien fonctionner avec un certain comportement "snap to line".
C'est juste pour l'inspiration, vous n'avez pas besoin de corriger la visualisation "mathématique", n'importe quel rectangle fonctionnerait (le changement de largeur ajuste la hauteur et vice versa, et faire glisser son coin supérieur droit ajustera sa surface).
Vous pouvez utiliser pour toutes les informations des champs de saisie réguliers, et juste faire la mise à jour en temps réel à chaque fois que le chiffre est changé.
Si tel est le cas, vous pouvez placer des valeurs initiales dans le premier scénario à titre d'exemple. Vous pouvez améliorer la fonctionnalité avec de petites cases suggérées avec des valeurs sous les champs, puis cliquez sur ces cases pour mettre à jour tous les nombres en conséquence.
Et bien d'autres façons de rendre cela agréable.
Quelque chose qui me vient à l'esprit est l'entrée d'un élément de calendrier. Là, vous pouvez modifier l'heure de début, l'heure de fin ou la durée. Chaque changement affectera l'une des autres entrées.
La logique dans les calendriers est généralement que le champ d'entrée non modifié le plus long sera affecté. Ceci est correct pour la plupart des cas, car le champ qui a été modifié en dernier est probablement la valeur que l'utilisateur souhaite conserver.
Je n'ai pas réfléchi à votre cas, mais cela pourrait fonctionner. Mais vous pourriez peut-être vérifier si ce modèle fonctionne avec votre problème.