Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

Le marketing en ligne : Série hebdomadaire

Comment bien utiliser les couleurs en marketing et les adapter à l'accessibilité ?

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Les règles fondamentales du marketing s'appliquent également au monde numérique. Cependant, ce milieu présente des spécificités et des opportunités d'actions en constante évolution. Pour tous ceux qui veulent déployer un marketing dynamique en exploitant les possibilités du numérique, cette série hebdomadaire vous propose de faire régulièrement le point sur les avancées, les tendances et les retours d'expérience des professionnels. Didier Mazier vous accompagne dans la découverte du social marketing, de l'e-commerce, du growth hacking, et de bien d'autres techniques et stratégies. En suivant cette série, vous connaîtrez tout de ce qui anime le commerce moderne.
03:58
  Ajouter à vos favoris

Transcription

Bonjour je suis Didier Mazier et je vous souhaite la bienvenue. Cette semaine nous allons nous intéresser à la couleur, et en particulier à la lisibilité de certains textes en fonction de la couleur du texte, par rapport à la couleur du fond. Si vous êtes responsable marketing, vous allez certainement avoir des exigences auprès des agences avec lesquelles vous allez travailler, en terme de respect des couleurs de la charte graphique que ce que l'on va vous proposer reste lisible. Je vais partager avec vous un outil qui est très intéressant, qui est produit par Google et qui est et la lisibilité des textes par rapport à ces couleurs. Nous allons ici cliquer et nous allons commencer par choisir une couleur de départ. qu'immédiatement nous voyons comment va pouvoir se déployer cette couleur sur un écran qui va représenter ici, par exemple, un téléphone portable. Et puis nous allons choisir une couleur secondaire qui va être, dans la plupart des cas, complémentaire, par exemple ici un orange et vous voyez que nous avons ici la représentation de l'utilisation de ces couleurs pour différentes interfaces que l'on peut déployer, donc vous constatez qu'ici nous avons différents textes qui sont en blanc sur fond bleu, différents niveaux de bleu, différents niveaux d'orange également. Mais ce qui est intéressant c'est de pouvoir vérifier l'accessibilité, c'est-à-dire la lisibilité de ces textes. Nous allons ici cliquer sur l'onglet Accessibility et c'est là où vous allez trouver des informations qui vont être très importantes, c'est que vous allez constater que pour certains textes vous pouvez particulièrement être lisible, Pour du texte qui est considéré comme grand, eh bien vous avez quelque chose qui va être lisible à condition d'avoir une opacité minimum de 73 pour le noir et ici de 59 pour le blanc. Mais vous constatez que pour du texte de plus petite taille, comme c'est le cas ici, eh bien en noir sur bleu, vous n'êtes pas lisible. Vous remarquez également que varier la teinte, eh bien c'est l'inverse, vous ne serez pas lisible avec du petit texte en blanc. Donc même si vous utilisez ces textes en blanc pour des boutons, par exemple, eh bien ceux-ci ne seront pas lisibles et vous allez avoir des abandons de votre application. intéressant, pensez lorsque vous allez travailler avec des couleurs, lorsqu'une agence va vous proposer une palette de couleurs avec lesquelles ils se proposent de réaliser des créations pour vous, la lisibilité des textes sur les différentes couleurs. vous allez pouvoir ici cliquer sur Open in Codepen, et vous accéderez ici, sur Codepen, au codage des différents éléments que les développeurs pourront ensuite intégrer dans leur création. Vous constatez donc que même si vous n'êtes pas graphiste, même si vous n'êtes pas ergonome, de votre entreprise. Néanmoins il est bon de pouvoir toujours vérifier et aux applications qui sont développées pour Androïd. au départ, au Material Design Il s'agit de material.io / color où vous allez pouvoir tester les couleurs Prenons une couleur simple qui serait par exemple un bleu, et vous voyez il n'y a pas de problème pour du blanc sur fond bleu, même ici du noir sur fond bleu. si l'on atténue ce bleu pour arriver à une notion de bleu beaucoup plus léger, mais en partant de la même couleur, il s'agit donc ici de faire Dans certains cas même, vous allez avoir ce que l'on appelle du rebond, où vous allez minimiser vos conversions. Nous avons donc ici un outil qui est eh bien de commencer par vérifier avec cet outil par exemple, Notez également que si vous avez à fournir ces éléments ensuite à des développeurs, eh bien vous disposez maintenant d'un outil qui va vous permettre de vous assurer de l'accessibilité de vos textes en fonction des couleurs sur lesquelles ils sont placés. A la semaine prochaine.