web-dev-qa-db-fra.com

Comment gérer plusieurs curseurs sur la même page?

Contexte: une page où les utilisateurs, à l'aide de curseurs, peuvent définir différentes valeurs pour obtenir des résultats personnalisés.

La page contient environ 16 paramètres qui peuvent être modifiés avec les curseurs correspondants. Lors de la modification d'une valeur de paramètre unique, les utilisateurs peuvent voir une partie des résultats dans la case de droite en temps réel (voir image). Lorsque tous les curseurs ont été modifiés en fonction des besoins des utilisateurs, les utilisateurs peuvent obtenir tous les résultats en cliquant sur le bouton "Obtenir tous les résultats" (les résultats seront affichés sur une autre page).

list of sliders

Comment simplifier la liste des curseurs et éviter aux utilisateurs effrayés?

2
Giuro

Il n'y a pas de réponse objective à cela. Certaines applications ont légitimement de nombreux curseurs, tandis que d'autres avec beaucoup moins de curseurs en ont trop.

En voici un avec de nombreux curseurs, mais ils sont un choix valide enter image description here

Le problème survient lorsque les concepteurs sont satisfaits des curseurs et ne les jettent que lorsqu'ils ne sont pas nécessaires ou appropriés. Il n'y a pas un nombre défini qui soit trop, juste essayez de garder les contrôles à aussi peu que nécessaire pour atteindre une utilisation maximale ®

L'une des stratégies que j'aime est d'afficher les curseurs les plus fréquemment utilisés et d'avoir un onglet "avancé" ou un bouton/lien "afficher les paramètres avancés" qui révèle ensuite les curseurs les moins utilisés. De cette façon, les utilisateurs novices ne sont pas submergés, mais les utilisateurs avancés ont toujours accès à des fonctions avancées.

2
JohnGB

Vous pouvez diviser votre jeu de curseurs en jeux plus petits sous catégories.

Une liste structurée signifie moins d'éléments, tout comme il est plus facile de mémoriser une séquence de lettres qui a du sens (par exemple "heureux") que le même nombre de lettres sans structure particulière (par exemple "bpbdq").

1
Heitor