Une astuce typographique simple pour augmenter la lisibilité du texte jusqu'à 30%
La typographie repose essentiellement sur deux choses: la lisibilité, qui concerne la manière dont les lettres, les mots et les phrases peuvent être distingués; et la lisibilité qui traite de la facilité avec laquelle le cerveau convertit ces éléments en un message cohérent.
Vous êtes-vous déjà retrouvé à lire deux fois une seule ligne de texte, comme s'il s'agissait de deux lignes, surtout lorsque vos yeux sont fatigués? Cela se produit, car l'œil se perd de son déplacement de droite à gauche (ou de gauche à droite, selon votre langue) de la fin d'une ligne au début de la suivante. C'est la raison pour laquelle les enfants tracent des lignes avec leur doigt lorsqu'ils apprennent à lire.
Il y a quelques choses que les typographes peuvent faire pour prévenir le problème, et ils sont particulièrement importants dans de grandes quantités de corps de texte, comme les reportages ou les blogs: assurez-vous que vos personnages par ligne ne sont pas trop élevés, plus l'œil doit voyager, plus ses chances de se perdre sont grandes; en second lieu, considérons une police avec empattement, la plus grande impression horizontale crée une plus grande distinction visuelle entre les lignes de texte et les espaces blancs, remplissant le même rôle que le doigt de l’enfant susmentionné; Enfin, prêtez une grande attention à votre interligne principal plus grand, ce qui crée des canaux plus clairs à suivre pour votre œil.
En plus de ces conseils traditionnels, une nouvelle technique a été découverte. Lecteur BeeLine est un nouveau plugin fascinant pour Chrome qui montre comment cela fonctionne.
BeeLine Reader ajoute un dégradé de couleur aux lignes de texte, facilitant ainsi la transition de la fin d'une ligne au début de la suivante. Stanford University a effectué un test en utilisant le plug-in et a conclu que BeeLine Reader avait pour résultat une augmentation moyenne de la vitesse de lecture de 10%; Le propre site du plugin affirme qu'un lecteur expérimenté connaîtra une augmentation de 25 à 30%.
Vous devriez pouvoir lire le texte à droite beaucoup plus rapidement que le texte à gauche.
Bien que je ne puisse pas dire que j'approuve le plugin imposant du texte dans une seule colonne, ou des couleurs qu'ils ont utilisées (moche pour la plupart et inutile pour quiconque souffre de daltonisme protanopique), le principe est le son. Il y a un exemple d'échelle de gris sur le site de BeeLine Reader qui améliore la lisibilité, mais qui n'empiète pas sur l'image de marque de quiconque. Un rapide essai de leur test de lecture, montré que j'ai amélioré de 22% en utilisant la version grise.
Bien qu'il n'y ait pas de moyen facile d'implémenter ce type de conception dans un CSS simple, il est possible de coder comme le démontre le plugin.
Si vous concevez de grandes quantités de texte en cours d'exécution - en particulier si d'autres contraintes vous obligent à utiliser des colonnes trop larges ou trop petites, envisagez d'appliquer cette technique pour compenser.
Que pensez-vous de la technique de BeeLine Reader? Comment as-tu réussi ton test de lecture? Faites le nous savoir dans les commentaires.
Image / vignette en vedette, image à code couleur via shutterstock