Quelle est la couleur la plus efficace à utiliser sur les notifications?
Je dois choisir une couleur à utiliser avec les notifications. Je plaçais un point d'exclamation sur un cercle rouge, mais on m'a dit que cela ressemble plus à une erreur si vous ne l'avez pas vu auparavant dans l'interface utilisateur. Alors maintenant je suis un peu perdu ...
Remarque, j'ai déjà utilisé du vert pour "ajouter" un bouton d'amis.
Jaune (peut-être). Je dis peut-être parce que cela pourrait heurter horriblement les couleurs de conception de votre site, ou même se fondre dans les couleurs de conception de votre site.
Voir ma réponse d'ici: Modèle de conception ou meilleures pratiques pour les barres de notification supérieures?
Faut-il utiliser la couleur ou l'animation?
Si la notification est épinglée en haut de la fenêtre, elle sera probablement dirigée vers la vision périphérique de l'utilisateur. En tant que tel, le mouvement est plus susceptible d'être remarqué et la couleur change moins. Ne soyez pas ennuyeux avec ça.
Quelles couleurs fonctionnent mieux?
Quelques recherches qui pourraient être pertinentes: http://www.alma.edu/departments/psychology/SP98/ZaMa/pcv.html
Le jaune était, en moyenne, la couleur la plus rapidement identifiée (voir figure 1) à 73 degrés dans l'œil droit et 73,5 dans la gauche, le rouge était deuxième (72, 70,5). Les couleurs les moins reconnaissables étaient le vert (60,5, 64,25) et le violet (64, 63). Le bleu a été reconnu à 68,75 degrés du centre de l'œil droit et à 68 degrés de la gauche. De plus, les sujets ont souvent identifié la couleur verte comme étant violette ou rouge et dans un cas rose avant de signaler un changement soudain vers une perception de la couleur réelle.
En plus de considérer la couleur - vous devriez au moins considérer si vous pouvez rendre quelque chose de plus visible par son absence de couleur - c'est-à-dire un fond noir, auquel cas assurez-vous d'utiliser une plus grande couleur de police claire comme le blanc pour assurer la lisibilité.
Je pense que la barre de notification ici à StackExchange fonctionne bien, ce qui, je pense, est blanc sur noir. Si nécessaire, vous pouvez incorporer un peu les thèmes de marque et de couleur en en faisant une version très sombre d'une couleur comme arrière-plan.
Naturellement, tout jeu de couleurs de notification dépend de la façon dont il contraste avec le reste de votre jeu de couleurs. Une notifaction jaune est moins appropriée si le reste du schéma est d'une couleur similaire, par exemple, mais si le reste de votre schéma est déjà noir, alors ce concept est moins adapté et peut-être que le jaune devrait effectivement prévaloir.
Déterminez si vos jeux de couleurs peuvent varier d'une page à l'autre ou d'un autre contenu. Si vous avez un contenu assez varié, en particulier avec beaucoup d'images, choisir un schéma de notification générique qui se démarque dans toutes les situations est délicat, et ce fond noir peut compléter plus de scénarios que les autres couleurs.
Assurer la cohérence car cela engendrera la familiarité et donc une reconnaissance plus rapide, permettant aux notifications d'être enregistrées comme telles plus rapidement, mais gardez également à l'esprit que les utilisateurs ignorent et ignorer les notifications sans lire, donc les notifications vraiment importantes peuvent nécessiter quelque chose de plus qui attire l'attention de l'utilisateur. Une alternative à la fourniture d'une fonction de rejet est d'afficher la notification pour une période de temps spécifique, en la fondant éventuellement en douceur.
Quelle que soit la situation, utilisez les notifications avec parcimonie car ce sont de puissants distracteurs - il y en a beaucoup questions ici sur ux.se sur les meilleures pratiques de notification
Pour les notifications, le schéma de couleurs doit correspondre au schéma du reste du site. Alors regardez le schéma de couleurs du site et trouvez quelque chose qui se démarque, mais qui convient aussi - sombre plutôt que clair est probablement mieux.
Si vous utilisez des couleurs contrastées - y compris le rouge souvent utilisé pour les indicateurs d'erreur - cela ressemblera à une alerte, pas à une notification. C'est-à-dire quelque chose qui requiert une attention immédiate, pas quelque chose qui est une information utile.
Il n'y a en fait pas de bonne réponse à ces questions. Cela est très relatif au type de schéma de conception que vous avez préexistant sur l'application ou le site Web.
Je suppose que l'utilisation des couleurs dans la vie normale devrait également être étendue pour les notifications ou les alertes. L'exemple "rouge" signifierait l'urgence, le danger, l'avertissement, alors utilisez probablement cela en conséquence.
Les directives normales que nous utilisons lors du développement d'applications et de sites Web sont les suivantes: Peut-être que cela peut également vous aider
Je m'en remets toujours à la cohérence comme standard.
Étant conscient d'être conforme à 508 , j'essaie également d'utiliser des caractères gras ou un autre changement de poids.
Le rouge est efficace simplement parce que c'est ce à quoi nous nous sommes habitués à utiliser Facebook, gmail et d'autres systèmes populaires. En outre, cela indique quelque chose qui nécessite de l'attention, tout comme les erreurs nécessitent une attention. Bonne question cependant. Pensais juste à ça aujourd'hui.