Utiliser du texte pour augmenter les conversions - Comment la typographie dans la conception Web peut augmenter vos ventes

Nœud source: 1091927

En tant que spécialiste du marketing numérique, la conversion est l'un des principaux éléments que vous suivrez dans vos campagnes. Vous vous interrogez probablement sur les nombreuses façons comment optimiser les conversions sur une page spécifique. Mais, il y a une chose qui est souvent négligée par de nombreux soi-disant hackers de croissance, et c'est utiliser du texte pour augmenter les conversions.

Oui, vous avez bien entendu ! La copie de texte est l'épine dorsale de toute stratégie de marketing de contenu. C'est la forme de contenu que vous voyez le plus sur le Web, mais elle est également étroitement liée à l'attrait visuel. Après tout, si le texte n'a pas l'air bien, comment voulez-vous que cette page se convertisse comme vous le souhaitez ?

Dans cet article, nous allons passer en revue la typographie, ses principaux éléments et comment vous pouvez utiliser une typographie efficace pour booster vos ventes à long terme!

Qu'est-ce que la typographie ?

Avant de nous plonger dans le fonctionnement de l'utilisation du texte pour augmenter les conversions, nous devons découvrir ce qu'est la typographie. Pour simplifier les choses, vous pouvez considérer la typographie comme un point de rencontre entre l'art et le texte.

La typographie a été introduite dans la majeure partie du monde vivant au milieu du XVe siècle par Johannes Gutenberg et ses caractères mobiles. Dans le monde informatique, la typographie a commencé à devenir pertinente grâce à Steve Jobs et son premier Mac.

Lorsque l'Internet a été introduit dans le monde, l'importance de la typographie a explosé. Il est devenu l'un des composants de conception Web les plus importants car il peut aidez votre site Web à se démarquer aux utilisateurs potentiels.

Les éléments les plus importants de la typographie

Beaucoup de gens confondent encore la typographie et les polices, ce qui est assez courant. Dans cette section qui développe la définition de la typographie, nous décomposerons les six éléments essentiels de la typographie :

  • Police de caractère – La plupart des gens confondent la police de caractères avec les polices, même si ce ne sont pas les mêmes choses. Considérez la police de caractères comme la famille qui forme des caractères individuels, des lettres et des chiffres avec le même design. Arial, Times New Roman et Comic Sans sont des polices de caractères, et non des polices, comme beaucoup le penseraient.
  • Police de caractère - Ainsi, si la police de caractères est une famille, les polices sont les membres de la famille. Pour le dire précisément, une police est un style de police qui a une taille, un poids et une largeur spécifiques. Par exemple, Arial est une police de caractères ; et 16pt Arial Bold est une police. Fondamentalement, les polices sont le moyen de fournir une forme d'art spécifique appelée police de caractères.
  • Longueur de la ligne - Il s'agit d'une distance occupée par le texte situé entre les marges droite et gauche d'une même ligne. Idéalement, vous ne voulez pas que la longueur de la ligne soit trop courte ou trop longue, car cela peut rendre la lecture du contenu beaucoup plus difficile que souhaité.
  • Premier - Il s'agit de la distance verticale entre chaque ligne de texte. Dans la plupart des cas, vous souhaitez augmenter l'interlignage pour être plus compréhensible pour vos utilisateurs.
  • Crénage – Il s'agit de l'espace blanc entre chaque caractère ou lettre. Habituellement, il est préférable de laisser le crénage aux valeurs par défaut, mais vous pouvez l'adapter davantage pour tester ce qui fonctionne le mieux pour votre site Web.
  • Suivi - Cet élément de police est également connu sous le nom d'espacement des lettres et s'applique à un nombre spécifique de caractères et de lettres.

Pourquoi la typographie est-elle importante pour la conception Web ?

Les premières impressions sont importantes dans nos vies personnelles, et il en va de même dans le monde du Web. La recherche de Taylor & Francis Online a conclu qu'il prend 05 seconde permettant aux utilisateurs de se forger une opinion sur un site Web spécifique.

La typographie est essentielle car c'est l'un des éléments essentiels de votre conception Web. Réfléchissez-y : si les gens ne peuvent pas lire le texte de votre site Web parce que les mots sont trop proches les uns des autres ou que la taille du texte est trop petite, ils laisseront probablement votre site Web insatisfait.

Lorsque vous utilisez une mauvaise typographie sur votre site Web, il est fort probable que votre taux de conversion chute, et c'est la dernière chose dont vous avez besoin dans votre assiette. Même si vos clients potentiels restent sur votre site Web qui utilise une mauvaise typographie, ils ne se souviendront probablement pas du message que vous vouliez leur transmettre, mais de la lutte qu'il leur a fallu pour lire votre message.

Pour les raisons ci-dessus, utiliser une typographie efficace booster les conversions est essentiel. Avec une typographie efficace, vous pouvez optimiser le processus de compréhension des informations que vous affichez sur votre site Web. Si vous formatez bien le texte sur votre site Web, toute l'attention sera portée sur le contenu et non sur la difficulté à comprendre ce contenu.

As la plupart des gens parcourent le contenu Web, utiliser du texte et guider vos utilisateurs avec une typographie appropriée jusqu'au point d'action est le bon moyen d'augmenter les conversions !

Conseils pratiques pour utiliser le texte pour augmenter les conversions

Maintenant que vous en savez plus sur la typographie et sur la façon dont elle aide à faire ressortir votre contenu Web, voici quelques conseils sur la façon de l'utiliser. pour stimuler la croissance de votre site Web!

Gardez à l'esprit la taille de la police !

police-taille-lecture-statistique

Source de l'image: researchgate

La taille de la police est primordiale pour fidéliser vos utilisateurs et augmenter encore les taux de conversion ! Oui, nos cerveaux traitent en effet les images des dizaines de milliers de fois plus vite que le texte, donc toute façon d'améliorer ce temps de procession avec du texte reçoit un accueil chaleureux !

Prenons, par exemple, un étude de suivi oculaire de la façon dont la taille et le type de police influencent la lecture en ligne. En utilisant des polices plus grandes, le texte global des sites Web a tendance à être lu beaucoup plus rapidement.

Donc, si votre site Web contient beaucoup de texte, ne tourmentez pas vos utilisateurs – augmentez la taille de la police ! Oui, chaque police est différente, mais voici un consensus derrière les tailles de police pour les sites Web contenant beaucoup de texte :

  • 16px – c'est le minimum pour les pages contenant beaucoup de texte, alors n'allez pas en dessous de ce nombre ! Fondamentalement, cette taille de police est la taille que les navigateurs étaient censés afficher par défaut, il est donc évident que c'est un minimum.
  • 18px – il s'agit de la taille de police moyenne d'or pour les pages contenant beaucoup de texte, ce qui permet aux gens de moins se fatiguer les yeux lorsqu'ils regardent sur leur écran.
  • 20px et plus – même s'il peut sembler trop grand au départ, certains sites Web fonctionnent encore mieux avec une telle taille de police. Prendre Moyenne, à titre d'exemple. Ils utilisent une taille de police de 21 pixels pour rendre les millions d'histoires plus lisibles pour un public plus large.

De plus, les tailles de police plus grandes ont tendance à produire des liens émotionnels plus forts. C'est peut-être l'étape que vous devez faire pour que vos utilisateurs cliquent sur ce bouton CTA qui entraîne une conversion ?

N'abusez pas des styles de police !

gras-italique-souligné-exemples-de-polices

Source de l'image: Nourrir la sarcelle

Les styles de police incluent généralement : gras, italique, et souligner. Vous pouvez utiliser ces trois éléments pour souligner certains mots ou phrases. Néanmoins, vous devriez éviter d'en abuser, car c'est l'une des erreurs d'édition les plus courantes que nous voyons sur tout le contenu Web.

N'abusez pas des styles de police sur des paragraphes entiers. Au lieu de cela, utilisez-les pour indiquer les mots que vous souhaitez faire résonner le plus auprès de vos utilisateurs. Vous ne voulez pas vous retrouver dans une situation où vous utilisez du texte pour augmenter les conversions de manière inappropriée.

Ajustez l'espacement des lignes en conséquence !

On parle ici de leader. C'est ici une si petite chose, mais c'est impératif lorsqu'il s'agit d'utiliser du texte pour augmenter les conversions. Lorsque vous avez un public malvoyant, il peut avoir des difficultés à trouver le début de la ligne de texte suivante.

C'est pourquoi c'est une pratique courante d'espacer vos lignes au moins 25 à 30 % de la taille de votre police. Ce faisant, vous rendrez votre texte lisible pour pratiquement tous les lecteurs !

De plus, vous devez toujours faire attention à ce que vous ajouter suffisamment d'espace entre les paragraphes. Fondamentalement, vous souhaitez regrouper les paragraphes pour les aligner sur le message que vous souhaitez transmettre en quelques phrases. De cette façon, votre contenu sera plus lisible à votre public cible.

Vous voulez également faire attention à la hiérarchie visuelle de votre type. Cela peut être fait en définissant correctement les balises d'en-tête, mais ce n'est pas tout ce que vous pouvez faire. L'un des meilleurs moyens d'utiliser correctement la hiérarchie visuelle consiste à agrandir les messages les plus importants couverts par votre texte. En fin de compte, vous souhaitez guider les utilisateurs afin qu'ils puissent lire les informations dans un certain ordre qui a du sens. Cela donnera plus de sens à votre contenu global.

Avec tout ce qui précède, utiliser les espaces blancs pour mettre l'accent sur les domaines que vous souhaitez mettre en valeur auprès de votre public. De cette façon, vous permettrez à votre conception de respirer et de fournir un contexte aux endroits où elle est le plus nécessaire.

Évitez les lignes de veuve, les mots orphelins et la césure

Les veuves et les orphelins sont des termes assez courants dans les compositions. Ils sont de nature très similaire, mais beaucoup de gens les confondent. Veuves indiquer une ligne de texte de fin de paragraphe qui se trouve seule au début de la page. Orphelin est une ligne d'ouverture de paragraphe qui se trouve à la fin d'une certaine page. Ces deux éléments peuvent nuire à la lisibilité du texte, en particulier dans la conception Web.

Eh bien, résoudre ces deux problèmes n'est pas si difficile, et tout revient au conseil ci-dessus. Vous pouvez soit réécrire un paragraphe pour l'adapter à la vue d'ensemble, soit ajuster l'interlignage et l'espacement pour créer des paragraphes plus serrés.

De plus, la césure est un phénomène assez courant dans la conception Web et peut faire ou défaire toute la typographie de votre site. Fondamentalement, la césure consiste à utiliser un tiret pour séparer un mot (par exemple : adapté aux chiens). Lorsque cela devient un problème, c'est dans les situations où vous devez utiliser un tiret pour couper le mot à partir de la fin de la ligne. Au lieu de faire cela, tirez simplement le mot donné dans une nouvelle ligne afin de ne pas casser complètement la lisibilité !

Ne négligez pas l'alignement du texte !

Alignement du texte est souvent négligé lorsqu'il s'agit de texte dans la conception Web. Mais, si vous le faites correctement, cela fonctionne à merveille en ce qui concerne le traitement des informations. Voici quelques conseils à suivre en matière d'alignement de texte dans la conception Web :

  • Évitez de centrer les paragraphes. Alors que certains diront que centrer des paragraphes entiers peut sembler plus artistique, ce qu'ils font est tout le contraire. Comme la plupart d'entre nous dans les sociétés occidentales apprenons à lire de gauche à droite, il est dans notre nature de voyager jusqu'au début de chaque ligne. Lorsque vous centrez le paragraphe, cela rend plus difficile pour notre cerveau de traiter toutes ces informations.
  • Centrer uniquement lorsque vous souhaitez mettre en valeur un message. Pourtant, centrer un paragraphe est plus que bienvenu lorsque votre objectif est de mettre l'accent sur un certain passage de texte. Cela crée un contraste qui transfère immédiatement le message à vos lecteurs. Le centrage du texte est également utile pour les en-têtes et les citations.

Associez des polices de caractères qui ont l'air cool ensemble !

Exemple de police Helvetica-neue-garamond

Source de l'image: Creative Bloq

Lorsque vous utilisez un seul types de caractères tout au long de votre site Web, les choses peuvent devenir un peu ennuyeuses. Néanmoins, cela ne signifie pas que vous devez utiliser dix polices de caractères différentes sur votre site Web. La simplicité est la clé ici, mais n'ayez pas peur d'expérimenter un peu. Après tout, vous voulez que votre contenu soit aussi attrayant que possible, n'est-ce pas ?

L'une des règles en matière d'appariement des polices de caractères sur les sites Web est de ne pas utiliser plus de deux ou trois polices de caractères simultanément. Aujourd'hui, avec des services comme Google Fonts, plus de polices de caractères peuvent être rendues que jamais auparavant. Bien que cela puisse devenir un peu écrasant, voici une liste de 36 combinaisons de polices parfaites pour vous inspirer !

Avec une grande quantité de choix pour le choix des polices de caractères et des polices, vous pouvez personnaliser davantage votre texte pour qu'il rayonne de la personnalité unique de votre entreprise. Voulez-vous avoir l'air créatif ou traditionnel? Vous pouvez faire ces deux tons et bien plus encore avec le bon choix de police de caractères. Ne l'ignorez pas, car c'est l'un des meilleurs moyens d'utiliser le texte pour augmenter les conversions !

Sachez quand différencier les polices Sans-Serif et Serif en conséquence !

Les deux types principaux sont étroitement liés au point ci-dessus : le Sans-Serif et le Serif. Certains plaideraient pour l'un, d'autres pour l'autre. L'essentiel ici est qu'il n'y a aucune recherche concrète suggérant que Sans-Serif est meilleur que Serif et vice-versa. Mais cela ne veut pas dire qu'il y a des conventions à suivre :

  • Sans-serif est plus facile à lire et convient mieux au corps du texte – en ce qui concerne le corps du contenu en ligne, les polices sans empattement fonctionnent le mieux ici. En effet, ce type est simple et nécessite moins de temps de la part de vos utilisateurs pour déchiffrer le message que vous essayez de transmettre.
  • Serif est meilleur pour les titres - même si Serif est plus complexe que Sans-Serif, c'est précisément la raison pour laquelle vous souhaitez l'utiliser pour vos titres. Serif déborde de caractère et vous voulez que ce personnage souligne vos points principaux avec votre contenu en ligne.

 

Lorsque vous équilibrez ces deux types, vous pouvez créer un contenu visuellement intéressant qui incitera davantage d'utilisateurs à lire l'intégralité de votre contenu et à effectuer la conversion que vous attendez !

Choisissez le type qui correspond à votre message

Les gens associent en effet les polices de caractères à différentes personnalités, selon le étude menée par Eva R. Brumberger. La plupart des caractéristiques des polices de caractères peuvent être divisées en trois catégories : la franchise, l'élégance et la convivialité.

D'après ce qui précède, considérons quel genre de message voulez-vous faire passer avec votre site Web et votre image de marque. Voulez-vous un son professionnel ou ludique ? Ou peut-être voulez-vous avoir l'air créatif et enjoué ? Définissez la police de caractères en conséquence et vous attirerez le bon type de personnes.

Un domaine du commerce en ligne où cela est utile est e-mail marketing. Basé sur un étude de 2019, pour chaque dollar dépensé en marketing par e-mail, un retour sur investissement moyen est de 1 $ ! C'est un nombre énorme, et il n'est vraiment pas étonnant que de nombreuses entreprises en ligne se concentrent sur des stratégies de marketing par e-mail pour attirer de nouveaux clients.

Par conséquent, le marketing par e-mail est un domaine très concurrentiel, où chaque petit détail compte. L'un des meilleurs moyens de vous démarquer auprès de vos clients est d'utiliser la bonne typographie en fonction du message que vous souhaitez envoyer !

Mais, comme de plus en plus d'entreprises utilisent le marketing par e-mail pour attirer le bon type d'audience, la mise à l'échelle est plus importante que jamais. De plus, si votre liste de diffusion est remplie de personnes différentes, telles que des professionnels et des consommateurs au quotidien, la création manuelle de modèles prendra au mieux du temps.

Heureusement, il existe des dizaines de services gratuits de marketing par e-mail cela vous aidera à gagner du temps sur les tâches opérationnelles et vous permettra de planifier et d'élaborer davantage de stratégies pour la croissance de votre entreprise ! La plupart d'entre eux proposeront des modèles d'e-mails, une automatisation des e-mails et des rapports pour suivre vos campagnes de marketing par e-mail.

Utilisez le contraste à votre avantage

police-contraste-exemple

Source de l'image: 3.7 Designs

Pourquoi pensez-vous que les panneaux de signalisation sont si visibles pour tout le monde ? Ils se démarquent du reste de l'environnement, nous faisant supposer que ces éléments sont importants. C'est la principale raison pour laquelle nous examinons ces éléments en premier.

La même chose peut être appliquée à la conception Web. Utiliser du texte pour augmenter les conversions peut parfois être aussi simple que utiliser le contraste à votre avantage. Ce que vous voulez faire ici, c'est essentiellement augmenter la lisibilité afin que vos utilisateurs conservez plus longtemps votre contenu.

L'une des façons courantes de le faire est de créer la bonne quantité de contraste entre votre texte et l'arrière-plan. Il y a un débat en cours entre deux types de contraste :

  • Texte blanc sur fond sombre
  • Texte noir sur fond blanc

Alors que le texte blanc sur fond sombre (ou le "Mode sombre") a ses avantages, la recherche montre que le texte noir sur fond clair (ou le "Mode clair") conduit à de meilleures performances la plupart du temps.

Néanmoins, le "mode sombre" peut profiter aux utilisateurs qui lisent votre contenu dans des conditions de faible luminosité. Alors, pourquoi ne pas inclure les deux modes de contraste de texte et voir ce qui se passe avec vos conversions ?

Tenez compte de l'âge de vos utilisateurs

Selon Statista, la démographie des internautes est la suivante :

  • 18 à 24 – 18 pour cent
  • 25 à 34 – 32 pour cent
  • 35 à 44 – 19 pour cent
  • 45 à 54 – 14 pour cent
  • 55 à 64 – 10 pour cent
  • 65 ans et plus – 7 pour cent

Maintenant, prenez en considération le fait du CDC qu'environ 12 millions de personnes âgées de 40 ans et plus ont une déficience visuelle. En gros, si vous n'optimisez pas le texte de votre contenu en ligne pour qu'il soit lisible par les personnes malvoyantes, vous passerez à côté de 50 % des internautes.

 

La typographie n'est que la pointe de l'iceberg !

Bien sûr, l'utilisation de texte et de typographie ne sera pas la seule chose qui augmentera les conversions dans votre cas. Vous devrez peut-être réutiliser complètement votre contenu ou cibler de meilleurs mots-clés pour lesquels vous pourrez vous classer plus facilement.

La chose est, être créatif avec l'optimisation des conversions est ce que va vous démarquer de la concurrence à long terme. Et ce qui pourrait vous démarquer, c'est peut-être juste de peaufiner votre typographie !

Si vous ne pouvez pas le faire seul, vous pouvez toujours trouver des concepteurs de sites Web en ligne pour transformer votre contenu Web en un chef-d'œuvre visuel. Après tout, de nos jours, les gens accordent plus de valeur au contenu visuel qu'au simple texte.

À propos de l’auteur

Robert Brandl

La passion de Robert a toujours été les outils web qui vous facilitent la vie. C'est pourquoi il a fondé la Site WebToolTester, où vous pouvez trouver des critiques et des tutoriels pour les meilleurs créateurs de sites Web et plates-formes de commerce électronique au monde.

0.00 moy. évaluation (0% But) - 0 votes

Source : https://blog.2checkout.com/how-typography-in-web-design-can-boost-sales/

Horodatage:

Plus de Blog2 Paiement