Une valeur de curseur spéciale doit-elle être implémentée avec une case à cocher ou non?
Je crée une boîte de dialogue pour un plugin GIMP qui exporte des images au format WebP. La boîte de dialogue ressemble actuellement à ceci:
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Les cases à cocher "sans perte" désactivent chacune le curseur de qualité et la boîte de spinner directement en dessous lorsqu'ils sont cochés. Dans le cas des canaux de couleur, c'est parce qu'il n'y a pas de valeur de curseur qui représente "sans perte" (même 100% n'est pas sans perte).
Cependant, en ce qui concerne le canal alpha, une valeur de 100% est sans perte (et aussi la valeur par défaut) et donc je me demande si la case à cocher est redondante. Il existe deux implémentations possibles que j'envisage:
- Retirez la case à cocher: avec cette option, la case à cocher est supprimée et le curseur a simplement une plage de 0 à 100.
- Réglez la plage du curseur sur 0-99: avec cette option, la case à cocher reste et permet simplement d'utiliser une valeur de 100 car le curseur uniquement va jusqu'à 99.
J'ai du mal à décider entre les deux options. Un simple graphique indiquant le nombre de pas que l'utilisateur doit effectuer dans chaque scénario possible favorise la première option:
Case à cocher et curseur 0-99: Étapes: - l'utilisateur veut sans perte: la case à cocher est déjà cochée et l'utilisateur ne fait rien (0) - l'utilisateur veut avec perte: décoche la case à cocher et déplace le curseur (2) Curseur 0-100 - l'utilisateur veut sans perte: le curseur est déjà réglé sur 100 (0) - l'utilisateur veut avec perte: déplace le curseur sur la valeur ( 1)
Mais je me rends compte que prendre cette décision exclusivement en fonction du nombre d'étapes requises n'est pas une bonne idée. L'interface doit être intuitive.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Que dis-tu de ça?
Remplacez simplement les cases à cocher par des boutons radio.
Canal de couleur - la sélection de Lossless désactive le curseur et la sélection de Lossy l’active.
Canal alpha - la sélection de Lossless définit le curseur à 100% et la sélection de Lossy et sa définition à 100% manuellement n'affectent pas les radios.
Je pense que la question que vous devez vous poser est de savoir si les utilisateurs savent s'il y a une perte de données en cas de définition à 100% des canaux de couleur.
Si les utilisateurs ne le savent pas vraiment et que la perte de données ou la perte de qualité serait relativement négligeable, je recommanderais simplement de choisir la première option de supprimer la case à cocher et de leur fournir la fonction de défilement de 0 à 100 car tout ce que vous faites est de fournir avec l'impression que la qualité la plus élevée possible est en train de se créer. Vous auriez certainement raison dans le cas des canaux alpha car vous avez dit qu'ils sont sans perte, mais à moins que les utilisateurs ne soient au courant de la perte des canaux de couleur, vous leur donnez toujours l'impression que la meilleure qualité possible est faite et puisqu'ils le feraient (généralement ) je ne connais pas d'autre moyen de conserver la qualité des couleurs, ça devrait aller.
Bien que la case à cocher en fasse une option à guichet unique en deux clics simples, je ne suis pas fan d'elle car elle soulève la question de savoir quelle est la différence entre 100% de qualité et sans perte et qui pourrait dérouter certains utilisateurs
Si vous le souhaitez en termes d'expérience utilisateur, en permettant à l'utilisateur de glisser de 0 à 100 à l'aide d'un curseur, tout ce que vous faites est de lui fournir une métaphore en ce qui concerne la qualité malgré le fait que les informations les plus précises peuvent être transmises
Comment les métaphores peuvent améliorer votre expérience utilisateur
Un problème ici pourrait être que votre utilisateur ne peut pas penser que "100%" est "sans perte"; ils peuvent simplement savoir "Je veux sans perte" et cocher la case quand même.
L'OMI qui a le plus de sens est de laisser les deux cases à cocher qui grisent les curseurs par souci de cohérence. Vous pouvez toujours autoriser l'entrée à 100% du canal Alpha à être "sans perte" via le curseur, donnant à l'utilisateur l'accès aux deux façons possibles de définir une vidéo sans perte; la redondance n'est pas toujours mauvaise.
De plus, vous pouvez laisser une coche grise (ou un point ou un carré) dans la case à cocher sans perte lorsque le paramètre Canal Alpha est à 100% pour cimenter l'idée que 100% Canal Alpha == sans perte. C'est en quelque sorte une vérification implicite; J'ai vu des cases à cocher avec un carré pour indiquer un état similaire sous Windows, mais je ne trouve aucune image à utiliser comme exemple.
Si cela est possible sur le plan fonctionnel, vous pouvez essayer de le rendre si la vérification de la case sans perte grise le curseur et rend son entrée non pertinente, mais permet toujours à l'utilisateur de déplacer le curseur. Tenter de déplacer le curseur désélectionnerait immédiatement "sans perte" et passerait en mode avec perte et définirait les valeurs comme d'habitude. Il peut être un peu inattendu que vous puissiez déplacer un contrôle désactivé, vous pouvez donc tester cela, mais il obtient le meilleur des deux mondes en limitant le nombre d'étapes pour les deux entrées.
Les utilisateurs veulent-ils vraiment vouloir contrôler séparément la propriété sans perte pour les canaux de couleur et alpha? Je pense que j'opterais pour une solution où vous avez seulement une option sans perte, et vous ne permettez de changer les deux curseurs qu'en mode Lossy. Cela signifierait une perte de fonctionnalité, car vous ne pouvez plus obtenir de canaux de couleur sans perte avec un canal alhpa avec perte, mais est-ce vraiment important? Je pense que j'envisagerais même d'utiliser le lien que vous voyez souvent entre les valeurs dans Gimp, pour lier par défaut les valeurs des deux curseurs ensemble.
je serais d'accord avec la suggestion de Ben Brooka avec des ajustements supplémentaires comme suit. placez les deux cases à cocher sans perte au-dessus du contrôle spinner/valeur respectif, c'est-à-dire à la marque 100% du curseur. lorsque vous cochez la case sans perte de couleur, le curseur passe à max et gris, la valeur devient NA ou Max et grise également. la deuxième case à cocher passe simplement à 100%.