La typographie ne se résume pas à choisir simplement la police parfaite de votre projet ! Une typo bien utilisée permet aussi d’améliorer la lisibilité, l’accessibilité, la convivialité et la hiérarchie de votre interface. Voici 8 principes typographiques à connaître en 2021 pour un UI Design optimal.

1. La hiérarchie des éléments

Crédits : hmry

La grande majorité des interfaces utilisateur sont pourvues de textes. Les mots font ainsi partie des éléments standard de l’UI, au même titre que les boîtes, boutons et icônes. L’organisation de ces éléments peut à elle seule servir ou desservir une interface.

En les hiérarchisant, vous augmentez de fait la lisibilité de votre interface et aidez considérablement vos utilisateurs à trouver les informations les plus essentielles. Ainsi, n’hésitez pas à user d’une typographie plus audacieuse afin de mettre en exergue les textes les plus importants.

2. La hauteur et la longueur des lignes

L‘espacement des lignes, comprenez leur hauteur et leur largeur, sont essentielles afin de garantir la lisibilité de vos blocs de texte, et ce quel que soit le support de lecture utilisé.

Ainsi, un espacement trop important risque de perdre vos utilisateurs, là où un crénage trop réduit risque d’être trop difficile à lire. Pour parvenir à un juste équilibre, vous devez donc tester différentes échelles sur votre police.

3. La lisibilité pour plus d’accessibilité

Crédits : creativeRadhike

Vous l’aurez compris, en UI Design la lisibilité doit être au cœur de vos préoccupations ! La typographie doit ainsi être lisible et accessible à tous, quelque soit le handicap (daltonisme, trouble de la vue, de l’audition, etc.) auquel fait face votre utilisateur.

Pour ce faire, référez-vous impérativement aux directives d’accessibilité du contenu Web (WCAG).

Quelques exemples :

4. Le nombre de polices

Pour plus de flexibilité et de cohérence, préférez donc utiliser une même famille de police sur toute votre interface.

5. Les mots et phrases reconnaissables par tous

Outre l’esthétique et la lisibilité de votre interface, la typographie permet aussi d’améliorer la compréhension des mots utilisés. L’important est ici de transmettre des messages clairs à vos utilisateurs. Quelques règles simples vous aideront ici :

6. La mise en valeur des informations importantes

Crédits : Mathis_R

Épaisseur des caractères, couleur, taille de la police… sont autant d’outils à utiliser afin de mettre en avant les textes importants.

De fait, en utilisant une typographie plus légère pour vos blocs de textes les moins importants, vous attirerez davantage l’attention sur vos textes plus dynamiques.

Ces astuces simples permettront à vos utilisateurs d’interagir plus  rapidement avec votre interface.

7. La prise en charge linguistique

Votre interface est multilingue ? Il s’agit là d’une contrainte supplémentaire qui peut jouer considérablement sur le rendu de vos mises en page.

Gardez donc bien en tête que la longueur des mots peut varier d’une langue à une autre, et cela même si les deux langues concernées utilisent des glyphes similaires.

8. Les polices système

Crédits : AnaisBonnetgraphiste

Au regard des précédents point abordés, on comprend que la typographie peut s’avérer complexe à paramétrer. Heureusement, iOS et Android proposent aujourd’hui des polices système natives. Celles-ci prennent alors en charge une gamme de tailles, poids, styles et langues accessibles et lisibles en toutes circonstances.

Grâce à elles, votre interface offre une lecture confortable et esthétique dans n’importe quelle application.

De plus, les polices système bénéficient d’une prise en charge dynamique, pour une plus grande accessibilité et flexibilité. Si vous ne maîtrisez pas l’art de la typographie sur le bout des doigts, remettez-vous en à ces polices système.

Conclusion

Alignement, hiérarchie, nombre de police… l’UI Design doit considérer la typographie au même titre que tous les autres éléments de l’interface afin d’offrir une expérience utilisateur optimal.

Vous êtes à la recherche d’un professionnel pour concevoir vos interfaces ? N’hésitez pas à jeter un œil aux profils spécialisés Graphiste.com.