web-dev-qa-db-fra.com

Les colonnes de texte nuisent-elles à la lisibilité des sites Web?

Je n'ai aucun problème à lire des articles qui sont divisés en plusieurs colonnes de texte dans les journaux et les magazines, mais cela ne semble pas se répercuter sur le Web pour moi.

Je suis récemment tombé sur un article sur le Web qui comportait deux colonnes de texte. J'ai trouvé très difficile de me concentrer sur la colonne de droite. J'ai un peu dérangé le CSS et même après avoir fait quelques ajustements de couleur, de taille de police, d'écart de colonne et de hauteur de ligne, je n'arrivais toujours pas à me concentrer correctement, mes yeux continuaient à dériver vers la gauche.

Mon cerveau est-il tellement habitué à ce qu'une colonne de texte soit le contenu principal d'un article sur le Web?

En outre, cet article était suffisamment long pour que je doive faire défiler vers le haut après avoir terminé la colonne de gauche pour lire à droite. Est-ce aussi mauvais pour la convivialité que je le pense? C'est vraiment inutile de devoir faire défiler vers le haut.

8
Bill Criswell

C'est un peu difficile de comprendre quel pourrait être le problème exact avec la mise en page du texte sans avoir à le voir, mais voici ce que dit cet article ( Conseils pratiques pour l'utilisation des colonnes de texte dans vos mises en page ) en utilisant plusieurs colonnes dans les sites Web

De nombreuses conceptions imprimées et Web que vous voyez aujourd'hui utilisent une conception simple à une seule colonne pour l'élément de texte principal. La plupart des livres imprimés utilisent une colonne de texte par page, bien que ce ne soit pas toujours la tendance. De nombreux livres à couverture rigide plus anciens comportaient deux colonnes de texte par page; plusieurs formats de colonnes sont encore couramment utilisés pour des livres tels que les dictionnaires et les almanachs. L'utilisation d'une seule colonne pour le type sur les sites Web est préférable afin que le type soit facile à lire lorsque vous faites défiler la page.

Les mises en page à plusieurs colonnes sont mieux réservées aux applications pouvant être consultées en même temps, comme dans les projets d'impression ou pour les liseuses. Les mises en page à plusieurs colonnes sont le plus souvent utilisées par les éditeurs de journaux et de magazines et dans les newsletters.

Cet article académique ( Le texte en ligne à plusieurs colonnes est-il meilleur? Ça dépend! ) a ceci à dire sur la façon dont la vitesse de lecture peut être affectée par l'utilisation de colonnes uniques et multiples

Le but de cette étude était d'examiner comment plusieurs colonnes et justification de texte influent sur la lecture en ligne en termes de vitesse de lecture, de compréhension et de satisfaction d'un passage narratif. Les résultats de cette étude ont montré que la vitesse de lecture était significativement plus rapide pour le texte justifié complet à deux colonnes que pour le texte justifié complet à une colonne. Des analyses post-hoc ont montré que ce sont les lecteurs les plus rapides qui ont le plus bénéficié de ce format.

Les lecteurs plus lents ont montré leur lecture la plus rapide et leur efficacité de lecture la plus élevée dans la condition de justification à gauche d'une colonne. Cela peut être dû au fait que les lignes très courtes ont empêché le lecteur de saisir une quantité optimale d'informations à chaque fixation. Gutherie et Wigfield (2000) affirment qu'un lecteur lent peut perdre toutes les informations sur le début d'une phrase de la mémoire à court terme avant d'avoir lu jusqu'à la fin. Les lecteurs lents peuvent également avoir eu des difficultés à "conserver leur place" avec les conditions de longueur de ligne multiple pour cette même raison.

Ci-dessous est un graphique de la vitesse de lecture relative sur plusieurs colonnes de cette article

enter image description here

En ce qui concerne votre commentaire de

En outre, cet article était suffisamment long pour que je doive faire défiler vers le haut après avoir terminé la colonne de gauche pour lire à droite. Est-ce aussi mauvais pour la convivialité que je le pense?

Je serais certainement d'accord, car vous devez effectuer une transition soudaine vers un point central de l'écran tout en déplaçant vos yeux de bas en haut et en lisant, assurez-vous que votre numérisation commence à partir du point central et non de l'extrême gauche. En ce qui concerne la quantité optimale de texte par paragraphe, consultez cet extrait de ce article sur la lisibilité

Les blocs de texte ne doivent pas être trop longs ou trop larges.

Lorsque les paragraphes deviennent longs, ils sont plus difficiles à lire car il y a moins d'espaces. Les espaces blancs donnent une forme aux paragraphes, qui agit comme des repères visuels, ce qui facilite la recherche de votre place et le début de la ligne suivante. L'utilisation de paragraphes plus nombreux et plus petits convient particulièrement au contenu Web, car elle vous permet de mettre en évidence subtilement des phrases plus utiles, en les mettant dans leur propre paragraphe ou en commençant un nouveau paragraphe.

Pour des raisons similaires, les lignes longues (paragraphes larges) sont plus lentes et plus difficiles à lire que les lignes plus étroites. Des lignes d'environ 100 caractères présentent des morceaux de texte nets qui peuvent être facilement décodés et facilitent également la numérisation jusqu'au début de la ligne suivante.

7
Mervin