Utilisation du noir pour CTA
J'ai récemment conçu un site Web pour un client, et à un moment donné, il parlait de la couleur Appel à l'action et il a dit "Je veux vraiment m'éloigner des couleurs. Pouvons-nous utiliser du noir s'il vous plaît?".
J'ai fait le changement et cela ne me semble pas correct, mais il a insisté pour continuer à utiliser du noir foncé pour CTA.
C'est pourquoi je recherche Conseils, Etudes, Documentations ou toute autre information liée à l'utilisation du noir pour appel à l'action ou autre type d'action , pour obtenir une meilleure idée du pro/con & effet sur l'expérience utilisateur.
Si la conception globale peut prendre en charge le noir, optez pour le noir!
Mais gardez à l'esprit que vous devez fournir le contraste visuel approprié pour le supporter; notamment par l'utilisation d'espaces blancs, de contraste de taille et de flux visuel global.
Un joli bel exemple d'utilisation de black sur Call To Action, peut être trouvé sur la page de destination de squarespace, image ci-dessous (regardez également squarespace architects ).
Il est étonnant de voir à quel point ils ajoutent le CTA à la fin de la phrase; afin que vous ne puissiez pas manquer l'appel "get started.
Un autre exemple peut être trouvé sur la page produit de zara, qui a une belle utilisation du noir sur CTA: zara
À la fin de la journée, vous devez informer sur l'utilisation d'un service de test a/b.
Et si le budget du client pose problème, vous pouvez suggérer un service Web facile à utiliser, "essayez gratuitement" (environ 1 000 utilisateurs).
Le noir n'est certainement pas ce que vous voulez ici. Le contraste de l'élément CTA principal avec d'autres éléments d'interface utilisateur est essentiel pour l'achèvement de la tâche. Les outils clés pour créer une distinction visuelle sont: position , forme et taille , couleur , mouvement , et message .
Cet article explique comment utiliser efficacement la couleur dans les boutons CTA.
Je suppose que le CTA principal dans ce cas est Join . En supposant que vous ne pouvez pas modifier la position, la forme/taille, la position, le mouvement ou le message, vous vous retrouvez avec la couleur. Ne vous limitez pas à avoir une couleur statique. Votre interface n'est pas statique. Une solution alternative à la coloration du bouton consiste à le garder noir jusqu'à ce que l'utilisateur remplisse les champs du formulaire. Animez-le ensuite dans une autre couleur pour indiquer qu'il est prêt à être envoyé.
Le but ici est pas d'avoir une jolie image, mais de guider les utilisateurs à s'inscrire. Vous serez probablement en mesure de convaincre le client qu'une couleur d'accentuation l'aidera à atteindre cet objectif. KISSmetrics a créé un excellent article intitulé Comment les couleurs affectent-elles l'achat? qui vous aidera à créer un étui. Vous devez effectuer un test A/B approprié des boutons colorés/noirs si possible.
J'ai également trouvé un question similaire qui peut aider à éclairer votre décision.