\n Chaque propri\u00e9taire d’entreprise conna\u00eet l’importance d’un site Web clair, bien con\u00e7u et bien entretenu. De nos jours, si vous ne parvenez pas \u00e0 donner \u00e0 vos clients un site Web qui les impressionnera vraiment, vous les perdrez beaucoup plus rapidement qu’il ne vous a fallu pour gagner leur confiance.\n<\/p>\n
\n Malheureusement, la plupart des entrepreneurs font des efforts et embauchent des designers qui sont dou\u00e9s pour le d\u00e9veloppement, ils n\u00e9gligent souvent une caract\u00e9ristique cruciale: la police de caract\u00e8res.\n<\/p>\n
\n Du style de police que vous utilisez \u00e0 la taille du texte de chacune des pages int\u00e9rieures de votre site Web, c’est l’un des \u00e9l\u00e9ments qui d\u00e9terminera si vos clients restent ou non, interagissent et finalement se convertissent.\n<\/p>\n
\n La v\u00e9rit\u00e9 est que m\u00eame si les polices ne semblent pas vraiment percutantes, elles ont le pouvoir de faire monter votre entreprise au-dessus ou au-dessous. C’est tr\u00e8s simple, si le visiteur de votre site Web ne veut pas ou ne peut pas lire le contenu que vous avez publi\u00e9, votre message ne lui parviendra pas et, par cons\u00e9quent, vous ne pourrez pas convertir. Plusieurs recherches ont montr\u00e9 que le type de polices utilis\u00e9es sur un site Web affecte non seulement la lisibilit\u00e9, mais aussi l’humeur, l’exp\u00e9rience utilisateur et m\u00eame la longueur per\u00e7ue de l’article. C’est pourquoi il est essentiel que votre concepteur comprenne la diff\u00e9rence entre simplement cr\u00e9er un site Web avec beaucoup de contenu et en d\u00e9velopper un qui a un design agr\u00e9able et percutant qui am\u00e9liore l’humeur du lecteur.\n<\/p>\n
\n\n \u00ab\u00a0Le type est un beau groupe de lettres, pas un groupe de belles lettres.\u00a0\u00bb\n <\/p>\n
\n -Mathew Carter\n <\/p>\n<\/blockquote>\n
\n Quand vous pensez aux polices, quelle est la premi\u00e8re chose qui vous vient \u00e0 l’esprit ? Si vous \u00eates comme la plupart des gens qui ne comprennent pas encore leur importance, vous pensez probablement \u00e0 des polices de caract\u00e8res comme Calibri, Comic Sans, Arial, Times New Roman et autres. Cependant, ce que vous devez savoir, c’est que ce ne sont que les bases. Lorsque vous parlez de typographie qui doit \u00eatre impl\u00e9ment\u00e9e sur votre site Web, vous n’avez pas seulement besoin de prendre en compte les polices de caract\u00e8res, mais \u00e9galement leurs tailles, leurs couleurs, leur cr\u00e9nage et leur espacement.\n<\/p>\n
\n Dans cet article, notre objectif est non seulement de vous parler de l’impact des fonctionnalit\u00e9s importantes des polices, mais \u00e9galement de vous donner des suggestions pratiques que vous pouvez utiliser pour augmenter les taux de conversion de votre propre site Web. Alors, pr\u00e9parez-vous avec un crayon et un bloc-notes, car c’est le genre d’informations que vous ne voulez pas manquer.\n<\/p>\n
\n Les polices de caract\u00e8res et leur impact
\n<\/h5>\n\n Si vous avez lu quelques articles sur les polices et la typographie, vous savez qu’il existe plusieurs polices de caract\u00e8res jug\u00e9es dignes d’\u00eatre publi\u00e9es en ligne. Alors que certains conviennent que la G\u00e9orgie apporte le plus de r\u00e9sultats, d’autres pensent que Baskerville remporte la victoire. Mais avant de commencer \u00e0 en parler, discutons de l’impact global des polices de caract\u00e8res sur l’image de marque de votre site. Voici la chose; si votre contenu est difficile \u00e0 lire parce que les lettres sont trop rapproch\u00e9es ou que la taille est trop petite, ils partiront imm\u00e9diatement ou essaieront de lire pendant quelques secondes de plus et finiront par partir s’ils trouvent toujours cela difficile. M\u00eame si vous avez des clients tr\u00e8s fid\u00e8les qui ont pris leur temps et lu l’int\u00e9gralit\u00e9 de la copie, ils se souviendront que cela leur a pris trop de temps et vous finirez par les perdre.\n<\/p>\n
\n La ou les polices de caract\u00e8res que vous choisissez pour votre site Web sont cruciales car elles faciliteront l’ensemble du processus de lecture, de compr\u00e9hension et de compr\u00e9hension de votre message. Si vous s\u00e9lectionnez une police qui convient \u00e0 vos lecteurs, leur attention restera sur les informations que vous fournissez et non sur le temps de lecture.\n<\/p>\n
\n Conseil pratique :<\/strong> toutes les polices ne fonctionneront pas pour tous les sites Web. Les polices ont des personnalit\u00e9s diff\u00e9rentes et celle que vous choisissez d\u00e9pend enti\u00e8rement de votre entreprise, du type de clients auxquels vous vous adressez et du message que vous souhaitez v\u00e9hiculer. La meilleure chose \u00e0 faire serait de faire des recherches approfondies et d’examiner les polices de caract\u00e8res utilis\u00e9es par d’autres dans le m\u00eame secteur. Essayez et testez plusieurs types sur diff\u00e9rentes plates-formes afin de savoir que vous prenez la bonne d\u00e9cision. N’oubliez pas que choisir la police appropri\u00e9e prendra un certain temps, mais cela en vaudra la peine lorsque vous verrez vos taux de conversion augmenter.\n<\/p>\n
\n Tailles de police et leur impact
\n<\/h5>\n\n Lorsque vous parlez de la taille de votre police, l’une des principales pr\u00e9occupations que vous devriez avoir est celle de la lisibilit\u00e9. La lisibilit\u00e9 devient tellement plus importante parce que vous voulez vous assurer que votre message passe. M\u00eame si votre choix de police n’est pas parfait, la taille appropri\u00e9e vous sauvera car au moins le visiteur n’aura pas besoin de se fatiguer les yeux pour lire le contenu que vous pr\u00e9sentez. Si vous avez la bonne taille de police, vos clients seront beaucoup plus susceptibles de lire votre message, d’interagir et m\u00eame de passer le mot. Lorsque vous \u00eates en mesure de mieux communiquer avec vos clients, votre image de marque sera affect\u00e9e positivement et cela augmentera \u00e0 son tour la r\u00e9putation de votre entreprise.\n<\/p>\n
\n Conseil pratique :<\/strong> La taille dans laquelle vous choisissez la police \u00e0 pr\u00e9senter d\u00e9pend du contexte de conception du site Web. Alors qu’une carte de visite peut n\u00e9cessiter une tr\u00e8s petite taille, une affiche d’\u00e9v\u00e9nement en n\u00e9cessitera une beaucoup plus grande. Mais comme nous parlons sp\u00e9cifiquement de conception de sites Web, vous devrez d\u00e9terminer si vous publiez pour des appareils mobiles ou des \u00e9crans g\u00e9n\u00e9raux. En r\u00e8gle g\u00e9n\u00e9rale, les experts recommandent d’utiliser de 10 \u00e0 14 pixels pour le contenu du corps et de 16 \u00e0 20 pixels pour les en-t\u00eates ou les titres. Pour de meilleurs r\u00e9sultats, vous pouvez effectuer une v\u00e9rification pratique sur les tailles qui vous conviennent, puis ajuster en cons\u00e9quence si elles ne semblent pas bien fonctionner. De plus, si vous utilisez diff\u00e9rentes tailles d’\u00e9cran (ce que vous devriez), assurez-vous que la police fonctionne \u00e9galement bien lorsque la taille est r\u00e9duite sur les appareils mobiles.\n<\/p>\n
\n Couleur de la police et votre site Web
\n<\/h5>\n\n Si vous souhaitez faire passer votre message \u00e0 vos visiteurs de la meilleure fa\u00e7on possible, vous n’aurez pas seulement besoin de prendre en compte la s\u00e9lection des mots, mais \u00e9galement la mani\u00e8re dont ils sont pr\u00e9sent\u00e9s. Maintenant, m\u00eame si la couleur de la police ne semble pas si importante, c’est quelque chose qui a un impact important, surtout si vous avez un site Web particuli\u00e8rement joyeux. La psychologie des couleurs est un domaine d’\u00e9tude \u00e0 part enti\u00e8re et vous pouvez en apprendre beaucoup. Cependant, lors de l’impl\u00e9mentation de la couleur, en particulier dans les polices, n’oubliez pas de ne pas exag\u00e9rer, car cela finira par avoir l’air dr\u00f4le. Les couleurs que vous choisissez doivent non seulement mettre en valeur les valeurs fondamentales de votre entreprise, mais \u00e9galement donner un coup de pouce \u00e0 la personnalit\u00e9 sous-jacente avec laquelle les clients se connectent. Si vous finissez par choisir la mauvaise couleur pour votre police, cela jouera contre vous et votre entreprise.\n<\/p>\n
\n Une autre caract\u00e9ristique qui m\u00e9rite d’\u00eatre mentionn\u00e9e ici est le contraste. Le contraste de votre texte ou de votre page est la diff\u00e9rence de noirceur qui est pr\u00e9sente entre le fond et le texte. Bien que vous ne vouliez pas utiliser d’anciennes techniques comme mettre du texte rouge sur fond vert, vous devez vous assurer qu’un bon contraste est pr\u00e9sent entre le texte et l’arri\u00e8re-plan afin d’augmenter la lisibilit\u00e9.\n<\/p>\n
\n Conseil pratique :<\/strong> Tout d’abord, avant de d\u00e9cider de la couleur de la police, vous devez r\u00e9fl\u00e9chir tr\u00e8s attentivement aux couleurs et \u00e0 la police qui devraient \u00eatre ou ont d\u00e9j\u00e0 \u00e9t\u00e9 int\u00e9gr\u00e9es \u00e0 votre marque et \u00e0 son logo. Par exemple, lorsque vous pensez \u00e0 Coca-Cola, vous \u00e9voquez probablement la police boucl\u00e9e tr\u00e8s distinctive ainsi que la couleur rouge. Lors du choix de la couleur, les experts recommandent d’y penser comme la coloration d’une pi\u00e8ce de votre maison. Si vous voulez que vos visiteurs se sentent au chaud et \u00e0 l’aise en lisant le blog, utilisez des rouges et des oranges ternes car ils sont destin\u00e9s \u00e0 se d\u00e9tendre et \u00e0 calmer les sens. Mais encore une fois, rappelez-vous de ne pas aller trop loin car la plupart des contenus sont beaux et lisibles en noir, en fonction de la couleur de fond.\n<\/p>\n
\n Polices d’en-t\u00eate et ce que vous devez savoir
\n<\/h5>\n\n Les en-t\u00eates que vous utilisez pour votre contenu sont extr\u00eamement cruciaux, non seulement en termes de mots r\u00e9els, mais \u00e9galement de la mani\u00e8re dont ils sont pr\u00e9sent\u00e9s. Plusieurs recherches ont montr\u00e9 qu’\u00e0 moins que vous n’utilisiez des titres accrocheurs et accrocheurs, vos visiteurs passeront \u00e0 autre chose et chercheront quelque chose d’un peu plus int\u00e9ressant \u00e0 lire. Il existe des mod\u00e8les particuliers dans la fa\u00e7on dont les humains lisent le Web et, gr\u00e2ce \u00e0 cela, vous d\u00e9couvrirez que la plupart des contenus sont simplement scann\u00e9s. Ainsi, si vous n’attirez pas l’attention de votre visiteur avec le titre, ses chances de lecture diminueront encore plus. Gardez maintenant \u00e0 l’esprit que la police et la couleur que vous utilisez pour votre titre d\u00e9cideront si votre visiteur veut ou non le lire. Ainsi, bien que vous ne vouliez pas commencer \u00e0 utiliser Comic Sans simplement pour attirer l’attention, vous devez le garder lisible.\n<\/p>\n
\n Conseil pratique :<\/strong> si vous associez des polices (en utilisant une pour le titre et l’autre pour le contenu principal), assurez-vous qu’elles s’harmonisent bien ensemble. L’appariement peut parfois \u00eatre d\u00e9licat car vous devez vous assurer que la plupart des \u00e9l\u00e9ments des polices correspondent afin qu’ils ne soient pas tr\u00e8s diff\u00e9rents les uns des autres. Dans ce cas, la police du titre doit compl\u00e9ter le corps du texte. D’autre part, si vous utilisez la m\u00eame police de caract\u00e8res, vous pouvez exp\u00e9rimenter diff\u00e9rentes tailles et interlignes pour am\u00e9liorer le titre. La m\u00eame police de caract\u00e8res fournira non seulement une harmonie visuelle \u00e0 votre lecteur, mais r\u00e9duira \u00e9galement le nombre de polices \u00e0 charger, augmentant ainsi le temps de chargement et les performances globales.\n<\/p>\n
\n Longueur de ligne et son importance
\n<\/h5>\n\n La plupart des personnes qui cr\u00e9ent un site Web tiendront compte de la police, de la taille, de la couleur et du contraste du texte utilis\u00e9. Cependant, ce qui leur manque, c’est la longueur de la ligne. La longueur de ligne est responsable de l’augmentation ou de la diminution de la lisibilit\u00e9 globale et fait r\u00e9f\u00e9rence au nombre de mots ou de caract\u00e8res pr\u00e9sents dans chaque ligne horizontale. Ce qui affecte la lisibilit\u00e9 est la bri\u00e8vet\u00e9 ou la longueur des phrases. Si la police que vous choisissez fait para\u00eetre les lignes trop longues, les yeux de votre visiteur devront parcourir une grande distance, ce qui d\u00e9couragera sa lecture car cela lui demandera beaucoup d’efforts. En revanche, si les lignes sont trop courtes, le flot des phrases se rompra et le visiteur finira par s’en d\u00e9sint\u00e9resser.\n<\/p>\n
\n Conseil pratique :<\/strong> Une th\u00e9orie propos\u00e9e par l’Usability Institute Baymard est que vous devriez choisir une police qui utilise 50 \u00e0 75 caract\u00e8res (espaces inclus) par ligne car cela donne une lisibilit\u00e9 optimale. Vous pouvez \u00e9galement utiliser le calculateur de typographie Golden Ratio pour d\u00e9terminer la longueur de ligne parfaite en fonction de l’\u00e9cran utilis\u00e9 pour lire le contenu.\n<\/p>\n
\n Cr\u00e9nage et pourquoi c’est important
\n<\/h5>\n\n Selon Wikipedia, \u00ab\u00a0le cr\u00e9nage est le processus d’ajustement de l’espacement entre les caract\u00e8res dans une police proportionnelle, g\u00e9n\u00e9ralement pour obtenir un r\u00e9sultat visuellement agr\u00e9able\u00a0\u00bb. Si vous utilisez une bonne police, elle sera bien cr\u00e9n\u00e9e et l’espace entre chaque paire de caract\u00e8res sera similaire. Si vous avez un designer qui d\u00e9finit la police de caract\u00e8res dans un programme graphique comme Photoshop, il aura la possibilit\u00e9 de modifier l’espace entre les lettres et de faire des ajustements jusqu’\u00e0 ce que la police et le cr\u00e9nage soient parfaits. Ne pas se concentrer sur le cr\u00e9nage vous co\u00fbtera cher car c’est souvent la chose la plus importante qui distingue le travail professionnel de celui qui a \u00e9t\u00e9 fait par des amateurs ou des designers en herbe.\n<\/p>\n
\n Conseil pratique :<\/strong> La quantit\u00e9 d’espace dont vous disposez entre chaque lettre doit \u00eatre \u00e9gale si vous voulez que votre site Web ait l’air professionnel. Si vous concevez une police de caract\u00e8res, pensez \u00e0 int\u00e9grer le cr\u00e9nage car la lisibilit\u00e9 augmentera s’il y a une continuit\u00e9 spatiale entre les lettres. En revanche, si vous utilisez les polices qui existent d\u00e9j\u00e0, vous n’avez pas \u00e0 vous en soucier car toutes ces polices contiendront des informations sur l’espacement.\n<\/p>\n
\n Conclusion
\n<\/h4>\n\n Pour les propri\u00e9taires d’entreprise qui souhaitent am\u00e9liorer l’image de marque de leur site Web et attirer plus de clients, un aspect crucial \u00e0 retenir est d’utiliser des polices de caract\u00e8res qui compl\u00e8tent la copie. Si vous faites les choses correctement, cela aura \u00e9galement un effet sur l’\u00e9motion, l’humeur et l’action de votre lecteur. Cela les rendra plus susceptibles de devenir un client fid\u00e8le. N’oubliez pas que l’une des meilleures fa\u00e7ons de tester la police, sa taille, sa couleur, etc. est de l’ex\u00e9cuter et de voir ce que les r\u00e9sultats apportent. De plus, accordez \u00e0 tout ce processus un peu de temps et toute votre attention, car si vous voulez la perfection, vous ‘ll besoin de travailler pour cela.\n<\/p>\n
\n En fin de compte, je vous laisse avec cette citation inspirante de Steve Jobs, qui est principalement responsable de la raison pour laquelle nous accordons autant d’attention aux polices aujourd’hui.\n<\/p>\n
\n\n \u00ab\u00a0J’ai d\u00e9cid\u00e9 de suivre un cours de calligraphie pour apprendre \u00e0 faire (apprendre la calligraphie). J’ai d\u00e9couvert les polices de caract\u00e8res Serif et Sans-Serif, la variation de l’espace entre les diff\u00e9rentes combinaisons de lettres, ce qui rend une bonne typographie g\u00e9niale. C’\u00e9tait beau. Historique. Artistiquement subtil d’une mani\u00e8re que la science ne pourra jamais capturer.\n <\/p>\n
\n -Steve Jobs\n <\/p>\n<\/blockquote>\n