La psychologie de la typographie

Avec la couleur, la façon dont vous utilisez la typographie sur votre site Web est un élément clé qui peut déterminer le succès – ou l'échec – de votre site.

L'écrit existe depuis des siècles pour nous permettre d'exprimer des émotions, de partager des histoires et de communiquer nos pensées. Mais il suffit de regarder l'essor d'Instagram et de Snapchat par rapport au déclin de Twitter pour se rendre compte que l'écrit est fortement concurrencé par la vidéo et les images.

Aujourd'hui, avoir une copie captivante sur votre site Web ne suffit plus. Il doit être présenté d'une manière qui corresponde au style de votre marque, interagisse avec votre public et améliore son expérience sur votre site.

Le défi de la typographie numérique est de communiquer la personnalité de votre marque, d'influencer le ressenti de vos utilisateurs lorsqu'ils atterrissent sur votre site, d'attirer l'attention des internautes et de les guider vers les décisions que vous souhaitez qu'ils prennent.

Cela ressemble à un défi ? Voici quelques conseils sur l'utilisation de la typographie pour engager votre public.

Exprimez la personnalité de votre marque

Il était une fois, les gens utilisaient votre écriture pour juger de votre personnalité. Bien que les temps aient changé, ils n'ont pas tellement changé ! Aujourd'hui, les gens jugent la personnalité de votre marque par les polices que vous utilisez sur votre site Web et d'autres supports marketing. Donc, si vous voulez exprimer avec précision la personnalité de votre marque, choisissez avec soin.

Les polices peuvent être regroupées en plusieurs catégories différentes.

• Les polices avec empattement, telles que Times New Roman, Baskerville et Georgia, comportent des lignes décoratives (empattements) à la fin de chaque caractère. Ils sont associés à la tradition, à l'autorité, à la fiabilité et à la respectabilité.
• Les polices sans empattement, telles que Helvetica, Arial, Museo Sans Rounded et Verdana, n'ont pas de lignes décoratives. Ils sont perçus comme étant propres, modernes, objectifs et stables.
• Les polices de script, comme Lucinda, Lobster et Brush Script, sont basées sur le flux de l'écriture manuscrite. Ils sont utilisés pour transmettre un sentiment d'élégance, de créativité et de convivialité.
• Les polices Slab, y compris Courier, Bevan, Aracher et Rockwell, sont caractérisées par des empattements gras. Utilisez-les si vous voulez paraître audacieux, fort ou expressif dans votre entreprise.
• Les polices modernes, comme Futura, Politica et Eurostyle, sont chics, élégantes et utilisées pour dépeindre un sentiment de progressivité et d'intelligence.

Lorsque vous choisissez des polices pour votre site, réfléchissez bien à la façon dont vous souhaitez que votre marque et votre entreprise soient vues, et à ce que votre public cible pourrait rechercher. Un script élaboré pourrait être attrayant pour quelqu'un qui achète des vêtements de boutique, alors qu'il peut sembler snob pour la personne qui achète des pantalons de combat. Une police sans empattement peut plaire à un hipster à la recherche d'une expérience culinaire raffinée, mais frapper un propriétaire à la recherche d'une assurance comme étant volage et indigne de confiance.

Un mot d'avertissement en ce qui concerne le choix des polices - ne devenez pas fou en essayant d'adapter plusieurs polices différentes sur votre site Web. Cela complique excessivement la conception et donne à la page un aspect encombré et désordonné. La meilleure pratique consiste à utiliser un style de police pour votre corps de texte et un autre pour les en-têtes.

Attention au formatage

Si le formatage sur un site est bien fait, il sera à peine reconnu. Mais s'il est détraqué, cela peut causer des ravages à vos utilisateurs et les éloigner de votre site.

La taille et l'espacement sont tous deux des facteurs intégraux. Si votre marque est audacieuse et impétueuse, les gros caractères attireront immédiatement l'attention des gens et aideront à faire passer votre message quelques secondes après l'atterrissage sur la page. Mais certaines marques peuvent vouloir apparaître comme silencieuses et douces. L'utilisation de petits caractères entourés d'espaces donne un peu l'impression de chuchoter. Cela encourage les gens à se pencher et à écouter attentivement.

18 polices de calligraphie gratuites pour les designers

Les polices de calligraphie sont un moyen charmant d'ajouter un peu de personnalité à n'importe quel design ou site Web. Bien qu'ils ne soient peut-être pas la meilleure police de caractères pour les styles de paragraphe, ils constituent certainement de délicieux en-têtes ou ...

La taille compte également en termes de lisibilité. La taille moyenne du corps du texte est comprise entre 12 et 14 pixels, tandis que les en-têtes peuvent être compris entre 18 et 29. Utilisez différentes tailles de police pour attirer l'attention des gens sur les parties les plus importantes du texte, cependant, comme pour les styles de police, ne le faites pas. utilisez trop de tailles dans une section car cela semblera désordonné et bâclé.

Utilisez intelligemment les espaces pour améliorer la compréhension du texte et le rendre facile à digérer. N'espacez pas les lignes si étroitement que les gens les confondent lorsqu'ils lisent sur la page, mais veillez à ce qu'il n'y ait pas non plus un trop grand saut - les deux rendent difficile l'engagement avec le texte et la digestion des informations.

Penchez-vous en arrière et regardez chaque page objectivement. Si les lecteurs sont confrontés à un mur de texte, il peut sembler impénétrable et écrasant. Divisez le contenu en morceaux gérables avec beaucoup d'espaces afin que le contenu puisse « respirer ». Chaque paragraphe doit introduire un nouveau concept pour guider le lecteur dans le texte et interagir avec votre site Web.

Colorie-le bien

Historiquement, lorsque les écrivains voulaient attirer l'attention des gens sur certains aspects du texte, ils avaient deux options : gras ou italique. À l'ère numérique d'aujourd'hui, nous avons un bien meilleur outil à portée de main : la couleur.

Parce que la lisibilité d'un site est cruciale, nous avons tendance à nous en tenir au noir sur blanc pour le corps du texte principal. Mais ensuite, nous pouvons jouer avec les couleurs dans un texte pour mettre en évidence des éléments importants et créer une emphase pour le lecteur.

Sur un site Web, utilisez la couleur pour faire ressortir votre appel à l'action afin que vos lecteurs sachent exactement quoi faire ensuite. Introduisez de la couleur dans vos menus de navigation pour attirer l'attention des gens et rendre leurs options claires. C'est également un excellent outil pour les descriptions de produits, mettant en évidence les mots et les phrases importants afin qu'ils puissent être vus d'un coup d'œil.

Lorsque vous choisissez des couleurs pour votre texte, rappelez-vous que différentes couleurs ont différentes associations culturelles, dont j'ai parlé plus en détail dans cet article . Tout comme pour le choix de vos polices, veillez à ce que les couleurs que vous utilisez pour votre texte reflètent le ton et le style appropriés pour votre marque.

Le rôle du texte sur votre site Web est bien plus important que les mots que vous utilisez. La typographie a le pouvoir d'influencer les émotions de vos lecteurs, de les aider à interagir avec votre site Web et d'améliorer leur expérience globale.

Comment utilisez-vous la typographie pour engager votre audience ? Pouvez-vous ajouter des conseils utiles ? Dites-nous ci-dessous.

Prêt pour un autre article ? Que diriez-vous de l'un d'eux?

• Les meilleures polices gratuites à télécharger en 2017
• Comment utiliser les polices d'icônes, l'avenir de la conception Web
• Le secret pour raconter une histoire mémorable avec le design