web-dev-qa-db-fra.com

Est-ce mal d'avoir vos actions principales en rouge?

Nous utilisons rouge comme couleur pour les actions principales. Cela peut prendre la forme d'un bouton.

En termes de convivialité, quels sont les inconvénients. Y a-t-il des avantages?

Un exemple d'utilisation de boutons de couleur rouge est Gmail, je suppose.

MISE À JOUR: Merci pour les réponses sur les facteurs culturels. C'est bon de s'en souvenir, mais comme le dit @rk, cette importance commence à diminuer et j'aimerais orienter la discussion dans une autre direction.

9
nimrod

Cela n'a aucun sens de considérer une seule couleur. Vous devez considérer la couleur dans son contexte. Personne n'a jamais été empêché de boire du Coca-Cola à cause du rouge sur le logo.

Tant que le contexte et l'environnement sont inconnus, il est impossible de donner un avis éclairé sur un choix de couleur.

5
Igor Asselbergs

What colors mean in different cultures

C'est une question assez ancienne dans UX/Universal Design. Mais, avec le temps, je sens que l'importance diminue. Certaines raisons peuvent être une véritable mondialisation des produits/marques/langue anglaise/etc. Je sais que les entreprises doivent encore renommer leurs produits en fonction du pays dans lequel ils se lancent, mais ces cas sont de moins en moins nombreux. Encore une fois, juste une observation personnelle.

Edit 1: Sur une note connexe, c'est une bonne idée de tester le daltonisme. Vous pouvez utiliser quelque chose comme http://colorfilter.wickline.org/ pour tester votre site Web. Voici une liste de différents types de daltonisme http://www.colour-blindness.com/colour-blindness-tests/ .

Si votre base d'utilisateurs va être énorme, c'est une bonne idée de vous assurer que vous testez au moins le site pour trouver les zones problématiques, même si vous ne l'utilisez pas dans la conception. Vous pouvez utiliser les informations pour voir si vous devez ajouter des indices contextuels dans des régions spécifiques.

12
rk.

Dans la culture occidentale, le rouge a une connotation négative (cependant pour le Japon c'est le contraire). Il est utilisé comme avertissement ou erreur, donc son utilisation comme option principale est une violation du principe de cohérence (au moins pour la plupart des utilisateurs).

Bien que la signification culturelle ne soit peut-être pas aussi importante qu'elle l'était, avoir des interfaces utilisateur cohérentes l'est. Étant donné que la plupart des applications utilisent le rouge pour les avertissements et les erreurs, l'utilisation du rouge pour les actions principales pourrait en fait nuire à l'expérience utilisateur.

Voir également la signification des couleurs de Microsoft.

msdn color meaning

6
TomDoes

En tant que designer, le rouge est considéré comme provoquant le plus de réponses parmi les utilisateurs. Cependant, selon la façon dont la couleur est utilisée, elle peut avoir des effets positifs ou négatifs.

Sur mon lieu de travail, on utilise une couleur bleu marine comme bouton d'action principale et une couleur gris clair comme bouton secondaire. Ces couleurs offrent un équilibre aux formes situées sur notre site Web.

enter image description here

La raison en est que les alertes sur notre site Web sont en rouge. Si nous devions utiliser le rouge comme action principale, cela pourrait confondre l'utilisateur qui a interprété la couleur rouge comme signifiant une erreur ou un négatif. Il peut également perturber l'équilibre de la page si vous utilisez des couleurs subtiles, puis utilisez un bouton rouge vif.

Un excellent article sur UX Magazine sur " Visual Balance and Weight Allocation for Ergonomie " peut fournir plus d'informations sur le sujet.

3
Courtney Jordan

Il n'y a pas de bonne couleur pour vos boutons principal et secondaire. Ce qui importe, c'est le contraste entre les deux.

Je crois que la couleur a une énorme importance dans ce que vous essayez d'afficher pour l'utilisateur, mais je ne pense pas que la teinte ou l'ombre exacte ait une énorme importance tant que votre interface utilisateur est cohérente sur l'ensemble de votre site Web. Pour sauvegarder ce que dit @TomDoes, le contexte est essentiel, selon le contexte de votre site Web, ce que vos utilisateurs en pensent.

Pinterest est un excellent exemple d'une entreprise qui utilise du rouge pour tous ses boutons principaux.

Pinterest login screen

pin screen

2
Jason Frade

En gardant en vue l'une des heuristiques de Nielsen "Correspondance entre le système et le monde réel". La couleur rouge est perçue comme permettant de mettre fin à tout ce qui est en cours dans le monde réel, par exemple dans les magnétophones pour arrêter l'enregistrement, un bouton d'arrêt est utilisé avec un point rouge ou un cercle pour l'identification. Similaire, c'est le cas avec les téléviseurs dans lesquels la couleur rouge identifie le bouton utilisé pour éteindre le téléviseur.

1
MohsinUX

je suis d'accord que cela dépend du contexte

J'ai un projet similaire où j'utilise la couleur rouge pour l'action principale et le bouton blanc avec du texte rouge dessus pour l'action secondaire .... Les liens sont également rouges et gris ...

enter image description here

Maintenant pour la table de données, le contexte est changé et maintenant la couleur rouge montre seulement les valeurs négatives et le vert montre les valeurs positives et le bleu est pour les liens .......

0
Ahsan Idrisi