Un titre saisissant sur grand écran peut occuper tout l’écran d’un téléphone. Une fine légende grise qui paraît subtile dans une maquette peut presque disparaître au soleil. La typographie mobile commence par la compréhension des conditions de lecture : petits écrans, sessions courtes, qualité de connexion variable et besoin d’avancer rapidement vers une action. Son objectif n’est pas de réduire une mise en page d’ordinateur, mais de préserver le sens et l’attention dans un autre environnement.
Construisez une hiérarchie claire
Les lecteurs doivent distinguer immédiatement le titre de page, les titres de sections, le corps du texte et les consignes des champs. Cela n’exige pas des dizaines de tailles et de graisses. Un système restreint et cohérent fonctionne mieux lorsque les espacements renforcent les relations entre les éléments. Un titre doit être plus proche du paragraphe qu’il introduit que de la section précédente. Les composants identiques doivent garder une apparence cohérente sur tout le site, y compris dans les articles du journal et les pages de contact.
Testez les vrais textes
Un court titre de démonstration ne révélera pas le comportement d’un long nom de service ukrainien. Insérez les contenus réels dès la conception. Vérifiez apostrophes, guillemets, tirets, nombres, adresses et mots longs. N’ajoutez pas de sauts de ligne forcés uniquement pour parfaire une capture : ils peuvent perturber le rythme à une autre largeur d’écran. Si un titre ne tient pas, simplifiez sa formulation avant de réduire les caractères à une taille inconfortable.
Traitez le paragraphe comme un élément d’interface
Un mur de texte est difficile à parcourir sur téléphone. Découpez le contenu selon son sens, donnez des noms précis aux sections et utilisez une liste pour une suite d’actions lorsque cela aide réellement. À l’inverse, chaque phrase ne doit pas devenir un bloc décoratif autonome. Recherchez un rythme qui facilite à la fois le survol rapide et la lecture attentive. Les conditions importantes ne doivent pas être rendues discrètes simplement pour préserver une mise en page épurée.
N’oubliez pas l’interaction
La typographie concerne aussi les boutons et les formulaires. Il faut comprendre ce qui se passera après un clic. « Discuter d’un projet » décrit l’action plus précisément qu’un vague « Commencer » lorsque l’étape suivante est une demande. Les champs doivent conserver des libellés compréhensibles après la saisie, et les messages d’erreur doivent expliquer comment corriger le problème. Une information importante ne doit pas être transmise uniquement par la couleur : une courte explication textuelle élimine les suppositions.
Testez davantage que les dimensions de l’écran
Vérifiez la page avec un zoom accru, au clavier et avec des images non chargées. Assurez-vous que le contenu principal n’est ni tronqué ni recouvert par un panneau fixe. Le W3C propose des vérifications préliminaires d’accessibilité, notamment pour les titres et d’autres éléments de page. Elles ne remplacent pas un audit complet, mais aident à repérer les problèmes évidents avant publication. Les tests automatisés ne peuvent pas non plus juger la clarté de chaque formulation.
La vérification finale est simple : ouvrez le site sur un téléphone ordinaire et lisez-le comme un nouveau visiteur. S’il faut scruter l’écran, agrandir un passage ou deviner l’action suivante, reconsidérez la conception, même si la maquette initiale semble parfaite.