Pourquoi la typographie est importante pour votre site Web

La commercialisation de son contenu est une stratégie clé pour attirer de nouveaux clients, fidéliser les clients, ainsi que générer des conversions, qu'elles soient sous forme de likes, d'abonnements, de prospects ou de ventes.

Le contenu peut exister en tant que message en soi, car nous avons tous tendance à penser que le message ne change pas, quelle que soit la police dans laquelle il se trouve ou la manière dont il est présenté.

Ou le fait-il?

Réfléchissons à la façon dont le message est conçu. D'un point de vue linguistique et sémantique, l'idée principale vient à l'esprit, et les mots sont ensuite choisis avec soin afin de cadrer le message. Pour communiquer efficacement, vous devez connaître votre auditoire et être capable d'anticiper comment il réagira aux mots que vous choisissez.

Ces mots doivent être lus pour être ensuite compris, traités et digérés. Mais pour que votre auditoire lise, vous devez présenter votre message de manière appropriée et efficace.

La présentation est extrêmement importante. La plupart des gens s'attendraient à ce qu'une bague en diamant se trouve dans une boîte du bijoutier, pas dans un sac en papier brun froissé, et personne ne prendrait la peine de chercher ce dernier juste pour en trouver un. La typographie consiste à présenter et à emballer le contenu, c'est-à-dire le message que vous essayez de faire passer à votre public.

Qu'est-ce que la typographie ?

La typographie est simplement la manière dont le texte est disposé sur un document ou, pour les besoins de cet article, sur une page Web. Elle est souvent considérée comme un art, d'autant plus que la typographie est étroitement liée à la créativité et à l'innovation. La typographie sert à plusieurs fins, de souligner un thème, définir la personnalité, mettre l'accent sur les idées, mettre en évidence les émotions, susciter l'intérêt et construire une esthétique de conception globale. C'est l'intersection de la mise en page et du contenu et fait partie intégrante de la conception Web de tout site Web.

Éléments de typographie à considérer

La typographie englobe un certain nombre d'éléments qui affectent et sont affectés par la conception Web, notamment le choix de la police, la palette de couleurs, la taille, la longueur des lignes, la mise en page et l'intégration à une conception. Il est important de se familiariser avec tous ces facteurs pour pouvoir utiliser efficacement la typographie.

1. Les polices de caractères : ce sont les premières choses qui nous viennent à l'esprit quand on pense à la typographie. Certains utilisent même les termes «police» et «typographie» de manière interchangeable, mais les polices ne constituent qu'un sous-ensemble de ce qui constitue la typographie. Les polices de caractères font simplement référence au nom du style de texte utilisé. Les exemples incluent Helvetica, Times, Papyrus et Arial.
2. Polices : la plupart des gens utilisent également "police" et "police de caractères" de manière interchangeable, mais si nous voulons être précis, la police fait référence à un style de police spécifique, indiquant la taille, la hauteur, la largeur et le style. Arial Narrow, taille 14, italique est une police. Il en va de même pour Myriad Pro Regular, taille 12.
3. Suivi : Il s'agit de l'espace entre les caractères ou groupes de caractères dans un bloc de texte. Bien que le suivi ait tendance à être relativement standard, il peut être ajusté pour affecter la densité du texte.
4. Crénage : alors que le suivi est un terme plus général, le crénage fait spécifiquement référence à la distance entre les lettres et les caractères individuels, généralement dans le plan horizontal.
5. Longueur de ligne : il s'agit de la longueur du texte qui s'étend de gauche à droite sur la page. Cela peut être modifié en ajustant les marges, le crénage et la taille des polices. Plus la ligne est longue, plus elle devient difficile à lire.
6. Interlignage : L'interlignage est la mesure de l'espace entre l'emplacement des lettres par rapport aux lignes de texte immédiatement au-dessus et au-dessous.

Ces éléments sont importants pour affecter la lecture d'une page. La plupart des gens se concentrent uniquement sur les polices et les polices de caractères tout en ignorant à quel point des ajustements mineurs dans le suivi, le crénage, la longueur de ligne et l'interlignage peuvent avoir des résultats spectaculaires et précieux.

pourquoi

La typographie souligne la personnalité visuelle du site Web

À première vue, les visiteurs de votre site Web devraient être en mesure de déterminer de quoi il s'agit. Il y a beaucoup de psychologie en jeu ici, et beaucoup de sous-textes sont développés presque instantanément.

En s'inspirant des couleurs, de la mise en page et de la typographie, ils peuvent ressentir un ton, une humeur, un message et un thème généraux, même sans avoir à étudier le contenu écrit ou à regarder les images. En quelques secondes, les visiteurs décideront s'ils font partie du public cible ou s'ils rejettent le site Web comme n'étant tout simplement pas pour eux.

La typographie aide à atteindre cet objectif, car l'interaction des éléments visuels individuels fonctionne en synergie les uns avec les autres pour susciter la réponse émotionnelle souhaitée.

La typographie aide à définir votre marque

Votre marque est plus qu'un simple logo. Tout comme la marque Swoosh de Nike ou la sirène de Starbucks, la typographie de ces noms de marque réels est tout aussi reconnaissable et contribue à la perception de la marque.

Prenez n'importe quelle marque bien connue et changez simplement sa police en quelque chose d'autre. Même si la marque utilise une police qui est utilisée dans de nombreux autres contextes, la combinaison de la typographie et du logo contribue à la façon dont les gens identifient et perçoivent la marque de sorte que les deux ne peuvent pas être divorcés.

Il va sans dire que si vous avez un logo emblématique et qu'il est complété par une typographie parfaite, la combinaison se démarque dans l'esprit de vos clients, faisant avancer votre marque.

La typographie attire l'attention de vos lecteurs

Comme nous l'avons mentionné précédemment, le contenu de votre site Web peut être de la plus haute qualité, mais s'il n'est pas présenté de manière efficace, vos efforts auront été vains. L'un des moyens d'amener vos lecteurs à plonger directement est d'utiliser la typographie à votre avantage. Tous les éléments mentionnés ci-dessus contribuent à la façon dont votre contenu n'est pas seulement perçu mais vécu.

Demandez à n'importe qui s'il a lu quoi que ce soit publié dans Comic Sans et s'il l'a pris au sérieux. Il y a de fortes chances qu'ils aient probablement rejeté le message comme étant banal ou trivial. Mieux encore, présentez-leur le redoutable "mur de texte", où chaque mot est dans la même police et chaque ligne est justifiée. Ils ont probablement eu du mal à lire le premier paragraphe, même si le sujet les intéresse vraiment.

De petits ajustements dans la police de caractères et la taille, la mise en page et la couleur peuvent faire une énorme différence dans la lisibilité d'un article, aidant à souligner les points clés de votre message, et vos lecteurs apprécieront vos efforts.

La typographie maintient la cohérence de votre site Web intacte

La typographie est le ciment qui relie les différents éléments de votre site Web.

Les visiteurs de votre site Web recherchent la cohérence ; et cela ne signifie pas nécessairement une apparence générique à l'emporte-pièce sur votre site Web qui le fait ressembler à celui de tout le monde. Les éléments doivent bien fonctionner en interne les uns avec les autres, du haut de la page jusqu'aux boutons Call-To-Action. Les moteurs de recherche ont tendance à favoriser un contenu bien présenté, et les performances de votre site Web sur Analytics refléteront la cohérence. De plus, vos utilisateurs devraient pouvoir trouver ce qu'ils recherchent et ne pas avoir à passer plusieurs minutes à errer sur votre site Web, en étant frustrés à chaque étape du processus.

La typographie peut soit renforcer l'uniformité de votre site, soit révéler son absence, et vos taux de conversion seront indicatifs de l'expérience utilisateur que vos lecteurs auront lors de leur visite.

Comment faire fonctionner la typographie pour vous

Polices, polices de caractères et leurs variantes

Il est important de connaître les types de polices de caractères dont vous disposez, ou du moins de connaître celles avec lesquelles vous souhaitez travailler. Les polices sont disponibles dans une grande variété de variations, et certaines des différences sont subtiles. Mais ces nuances peuvent avoir un impact sur la présentation, alors apprenez à connaître vos options au fur et à mesure que vous développez la personnalité et la présence de votre site Web.

Des milliers de polices dans une poignée de catégories

Vous pouvez passer des heures, des jours, voire des semaines à chercher des polices à utiliser, sans être sûr d'avoir trouvé ce que vous cherchez. Heureusement, les polices sont facilement classées en catégories soignées avec peu de chevauchement.

1. Serif : Un serif est une légère projection à la fin d'un trait, généralement visible en bas, mais aussi en haut ou à l'extrême droite ou à gauche des lettres. Par exemple, les lettres minuscules "m" ou "n" de ces polices semblent avoir des "pieds" dessus. Times, Baskerville et Cambria sont des exemples de polices avec empattement.
2. Sans Serif : Ces polices n'ont pas de traits terminaux, ni de "pieds" dessus. Ils ont un look épuré, épuré ou minimaliste, mais sont parfois plus difficiles à lire à des tailles plus petites. Des exemples de ces polices incluent Arial, Helvetica et Calibri.
3. Script : ces polices décoratives sont appréciées pour leur apparence élégante et se retrouvent souvent sur les invitations de mariage, les certificats et autres documents similaires. Pour les utiliser efficacement, utilisez-les avec parcimonie, avec beaucoup d'espace et à des tailles suffisamment grandes pour apprécier leur talent artistique.
4. Affichage : ce type de police est souvent utilisé sur les affiches de films, les enseignes et les titres de journaux. Semblables aux polices de script, utilisez-les uniquement pour mettre l'accent, car trop peut être écrasant.
5. Lettrage à la main : Comme leur nom l'indique, ces polices ont un aspect rendu à la main, simulant l'écriture manuscrite d'un enfant ; ou le griffonnage informel et hâtif sur un tableau noir. L'avantage de ces polices est qu'elles comportent un élément humain qui manque autrement dans les autres catégories.

Le contenu lisible est lu

La lisibilité a un certain nombre de facteurs. Mis à part le contenu lui-même, considérez tous les éléments de la typographie, en particulier l'utilisation de l'espace. Le crénage et le suivi peuvent faire une énorme différence dans la capacité d'une personne à numériser le corps du texte.

Donnez à votre contenu écrit beaucoup de marge de manœuvre, en ajoutant suffisamment de distance entre les lettres, les mots, les lignes et les sections individuelles pour pouvoir traiter les unités de manière significative.

Gardez une longueur de ligne comprise entre 50 et 75 caractères par ligne. Cela signifie utiliser environ 10 à 15 mots, que les lignes soient justifiées ou non.

Sélection de la police

Les polices que vous choisissez pour votre projet, qu'il s'agisse de la marque d'un site Web, d'un produit individuel, d'une gamme de produits ou de toute une entreprise, peuvent influencer et diriger les comportements de votre public pour soutenir ou rejeter complètement le projet. Assurez-vous de tenir compte de l'impact de vos choix sur la façon dont ils appellent votre public à l'action.

Cela devient de plus en plus important si votre marque a une identité établie et que votre public peut reconnaître votre marque simplement par les polices utilisées dans votre image de marque. Changer les choses peut avoir un impact négatif sur votre public, en raison d'une perte de confiance dans votre marque ou de la suspicion que la qualité de votre produit s'est détériorée.

Maîtriser les subtilités

La typographie apporte du caractère et du sens simplement en ajoutant de la variabilité dans l'apparence. Trouver des polices de caractères avec le bon équilibre de personnalité peut être très difficile. Les repères visuels et les caractéristiques de la police ajoutent des éléments d'émotion, de ton et d'attrait qui peuvent éclipser les mots réels.

Lorsque vous travaillez avec un graphiste pour développer votre site Web ou votre marque, assurez-vous de lui demander pourquoi il a choisi certaines polices pour votre projet. Les bons designers seraient très accommodants pour expliquer leurs choix, et vous pouvez également avoir un aperçu de leurs pensées.

Conclusion : trouvez ce qui fonctionne (et respectez-le)

Cela peut prendre beaucoup de temps et d'efforts pour établir une typographie qui fonctionne pour votre site Web, et vous pourriez faire des erreurs en cours de route. De nouvelles polices et polices de caractères sont créées et publiées chaque jour, et les mises en page et les thèmes actuellement en vigueur finiront par devenir obsolètes et obsolètes. Mais une fois que vous avez trouvé ce qui fonctionne pour vous, tenez-vous-y et regardez les conversions augmenter.