web-dev-qa-db-fra.com

Curseurs de couleur conviviaux

Je conçois un site Web et je dois permettre à l'utilisateur de changer la couleur de certains éléments. Je vais devoir implémenter un curseur de couleur. J'ai 2 types différents, et je voudrais savoir lequel est le plus convivial. De plus, ont-ils un nom pour eux? Comment puis-je me référer à eux?

enter image description here

enter image description here

Je ne parle pas du design, je pose la question du fait que dans la première image, la couleur change lorsque vous la faites glisser, tandis que dans la deuxième image, la couleur reste toujours la couleur `` correcte ''. Quel est le plus facile à utiliser et le plus convivial?

2
Steve

En bref: Les deux ne sont pas conviviaux.

.

Mathématiques pour les ordinateurs ...

Le modèle de couleur RVB spécifie l'intensité du rouge, du vert et du bleu sur une échelle de 0 à 255, 0 (zéro) indiquant l'intensité minimale. Les paramètres des trois couleurs sont convertis en une seule valeur entière en utilisant cette formule:

RGB value= Red + (Green*256) + (Blue*256*256)

La plupart des utilisateurs ne peuvent pas calculer et prédire dans leur tête à quoi ressemblera la couleur. Avec le contrôle de l'aperçu des couleurs, la tâche n'est pas aussi facile, car ils doivent anticiper comment la couleur sélectionnée (R, G ou B) affectera le résultat.

.

... visuels pour les humains
La sélection de la teinte, puis le réglage des autres paramètres (saturation, valeur/luminosité) avec l'outil interactif est très conviviale. Quelques bons exemples sont:

enter image description here
enter image description here

5
Alexey Kolchenko

J'opterais pour la première option car elle offre à l'utilisateur plus de couleurs lors de leur glissement, mais il est préférable de mettre une étiquette d'entrée à côté qui indique le code de couleur, afin que l'utilisateur puisse savoir quel est le code de couleur pour la couleur pendant qu'il glisse et ils peuvent également mettre leur propre code couleur afin qu'ils n'aient pas besoin de le faire glisser pour trouver le code couleur parfait qu'ils choisissent

pour la convivialité, je pense que la première est plus conviviale puisqu'ils s'habituent déjà à ce genre de slider (sur photoshop ou toute autre application de traitement d'image)

1
dannyrizal

D'accord avec ce qui précède que les deux ne sont pas conviviaux

Le premier est également comme un test d'effet Stroop. La barre marquée en rouge est cyan, celle marquée en vert est Magenta etc etc - cela pourrait devenir vraiment déroutant https://www.math.unt.edu/~tam/SelfTests/StroopEffects.html

Ma propre suggestion - à moins qu'il ne s'agisse d'une application de retouche photo/photo - est de donner à l'utilisateur un ensemble fixe de couleurs/palettes parmi lesquelles choisir, choisies quelque part comme ColorBrewer ou fournies par un graphiste. S'il s'agit simplement d'un module complémentaire de style donnant à l'utilisateur la possibilité de définir plusieurs attributs qui pourraient finir par choisir des couleurs qui rendent les informations indiscernables (même texte de couleur sur le même arrière-plan de couleur) ou un schéma de couleurs provoquant la migraine n'est pas un avantage.

1
mgraham