web-dev-qa-db-fra.com

Couleurs qui représentent débutant, intermédiaire et expert

Existe-t-il des principes directeurs concernant les couleurs susceptibles de représenter les utilisateurs débutants, intermédiaires et experts dans un site de forum?

Au début, je pensais vert (débutant), orange (intermédiaire) et rouge (expert), mais je crains que ces couleurs soient déjà associées à d'autres tâches/actions.

17
Jacquip

L'utilisation de couleurs distinctes (par exemple vert, orange, rouge ou bronze, argent, or) peut être sujette à interprétation, car il existe une signification habituelle associée à des couleurs spécifiques selon la culture, la langue, le contexte ou tout autre nombre de facteurs. Une question similaire a été posée précédemment sur UXSE, où le public cible était pour les jeunes enfants: Quelles couleurs transmettraient le mieux 3 niveaux de difficulté?

Une stratégie différente de l'utilisation de couleurs distinctes serait l'utilisation de la saturation ou de la luminosité pour indiquer une progression, qui est peut-être plus claire par rapport à l'utilisation de couleurs différentes.

Je pense qu'étant donné la possibilité d'une interprétation différente des couleurs, il est bon de combiner cela avec peut-être des symboles ou des icônes qui indiquent également une progression du niveau de compétences (peut-être des étoiles). Cela fonctionnera bien dans les applications mobiles ou les sites Web mobiles où il n'y a peut-être pas assez d'espace pour afficher du texte.

Je suggère donc une combinaison de couleurs et d'icônes, peut-être comme ci-dessous:

enter image description here

31
Michael Lai

Mon conseil habituel pour une situation comme celle-ci est de suggérer de revenir au concept de base de ce que vous essayez de transmettre ... puis de regarder d'autres endroits où la couleur est utilisée pour transmettre un concept similaire.

Dans ce cas, si vous cherchez une métaphore visuelle pour transmettre un niveau de maîtrise dans un domaine donné, la métaphore qui vous vient immédiatement à l'esprit est celle des médailles ou certificats:

  • Or - niveau supérieur
  • Argent - deuxième niveau.
  • Bronze - troisième niveau.

Parce que l'or et le bronze peuvent être difficiles à distinguer (et parce qu'une médaille pour dire "je n'ai pas de maîtrise" semble contre-intuitive), je suggérerais simplement d'avoir ce qui suit:

  • Pas d'emblème - Débutant (pas de maîtrise)
  • Emblème d'argent - Maîtrise intermédiaire
  • Emblème d'or - Maîtrise experte

... mais en plus de cela, je vous exhorte fortement à considérer quels sont les avantages d'avoir un tel indicateur et à vous assurer que les critères d'attribution de ceux-ci servent effectivement à quelque chose.

De nombreux sites de forum basés sur des plates-formes populaires ont une "évaluation des utilisateurs" basée uniquement sur le post-comptage. Le résultat est qu'un utilisateur peut spammer ces forums avec drivel et gagner une note élevée, tandis qu'un utilisateur avec une note basse peut avoir publié une petite quantité de contenu de très haute valeur.

C'est en partie pourquoi les "likes" ou les "votes" sur les contributions sont souvent utilisés à la place, qui peuvent ensuite être agrégés pour fournir une sorte de notation. Cette approche garantit que le niveau d'expertise montre que d'autres utilisateurs ont trouvé les contributions bénéfiques (ou divertissantes) plutôt que de simplement montrer que quelqu'un a beaucoup publié.

Il existe également plusieurs façons de modifier la "note" pour la rendre plus informative. Voici quelques exemples:

  • Allumez-le, c'est la tête pour une métaphore des "roues d'entraînement" (les nouveaux utilisateurs ont des badges "Aidez-moi, je suis nouveau" qui disparaissent au fil de l'utilisation, contrairement aux utilisateurs établis ayant un badge "Je suis meilleur que vous")
  • Fournissez des niveaux de maîtrise spécifiques au sujet/sous-forum au lieu d'un seul pour l'ensemble du forum, de sorte qu'un champ de maîtrise soit exprimé ainsi qu'un degré de maîtrise .
6
Adrian Long

Il s'agit d'une question complexe concernant certains principes de gamification. Si la gamification est ce que vous visez, alors votre inquiétude pourrait être justifiée.

Selon Gartner, la gamification est une question tellement sensible que les applications gamifiées récentes ne pouvaient pas atteindre les objectifs commerciaux, principalement en raison d'une mauvaise conception

Les aspects culturels sont si inextricables, à côté des principes généraux de cohérence et de cohésion dérivés des particularités du projet, que je ne les citerai même pas.

Il n'existe pas de principe universel en ce qui concerne la sémiotique des couleurs. Selon cet article quelle couleur convertit le mieux , il y a eu des études selon lesquelles les boutons rouges et oranges fonctionnent mieux que les verts.

Cependant, ce n'était qu'une apparence. En réalité, la couleur ne fait que peu de différence. "Ce qui est plus important, c'est comment il modifie la hiérarchie visuelle de la page entière, comment il fait ressortir l'appel à l'action. Plus d'informations supplémentaires et la formulation du bouton lui-même."

Ca a du sens.

J'ai une suggestion pertinente, mais je dois dire que je ne connais pas grand-chose au contexte de votre entreprise et je ne peux pas garantir que cela fonctionnera.

  • En parlant de hiérarchie visuelle, les "utilisateurs experts" représentent la classe la plus élevée, selon votre description, vous devez donc trouver un moyen de la faire ressortir le plus. Vous pouvez y parvenir grâce au contraste des couleurs. Votre arrière-plan est-il vert? Que de rendre ce bouton rouge, afin d'obtenir un contraste complémentaire, qui est le plus puissant. Ensuite, les utilisateurs experts seront perçus comme extrêmement importants.

  • la classe "intermédiaire" devrait être un peu plus évidente que celle représentative pour les débutants. Encore une fois, le choix des couleurs dépend de la conception globale, en ce sens que vous devriez opter pour un contraste "moyen".

  • la classe "débutant" devrait être moins intrusive, mais toujours en harmonie chromatique avec l'environnement chromatique. Quelque chose comme un contraste analogue.

J'espère que ça aide. Si je trouve de nouvelles idées, je mettrai à jour la réponse.

5
Mircea

A fait un design pour un service de jeu il y a quelques années. La barre ci-dessous indique les rangs dans un système de classement Elo modifié. Le schéma de conception s'inspire des couleurs des ceintures de karaté. Les blocs de couleur étaient affichés près de la photo de profil de chaque membre classé. Blanc [nouveaux débutants] à noir [experts]. Je n'ai inclus aucune théorie, mais je pensais simplement que vous devriez avoir votre avis.
EDIT: Sur la page d'index, vous avez vu toute la gamme de notes qui, je crois, a aidé à comprendre les couleurs.

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

0
JW_