web-dev-qa-db-fra.com

Comment puis-je mieux permettre aux utilisateurs de réaffecter?

Je conçois un outil où l'utilisateur définit un montant total maximal, puis peut le diviser en morceaux plus petits comme il le souhaite, en fonction d'un pourcentage. Ils peuvent également vouloir ajuster le total, ce qui réduirait alors la taille des "morceaux" de manière appropriée.

Voir un cas d'utilisation dans mon croquis actuel ici: enter image description here

J'ai déjà conçu des curseurs et autres, mais l'idée que l'augmentation du pourcentage d'un morceau doit diminuer un ou plusieurs du reste est quelque chose avec laquelle je lutte. J'ai joué avec l'idée de "verrouiller" chaque ligne (les horribles icônes à droite de la ligne du curseur sont censées être des verrous) afin que lorsque vous jouez avec le curseur, les lignes verrouillées ne soient pas affectées, mais j'adorerais écoutez vos pensées.

Points bonus si vous pouvez me diriger vers d'autres exemples d'interface utilisateur de ce type d'interaction d'allocation.

Une solution à cela peut être que lorsqu'un maximum est atteint, que les curseurs ne peuvent plus être déplacés, jusqu'à ce que l'utilisateur en réduise un autre. Cela leur permet d'avoir le contrôle de l'endroit où les pourcentages sont ajustés au lieu d'un ajustement automatique par les curseurs eux-mêmes.

Seuls des exemples comparables, je peux penser à des calculateurs d'utilisation des données pour payer les tarifs mensuels. L'exemple AT&T vous donne en fait un avertissement lorsque vous atteignez la limite: http://www.att.com/att/datacalculator/

sans fil, changez le message en rouge lorsque vous avez atteint le maximum, mais indiquez toujours le niveau auquel vous êtes actuellement. Dans votre cas, le total de 100% peut alors changer en rouge et afficher 120% par exemple, donnant à l'utilisateur une file d'attente visuelle de combien il faut alors réduire les curseurs en: http://www.iwireless.com/data -calculator.asp

2
hollzy

Si vous restez avec le curseur et l'icône de verrouillage, ou un appareil équivalent, il serait logique de placer les icônes complètement à droite (bien que la gauche puisse également fonctionner). Souvent dans les vues de grille, les actions sont empilées sur le côté droit d'un élément de liste.

La raison en est que le curseur de plage vous donne une rétroaction continue pendant l'interaction à gauche (en%) et à droite ($).

Les yeux des utilisateurs ne devraient pas avoir à sauter le verrou pour lire constamment les valeurs lorsqu'ils manipulent le curseur.

Vos entrées semblent être uniquement pour le%. Y a-t-il une raison pour ne pas laisser les utilisateurs entrer des valeurs numériques à droite? Dans une situation financière, de nombreuses personnes peuvent envisager un montant arrondi en premier ("Je ne donne à Gob que 200 dollars"), puis voir le pourcentage.

En outre, avec un curseur de plage, il pourrait être difficile, voire impossible, de faire un pourcentage en un montant arrondi en dollars. N'augmentez pas le travail d'un utilisateur.

Une fois que vous avez verrouillé le montant d'un individu, la ligne s'affiche en gris, indiquant un état verrouillé, donc c'est clair pour l'utilisateur.

Bravo à vous pour la référence Arrest Development :)

1
Mike M