web-dev-qa-db-fra.com

Sélectionnez et ajustez les champs de saisie individuels et multiples (quatre) à la fois numériques et avec curseur

Je travaille sur une nouvelle solution pour un outil graphique et j'ai besoin de trouver des versions alternatives comment un utilisateur peut ajuster la marge fx ou le remplissage. Dans ce cas, l'utilisateur dispose actuellement de quatre champs de saisie: 1. Ajustez la marge individuelle en saisissant un nombre ou à l'aide d'un curseur 2. Sélectionnez les quatre champs puis ajustez les quatre valeurs avec un curseur.

La solution actuelle doit être optimisée et si possible plus efficace et augmenter la convivialité. Avez-vous des commentaires sur la façon de résoudre ce problème ou avez-vous vu de bons exemples?

1
Anders Lund

Les outils de développement Google le font actuellement comme ceci (vu à l'extrême droite de l'image):

enter image description here

L'affichage d'une représentation visuelle de la marge et de la structure de remplissage permet à l'utilisateur de comprendre clairement quel élément il modifie. Vous pouvez sauter directement et modifier les valeurs à la volée.

Pour un contrôle aussi précis, je le déconseille aux curseurs.

1
RobbyReindeer