web-dev-qa-db-fra.com

Informez l'utilisateur qu'il peut saisir des nombres absolus ou des pourcentages

J'ai un formulaire de devis dans lequel je souhaite que les utilisateurs aient la possibilité d'ajouter une remise. Les remises peuvent être ajoutées en pourcentage ou en valeurs absolues. Ma conception actuelle est un champ de texte et une liste déroulante pour sélectionner des valeurs absolues ou en pourcentage:

enter image description here

Existe-t-il une meilleure façon d'afficher le formulaire de remise?

11
topher

Vous pouvez utiliser un interrupteur à bascule ABSOLUTE | PERCENTAGE et demandez à l'utilisateur de sélectionner celui qu'il souhaite utiliser. Par exemple: (ne vous occupez pas du signe $ je l'ai fait rapidement)

enter image description here

et laissez l'utilisateur choisir entre les deux options.

Ce format fonctionne très bien dans les cas d'utilisation que je traite. Les acheteurs et les soumissionnaires doivent prendre de nombreuses (100+) décisions en une journée. Il est facile de sélectionner et de numériser un écran et de voir rapidement et facilement ce qui doit être fait et/ou ce qui reste à faire.

21
Mayo

@ Mayo a, je pense, la réponse avec la plus grande accessibilité.

Mais, si le champ de remise doit être utilisé fréquemment, une approche qui a fait ses preuves avec de nombreuses applications professionnelles et de productivité est la boîte de saisie polymorphe.

enter image description here

Des applications comme Microsoft Word, PowerPoint, Photoshop, AutoCAD, Illustrator et d'autres utilisent ces cases de manière efficace pour permettre aux utilisateurs de saisir rapidement des unités dans un action d'entrée unique sans impliquer de clics ou d'onglets supplémentaires.


Les entrées polymorphes sont un peu plus difficiles à apprendre pour les utilisateurs, mais une fois qu'ils comprennent comment les utiliser, ils sont souvent l'interface la plus rapide à utiliser. Pour les formulaires avec plusieurs champs, ils permettent également aux utilisateurs de remplir en tabulant et en remplissant les champs sans avoir à faire une pause pour saisir une souris.

Voici un croquis pour un champ de remise:

enter image description here

  • Dans ce cas, j'ai utilisé un espace réservé pour indiquer aux utilisateurs ce qu'il faut faire. Vous voudrez peut-être ajouter un ? icône d'information ou une info-bulle si vous pensez que vos utilisateurs ont besoin de plus d'explications.

  • Notez qu'il est important d'inclure le comportement par défaut si l'utilisateur tape un nombre sans unité (dans ce cas, je l'ai défini par défaut sur un montant $).


Encore une chose ...

Pour les champs de remise, la signature de numéro peut souvent prêter à confusion. Il est recommandé d'ajouter des rapports d'erreurs pour montrer aux utilisateurs quelle est la bonne signature:

enter image description here

29
tohster

Je recommande l'option # 2 de Gustav. Vous pouvez donner les deux, autoriser les deux à être modifiables et demander à la mise à jour de l'homologue de refléter le changement, soit au fur et à mesure de leur saisie, soit lorsque le champ de saisie perd le focus.

Cela répondrait également à la nécessité d'arrondir. Je pourrais taper 20% pour la remise, puis tabuler jusqu'au champ de saisie absolu et arrondir au dollar le plus proche. Dans de tels cas, une icône de maillon de chaîne est parfois utilisée pour indiquer que les deux champs de saisie sont liés:

Absolute-Relative Input Wireframe

7
Phillip Quintero

Jusqu'à présent, les réponses se concentrent toutes sur la facilité de compréhension. C'est important, mais si l'outil est fréquemment utilisé, la facilité d'utilisation est également un élément à considérer.

Si l'utilisateur typique est susceptible d'utiliser cette fonctionnalité plusieurs fois, je laisserais l'option être définie en tapant% ou un symbole monétaire directement dans le champ avec la valeur. Cela permettra à un expert de définir la remise en une seule action plutôt que deux.

Il n'est pas nécessaire de remplacer un autre moyen de définition de la valeur plus facile à comprendre. Vous pouvez également avoir une liste déroulante (ou l'un des autres paradigmes suggérés) que vous gardez synchronisée avec ce qui est affiché dans le champ.

5
user31143

Je vois 3 options:

1: L'interrupteur.

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

Utilisez des symboles courants comme $ | %


2: Montrez les deux.

32,43 (0,64%)


3: Assumer la responsabilité.

Et décidez ce qui est le mieux pour vos utilisateurs. Demandez-leur ce qu'ils veulent voir, pourquoi ils veulent le voir.

  • Objectifs marketing : optez pour celui qui correspond le mieux au rapport valeur-remise. Par exemple. Utilisez un pourcentage sur des valeurs inférieures, sauf si la remise est très élevée. Plus: Puissance de comparaison , Expériences de prix
  • Facturation : utilisez des valeurs absolues
  • Autre chose : Connaissez votre groupe d'utilisateurs, à quoi s'attendent-ils? Qu'est-ce qui correspond aux objectifs commerciaux?

Je ne peux imaginer aucune situation où une action de l'utilisateur rendrait l'interface utilisateur plus utilisable et confortable.

3
Gustav

Si quelqu'un écrit 40%, il est clair qu'il s'agit d'un pourcentage et non d'une valeur absolue. Pourquoi ne pas utiliser ça?

Si le dernier caractère du champ de saisie est un "%", vous pouvez stocker la valeur en pourcentage, sinon en valeur absolue. À côté du champ de saisie, vous pouvez afficher un indice tel que "saisir une valeur absolue ou en pourcentage".

1