Les utilisateurs comprendront-ils ce spinner numérique sans ombrage des possibilités?
J'utilise plugin Mobiscroll jQuery pour une page Web que je conçois.
Cependant, il ne se marie pas bien avec le modèle que j'utilise, j'ai donc dû y apporter des modifications majeures.
J'ai supprimé toute couleur d'arrière-plan, mais cela m'a donné un inconvénient; le fait que maintenant toutes les options ont la même transparence. Cependant, avec l'utilisation des frontières, je pense que vous pouvez toujours comprendre où vous devez placer votre choix. (au milieu, entre les frontières!) Est-ce un compromis approprié pour moi?
Je crains que cette conception ne conduise dans de nombreux cas à une approche "essai et erreur" de la part de l'utilisateur pour maîtriser votre version du contrôle.
Ok, en comparant les deux ci-dessus, il est assez facile de tirer la conclusion que c'est l'option du milieu qui est celle sélectionnée dans les deux cas. Mais je dirais que c'est parce que vous projetez inconsciemment le même modèle d'accessibilité que celui du plugin d'origine à votre solution. Et vous êtes ainsi aidé à comprendre comment interagir avec votre solution.
Je pense que votre solution à elle seule laisserait de nombreux utilisateurs ignorants des paramètres actuels. La présentation visuelle pourrait tout aussi bien signifier que vous spécifiez une plage plutôt qu'une valeur spécifique. En plus de cela, il n'est pas clair qu'il existe plus de valeurs en dehors de la plage affichée, quelque chose que le plugin d'origine transmet avec sa transparence graduée des valeurs externes.
Vous devez rechercher un moyen supplémentaire de communiquer à l'utilisateur quelle option est sélectionnée dans le contrôle et que davantage de valeurs sont actuellement masquées en dehors de la plage affichée. Et c'est, selon mon expérience, mieux communiqué en atténuant les valeurs qui sont à côté de la valeur sélectionnée.
Utilisez simplement un effet CSS Text Gradient pour conserver l'effet 3D de style "machine à sous" sur les nombres, ce qui aide le spinner numérique à garder une accessibilité similaire à l'ombre skeuomorphique sur les filateurs iOS. L'application du dégradé sur le texte signifie que l'effet restera quel que soit l'arrière-plan. Ce n'est pas compatible avec IE6 mais ... l'amélioration progressive et tout ça.
Je ne vois pas la nécessité de supprimer l'effet de dégradé; assurez-vous simplement que votre dégradé semble lisible/pas ridicule sur le fond que vous avez choisi.
Je restaurerais une partie de la transparence sur les valeurs supérieures et inférieures qui ne sont pas sélectionnées. Cela permettrait de restaurer l'effet de défilement arrondi et de mieux transmettre les options sélectionnées.
Si vous ne pouvez pas faire de transparence, changez la couleur de la sélection.
Ou plutôt qu'une ligne au-dessus/en dessous, décrivez-la dans une boîte pour qu'il soit clair qu'elle est différente des autres.
Quelque chose doit identifier clairement que l'élément du milieu est différent et donc sélectionné.