Comment incorporer une valeur "jamais" sur un curseur?
J'ai un curseur dans une page Web (similaire à celui-ci ) pour contrôler la durée de conservation d'un élément avant sa suppression:
La plage de valeurs va de 0 à 90, la valeur 0 étant utilisée pour signifier `` jamais '' (c'est-à-dire ne jamais supprimer l'élément).
Est-il important que l'option "jamais" soit à ce qui semble être la "mauvaise" extrémité du curseur? Cela me semble plus intuitif (bien que je ne puisse pas expliquer pourquoi) que la réduction de la durée à zéro signifie ne pas supprimer, mais je peux également voir la logique selon laquelle "jamais" est plus grand que toute autre durée et devrait donc être à droite -extrémité droite du curseur.
Lequel est le moins susceptible de créer de la confusion ou existe-t-il une meilleure façon de procéder?
Y a-t-il des exemples de ce type de contrôle ailleurs que je peux utiliser comme exemple?
La façon dont vous l'avez maintenant brise la façon dont nous nous attendons à ce que les chiffres fonctionnent. 90 jours est supérieur à 10 jours, donc l'option 90 jours est à droite. Jamais l'équivalent de l'infini jours, et donc ce devrait être la dernière option à droite.
L'option la plus à gauche du curseur correspondrait à ne jamais les conserver en premier lieu - en supposant que vous le souhaitiez en option.
Comme alternative au curseur, j'aime utiliser un sélecteur qui rend toutes les options visibles dès le début. Quelque chose comme:
J'aime réponse de JohnGB . C'est moins compliqué et plus visible que le curseur.
Dans le but d'offrir une alternative, si vous souhaitez conserver le curseur, j'envisagerais de supprimer l'option "jamais". Il ne rentre pas vraiment dans le concept d'une plage fixe que le curseur implique. Dans cette version, vous n'afficheriez le curseur de durée que si "Supprimer automatiquement" est sélectionné.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Si vous utilisez le curseur, respectez-le comme seul moyen de contrôle. Des contrôles supplémentaires ajoutent trop de "temps d'outil" pour prendre la décision et peuvent prêter à confusion.
La solution que je propose est simplement de renverser le beau concept que vous avez.
Faites "Jamais" à la FIN du curseur et 1 comme valeur la plus basse sur le curseur.
Réglez le curseur sur le paramètre par défaut ou sur une valeur précédemment définie. Une fois cela fait, la plage du curseur est rendue claire. Si la valeur par défaut est Jamais, le curseur apparaîtra comme indiqué dans le deuxième curseur de cette image. Aucun problème.
S'il s'agit d'une valeur numérique par défaut, comme 14 jours, elle sera définie comme le premier exemple. et glisser vers un ou vers le haut sera complètement apparent.
L'étiquette réactive clarifiera davantage les choix. (mettez-le à jour sur la diapositive). Dans cette image, j'ai mis à jour l'étiquette pour une structure qui transmet le choix dans un ton conversationnel. Allez plus loin pour changer "jours" en "jour" lorsque l'un est sélectionné. C'est une bête à moi.
Enfin, pensez à raccourcir un peu le curseur et peut-être ajouter des indicateurs pour aider l'utilisateur à comprendre la plage. Voir le dernier exemple de mon image.
ÉDITER:
L'interface radio de style bouton est une bonne alternative mais s'enlisera s'il y a plus de quelques choix. "Jamais" devrait être un choix. Le curseur facilite le choix entre plusieurs options et peut être limité à certaines valeurs.
Gardez le curseur, mais placez la sélection `` jamais '' à droite, et cochez-la pour qu'elle apparaisse en dehors des valeurs finies, selon la maquette ci-dessous (faites attention à mes terribles compétences MS Paint):
De cette façon, vous pouvez utiliser un seul contrôle d'interface utilisateur avec un modèle de fonctionnement évident (déplacez le curseur vers la droite pour des intervalles plus longs, et vice-versa), mais vous n'avez aucune ambiguïté autour d'une sélection proche de "jamais" mais pas tout à fait dessus (s'il n'y avait pas une encoche, quelle serait la valeur entre '20' et 'Never' égale?).
J'aime la réponse de JohnGB mais j'irais encore plus loin et dirais que dans la plupart des cas, les gens ne se soucient pas de spécifier une valeur exacte. Ils préfèrent avoir une petite poignée de choix faciles à comprendre, par exemple.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Bien sûr, cela dépend totalement de qui est l'utilisateur et de ce qu'il fait. S'ils ont vraiment besoin d'un nombre spécifique de jours, j'imagine qu'ils ont vraiment besoin d'une date spécifique, auquel cas une saisie de la date serait encore meilleure.
Si vous avez vraiment besoin d'un curseur, ne mettez jamais à la bonne extrémité. L'extrémité gauche est zéro, ce qui signifie "supprimer maintenant". Alors peut-être qu'en fait, l'extrémité gauche devrait être d'un jour.
Vous pouvez ajouter une case à cocher. Lorsqu'elle est cochée, le curseur devient actif, ce qui signifie que la suppression automatique est activée. Si vous la décochez, aucune suppression n'aura lieu.
Je déconseille les curseurs: ils sont difficiles à utiliser et il est difficile d'être précis. Comme le dit Joe, utilisez les boutons radio pour les valeurs couramment utilisées si elles ont un sens pour votre utilisateur, et si vous avez besoin de précision, laissez l'utilisateur saisir des chiffres.