4 aspects essentiels pour choisir une police de site Web ou d’application

La typographie est la voix de votre marque. Choisir une police de caractères, c’est comme choisir un porte-parole qui travaille pour vous 24h/24, chaque jour de l’année. Aucun d’entre nous n’opterait pour un porte-parole qui serait confus ou médiocre, dont les valeurs ne correspondent pas aux nôtres. Il en va de même pour votre police de marque. Vous ne devriez pas non plus choisir une typographie confuse ou médiocre. La bonne police de caractères peut communiquer votre éthique, vos valeurs et l’esprit de votre marque, à travers des espaces numériques encombrés. Elle doit également être suffisamment polyvalente pour contribuer à la cohérence de votre marque, et ce, d’une plateforme à l’autre ou d’une région à l’autre. Sans oublier les conditions de licence qui doivent vous garantir une utilisation sur le long terme.

Alors, comment choisir la bonne police de caractères pour votre site Web ou votre application ? La clé est de savoir qui vous êtes et comment vous voulez être perçu. Pensez aux choix vestimentaires. Comme la mode, la typographie communique un sens, des sentiments, des humeurs et des intentions. L’apparence donnée à la langue influe sur la façon dont elle est interprétée par le lecteur. Si vous savez qui vous êtes en tant que marque, il est beaucoup plus facile de trouver la bonne police. À qui vous adressez-vous ? Et comment voulez-vous que ce public vous perçoive ?  

Racontez l’histoire de votre marque à un expert en typographie. Celui-ci vous guidera vers les bonnes polices de caractères. Lisez des livres sur la typographie – un bon début est Thinking with Type d’Ellen Lupton, par exemple – pour trouver des sujets et des idées qui vous amèneront à chercher d’autres livres et d’autres informations. Abordez votre recherche comme la découverte d’un éventail de possibilités. Cela rendra le processus plus plaisant que si vous vous focalisez sur la recherche de la police parfaite.

Au cours de votre exploration, tenez compte des quatre attributs essentiels en typographie : lisibilité, cohérence entre les supports, performance et longévité. Ils vous permettront de réussir le lancement d’un site Web ou d’une application.

La lisibilité : au-delà du perceptible.

Une police perceptible est un strict minimum. Visez plus haut et trouvez une police capable de transmettre vos pensées avec clarté. Il existe 14 ingrédients clés pour rendre votre police lisible : 

1. Empattement : avec ou sans ? Avec l’avènement de la typographie numérique dans les années 1980, certaines polices, comme Lucida, ont été conçues spécifiquement pour les écrans à partir d’études sur la vision et la lecture. De nos jours, les lecteurs s’attendent à des polices sans serif sur les espaces numériques et à des polices avec serif dans les livres et autres documents imprimés. Ces attentes nous conditionnent à être plus réceptifs à l’une ou l’autre forme, ce qui influence la compréhension. En 2007, The Journal of Vision Impairment & Blindness a passé en revue les recherches sur la lisibilité des polices de caractères. Il a été révélé que les lecteurs malvoyants ont tendance à préférer les polices sans serif, même si la vitesse de lecture ne semble pas en être affectée. Afin de répondre au mieux aux attentes de vos utilisateurs, préférez une police sans serif pour votre site Web ou votre application.
2. Hauteur d’x. La hauteur d’x est la distance entre la ligne de base et la ligne médiane d’une lettre minuscule. C’est ce qui donne une indication visuelle de la taille d’une police de caractères. En général, une hauteur d’x plus importante est perçue comme plus lisible.
3. Corps. Le corps est la taille d’un caractère, exprimée en points. C’est l’aspect à la fois le plus important et le plus évident de la lisibilité : une taille de point de police plus élevée augmente la lisibilité.
4. Ouverture. Les petites ouvertures dans les lettres, comme le e ou le a minuscule, permettent à la lumière de se mélanger à l’extérieur et à l’intérieur de la lettre. La répétition de ces ouvertures, dans une phrase ou un paragraphe, a un impact profond sur la lisibilité. Les polices d’écriture modernes présentent souvent des ouvertures plus petites. Cela peut rendre les formes de lettres plus difficiles à différencier et donc entraîner des erreurs de lecture. Sur votre ordinateur et votre téléphone, essayez de lire quelques phrases avec les polices que vous avez sélectionnées. Vous butez sur les mots ou vous devez relire les phrases ? Dans ce cas, il vous faut envisager une police avec des ouvertures plus marquées pour votre site Web ou votre application.
5. Interlettrage. Un espacement trop serré ou trop lâche entre les caractères affecte la lisibilité. Pour trouver l’interlettrage idéal, lisez quelques phrases et notez la fluidité avec laquelle vos yeux se déplacent sur le texte.
6. Graisse. La graisse d’une police correspond à l’épaisseur des lettres. La plupart des gens s’attendent à trouver un texte en graisse normale (par opposition à bold/gras ou thin/fin). Les lettres en graisse plus lourdes peuvent être plus ambiguës : à utiliser avec précaution.
7. Chasse. Lorsque la chasse (largeur) des caractères est plus étirée ou plus condensée que prévu, la lecture devient plus difficile mais aussi plus fatigante sur de longs passages. Restez sur des chasses normales, en particulier pour les textes denses.
8. Inclinaison. L’italique ayant perdu de sa popularité, les lecteurs se sont familiarisés avec les polices de caractères droites. Celles-ci sont donc perçues comme plus lisibles que les italiques.
9. Casse. Même si le texte en majuscules paraît plus grand, il a tendance à être moins lisible. Pourquoi ? Parce que les majuscules peuvent être plus facilement confondues les unes avec les autres.

   Les ingrédients ci-dessus contribuent tous à la lisibilité de la forme inhérente d’une police de caractères. Mais la lisibilité est également influencée par la façon dont vous agencez votre typographie, notamment :

10. Couleur. La couleur peut véhiculer une sensation ou une personnalité, mais elle peut aussi avoir un impact négatif sur la lisibilité. Lorsque vous choisissez la couleur du texte et de l’arrière-plan de votre site Web ou de votre application, n’oubliez pas que le daltonisme touche jusqu’à 8% des hommes et près de 0,5% des femmes dans le monde. Assurez-vous que vos choix sont accessibles aux personnes atteintes de daltonisme.
11. Contraste. Lié à la couleur, le contraste fait référence à la différence de luminosité entre le texte au premier plan et les couleurs en arrière-plan. Le contraste le plus lisible est un texte noir sur fond blanc.
12. Polarité. Dans le contexte de la typographie, la polarité positive correspond à un texte noir sur fond blanc, tandis que la polarité négative correspond à un texte blanc sur fond noir. L’inversion du traditionnel texte noir sur fond blanc (également connu sous le nom de « mode sombre ») peut soulager l’œil humain d’une lumière trop intense. Cela ne rend cependant pas le texte plus lisible. Une étude publiée en 2017 dans la revue Applied Ergonomics a révélé que, contrairement à la croyance populaire, la polarité positive est plus lisible sur les écrans.
13. Interligne. L’espace entre les lignes, ou interligne, influe sur la manière dont le lecteur perçoit votre message. Un interligne serré est moins lisible, mais un interligne lâche peut fragmenter une même pensée sur deux lignes, ce qui peut être moins souhaitable. Il est essentiel de trouver le bon équilibre entre les lignes pour que le message soit complet et fluide.
14. Justification. C’est la mesure de la longueur d’une ligne de texte. Recherchez l’équilibre entre une ligne trop longue (et donc fatigante à lire) et une ligne trop courte, qui peut fragmenter le message et en limiter la compréhension.

La lisibilité n’est pas une mince affaire. Si les détails vous dépassent, revenez à l’essentiel. Tapez quelques phrases avec les polices que vous aimez – dans les tailles, graisses, couleurs, etc. que vous envisagez pour votre site Web ou votre application. Lisez le texte sur vos appareils pour vous rendre compte de la fluidité de l’expérience. Si vous butez, reportez-vous à ce guide pour en identifier les raisons. Essayez ensuite une police ou une mise en page différente pour résoudre ces problèmes.

La cohérence d’un environnement à l’autre.

Si votre typographie est votre porte-parole, pensez à ceci : à quel point cela serait-il dissonant que ce porte-parole ait l’air complètement différent selon les contextes ? Couleurs des cheveux et des yeux différentes, style complètement opposé, voix et attitudes modifiées… Bien entendu, un changement de tenue vestimentaire selon les occasions est tout à fait normal. Eh bien, de la même manière, votre système de polices de caractères doit conserver une image forte et cohérente de vous-même. Il doit également faire preuve de suffisamment de souplesse pour s’adapter aux situations. Vous pouvez donc utiliser une police pour vos documents imprimés et une autre pour votre site Web. Tant que cela parait cohérent et intentionnel, un certain degré de variété ne pose pas de problème. Mais, si vous ne voulez pas que votre marque évoque le Docteur Jekyll et Mister Hyde, évitez d’associer une police sans serif ultra rigide avec une police script toute fleurie.

La performance.

Abordez les polices de caractères comme n’importe quel autre élément de conception sous licence. Imaginez que votre marque ait besoin d’un nouvel outil de création. Vous voudriez que la sélection finale présente toutes les fonctionnalités et la qualité que vous attendez. Une équipe multifonctionnelle se lancerait probablement dans un processus rigoureux de découverte et d’évaluation pour s’en assurer. Faites de même pour vos polices de caractères. Les polices sont des logiciels !

La longévité.

La longévité de votre police de caractères est un élément si essentiel de la performance, que cela mérite d’en faire une mention à part. Vous avez envie d’éviter les complications lors de vos potentiels futurs rebrandings ? Soyez sûr de choisir une police qui couvre toutes les langues et tous les caractères dont vous avez besoin aujourd’hui, mais aussi ceux dont vous pourriez avoir besoin à l’avenir. Également, tournez-vous vers des fonderies réputées pour leur réactivité en cas de problème technique, de demandes de polices sur mesure et autres requêtes d’assistance. Elles seront plus à même de vous assurer que leurs polices fonctionnent parfaitement dans les environnements numériques les plus récents et performants.  

C’est parti pour embaucher votre porte-parole !

En tant que porte-parole idéal pour votre nouveau site Web ou votre nouvelle application, la police de caractères que vous choisissez doit avoir la bonne tonalité et la présence adéquate pour incarner votre marque avec fidélité. Elle doit aussi vous permettre quelques ajustements, au même titre qu’une tenue vestimentaire. Votre porte-parole doit répondre à des critères spécifiques de performance. Elle doit s’engager pleinement à représenter votre marque à travers les espaces numériques, et ce, pour les années à venir. Trouver la bonne police pour votre site Web ou votre application peut prendre du temps. Mais le processus de découverte peut être passionnant si vous l’abordez dans un état d’esprit plein de curiosité. Alors, profitez bien du voyage !