Pourquoi la typographie peut faire ou défaire votre site Web

Ceci est une entrée de contributeur invité. Les vues et opinions contenues dans ce contenu sont uniquement celles de l'auteur et non de cybernaira.

Lorsque vous essayez de décomposer les éléments les plus importants lors de la création de votre site Web, deux choses vous viennent généralement à l'esprit : le design et le contenu. Il ne fait aucun doute qu'ils sont les vedettes du spectacle. Mais comme avec n'importe quelle étoile, ils dépendent fortement d'éléments moins importants pour compléter le tableau.

La typographie est l'une de celles qui attirent très peu l'attention. Et c'est plutôt étrange car cela fait partie intégrante à la fois du design ET du contenu. Il joue également un rôle clé dans le taux de conversion conquérant.

Il peut être difficile d'imaginer dès le départ comment cela peut être, mais à la fin de cet article, vous aurez du mal à imaginer comment vous avez réussi aussi longtemps sans rien savoir des règles de la typographie.

Cependant, ne vous sentez pas trop mal à ce sujet. La plupart des propriétaires de sites Web et, pire encore, les spécialistes du marketing Internet, sont dans le même bateau.

Il est fort probable qu'ils aient consacré autant de temps et d'efforts à l'optimisation de leurs sites Web pour le référencement et la conversion sans une seule fois tenir compte de l'élément typographique. Pourtant, son impact psychologique a été prouvé scientifiquement.

Si vous avez fait tout ce que vous pouviez avec votre site et que vos conversions sont toujours inférieures aux attentes, le coupable peut être les décisions que vous avez prises (ou ne prenez pas) concernant la typographie.

Typographie définie.

Avant d'aller plus loin, vous devez d'abord savoir ce qu'est la typographie. En termes simples, la typographie est la conception de votre texte. Cela a à voir avec son apparence, l'espace qu'il occupe et la façon dont il scanne.

Lorsqu'un utilisateur ouvre une page sur votre site, la première chose qu'il fait est de parcourir la page sans rien lire pour le moment. Ils se forment une impression sur cette page en fonction de son apparence et, dans la plupart des cas, cela implique l'apparence du texte. Considérez ce site :

Comparez-le à celui-ci :

Remarquez-vous la différence de typographie?

Bien que le deuxième site puisse vous être plus utile que le premier, vous êtes plus susceptible de le fermer.

Pourquoi?

Parce qu'il est si difficile à numériser.

Le premier est beaucoup plus facile à scanner, vous êtes donc plus susceptible d'en avoir une bonne impression (et une mauvaise impression du second) sans rien savoir de l'un ou l'autre des sites.

Étant donné que le deuxième site a fait un mauvais choix en matière de conception et de typographie, toute pépite de sagesse qui pourrait se trouver sur la page restera probablement non découverte par la majorité de ses visiteurs, ce qui signifie une faible conversion.

Maintenant, vous pensez peut-être que la typographie ne concerne que les polices que vous choisissez. Ce n'est qu'une partie de l'équation. La police est importante, bien sûr, mais elle ne fait référence qu'à un style de police particulier.

La police elle-même est un groupe de polices qui partagent des caractéristiques communes, vous ferez donc un meilleur usage de votre temps en étudiant les effets d'une police plutôt qu'une police spécifique.

Un exemple très familier est Arial, qui est une police de caractères, pas une police. Il en va de même pour Times et Garamond, qui proposent une large gamme de polices différentes.

Outre la police de caractères et la police, vous devez également prendre en compte

• Longueur de la ligne
• Interlignage – interligne
• Crénage - espace blanc entre les lettres ou les caractères
• Suivi - espacement uniforme des lettres

Tout cela (ou du moins, ils devraient) se réunir sur votre site Web à dessein, et pour ce faire, vous devez connaître le rôle et l'impact de la typographie.

Le rôle de la typographie

L'objectif principal de l'étude de la typographie est de promouvoir la lisibilité dans un sens littéral plutôt que complet. Un texte trop rapproché, trop long, trop petit, trop bouclé ou trop peu contrasté est tout simplement difficile à lire.

Vous n'avez qu'à vous demander ce que vous feriez face à un bloc de texte difficile à lire. La plupart des gens le laisseraient simplement.

Dans certains cas, vous pouvez essayer de le lire quand même, mais il y a de fortes chances que vous ne compreniez pas ce que vous lisez ou que vous ne le lisez pas jusqu'au bout. Il est également très probable que votre seul point à retenir est que cela a causé plus de problèmes que cela n'en valait la peine.

Le rôle de la typographie est de s'assurer que vous faites passer votre message au lecteur. Il peut s'agir d'informations ou d'un argumentaire de vente. Cela n'a pas vraiment d'importance.

Ce qui compte, c'est que tous vos efforts pour amener les gens sur votre site portent enfin leurs fruits, et une bonne typographie garantit que vos visiteurs comprendront au moins ce que vous avez à dire.

Les conduire.

Vous savez peut-être que les utilisateurs en ligne ont tendance à lire selon un schéma prévisible. Une étude montre qu'il suit le modèle F, et une autre montre qu'il est au-dessus du pli. Vous pouvez utiliser ces connaissances pour mettre du texte « important » dans le chemin du lecteur, bien que cela puisse présenter des problèmes de conception et techniques.

Une option beaucoup plus simple et flexible consiste à créer une hiérarchie visuelle à l'aide de la typographie.

En effet, vous dirigez votre lecteur vers des sections « importantes » de votre texte en utilisant la bonne taille, le bon style et la bonne couleur de texte. Pour cela, vous devez savoir comment les gens perçoivent et organisent les informations visuelles, et la théorie de la Gestalt les décompose pour vous.

En termes simples, la théorie stipule que les gens ont tendance à visualiser les informations en groupes en termes de similitude, de proximité, de continuation, de fermeture, de figure et de fond. Pour attirer l'attention sur certains éléments de votre page, vous devez attirer l'attention du lecteur dessus.

Par exemple, si vous souhaitez attirer l'attention sur le lien "Télécharger" dans votre copie, vous pouvez utiliser la théorie de la similarité de Gestalt en en faisant une couleur ou une police assortie.

Vous pouvez également utiliser la proximité en plaçant le mot "Télécharger" sur une ligne distincte. Une autre stratégie consiste à utiliser la continuation en utilisant une flèche incurvée pour pointer vers le mot sur lequel ils doivent cliquer.

Façonner les perceptions.

Jusqu'à présent, nous avons discuté de la manière dont la typographie peut diriger le lecteur vers certains éléments de votre page, mais nous n'avons pas encore examiné comment elle peut affecter le comportement décisionnel du lecteur. Ceci est crucial car la conversion dépend dans une large mesure

Ceci est crucial car la conversion dépend dans une large mesure de la perception du lecteur. Comme vous pouvez probablement l'imaginer, une perception positive est ce que vous voulez convertir.

Il s'avère que la police de caractères que vous choisissez a un impact mesurable sur la perception du lecteur concernant le contenu. Une étude récente a montré que l'utilisation de différentes polices de caractères suscitait différentes réponses émotionnelles pour le même contenu.

Lorsque la déclaration a été présentée dans la police de caractères Baskerville, un grand nombre de personnes ont cru à la déclaration.

Cependant, lorsqu'on leur a présenté la même déclaration dans la police de caractères Comic Sans, un grand nombre de personnes n'étaient pas d'accord avec elle. Cela semble montrer que la police de caractères a influencé la crédibilité perçue de la déclaration.

C'est assez facile comment cela peut être. Considérez la déclaration suivante :

Sans connaître le nom de la police de caractères de l'un ou de l'autre, laquelle percevez-vous comme faisant le plus autorité ?

Maintenant, cela ne signifie pas qu'une police de caractères telle que Comic Sans n'a pas sa place dans la conception de sites Web et que nous devrions tous utiliser Baskerville comme police de caractères. Le fait est que votre typographie reflète la personnalité de votre site et votre marché cible.

Si vous traitez avec des PDG et d'autres dirigeants d'industries de haute technologie, une police de caractères formelle telle que Baskerville peut donner à votre site un aspect professionnel.

D'un autre côté, si vous vous adressez à des enfants ou à leurs parents, Comic Sans peut trouver la bonne note de plaisir et de convivialité.

Si vous vous adressez à différents marchés, il existe de nombreuses options qui se situent quelque part entre les deux. Vous devez trouver ce qui fonctionne le mieux pour vous.

Rendre facile à lire.

La prochaine chose que vous devez savoir est de savoir quelle est la taille suffisante pour la lisibilité. En supposant que votre page est scannable, votre prochaine préoccupation est de vous assurer que l'utilisateur peut lire votre contenu aussi facilement que possible, et la taille compte. Il n'y a pas de règle absolue pour cela, mais un

Il n'y a pas de règle absolue pour cela, mais une étude menée à l'Université d'État de Wichita sur les 8 polices de caractères les plus populaires utilisées en ligne a révélé que les polices de caractères les plus lisibles étaient Arial à 14 points et Courier à 12 points. Le plus illisible

La plus illisible était Comic Sans (encore une fois), bien qu'elle ait néanmoins été classée parmi les polices préférées avec Arial et Verdana.

Si vous préférez une police de caractères différente de celles incluses dans l'étude, vous devez mener vos propres recherches pour déterminer la taille de police la plus lisible pour votre contenu. Vous pouvez suivre les conseils de cet article pour vous aider à démarrer. (Attention : des calculs sont nécessaires !)

Avant de partir seul, cependant, vous devez savoir qu'il y a tout un débat en cours sur le meilleur style de police, serif ou sans serif.

Un exemple de police avec empattement est Times, et une police sans empattement est Arial. En général, les polices sans empattement sont plus faciles à lire dans toutes les tailles que les polices avec empattement, principalement parce qu'elles sont plus simples.

Améliorer l'humeur et la cognition.

Enfin et surtout, la typographie a un effet significatif sur l'humeur et la compréhension des lecteurs, comme le montre cette étude. Dans le résumé, les auteurs ont conclu qu'"une bonne typographie induit une bonne humeur" et que cela affectait leurs performances cognitives.

En d'autres termes, si vous trouvez qu'il est facile de lire le texte, vous êtes plus susceptible de vous sentir bien et de comprendre plus facilement ce que vous lisez. Vous le savez probablement intuitivement, mais c'est bien quand c'est quantifié.

Le point est plus qu'académique, cependant.

Il est crucial pour vos taux de conversion que vos lecteurs soient de bonne humeur lorsqu'ils lisent votre copie, car ils sont plus susceptibles d'être réceptifs à vos appels à l'action, quoi qu'il arrive.

Si une bonne typographie vous apporte cela, pourquoi ne feriez-vous pas de votre mieux pour le leur donner ?

Conclusion.

Comme l'a dit le conférencier motivateur Steve Backley : « La première étape est la plus importante. C'est le plus crucial et le plus efficace car il initiera la direction que vous avez choisie. Vous avez franchi une première étape cruciale pour comprendre pourquoi la typographie est importante pour votre site Web.

Cela vous a donné la direction pour la prochaine étape, qui consiste à mettre en pratique tout ce que vous avez appris.

À propos de Michie Victoriano :

Je suis un chercheur et analyste marketing avec plus de 6 ans d'expérience dans le marketing, la recherche, l'analyse et le marketing en ligne ; avec 2 ans d'expérience dans l'optimisation des moteurs de recherche. Freelance du moment. Aime jouer aux jeux vidéo, au basket-ball et aime trop le café.