Texte clair sur fond sombre vs texte sombre sur fond clair: qui permet au lecteur de continuer à se concentrer plus longtemps?

Je ne voulais pas entrer dans la guerre sans fin de l'obscurité sur la lumière contre la lumière sur l'obscurité, mais récemment j'ai découvert quelque chose d'intéressant: alors que le texte clair sur sombre est encore moins fatigant pour mes yeux (et je préfère aussi personnellement plus), sombre sur la lumière semblait faire mieux pour retenir mon attention sur le contenu du texte; en d'autres termes, cela aide à se concentrer davantage sur ce que vous lisez. Cela est beaucoup plus visible avec un texte plus long qui prend quelques minutes à lire.

Je suis à la recherche d'articles, de recherches, de mesures, de Google Analytics, de tout ce qui a été fait pour voir si un texte était plus compréhensible, collait davantage avec le lecteur, facilitait le rappel de la mémoire et non pour ceux se concentrant sur la lisibilité .

Quelqu'un a-t-il fait des recherches indiquant d'une manière ou d'une autre?

Le principe le plus fondamental d'une bonne typographie pour un texte long est que le type doit être "invisible" pour le lecteur, donc il n'y a rien qui puisse interférer avec la communication de l'information. De cela, nous obtenons les principes selon lesquels les visages empattés et les sans légers sont de meilleurs textes longs que les sans réguliers, et l'obscurité à la lumière a tendance à être préférable à la lumière à l'obscurité. Il y a un bref résumé de cette sagesse typographique généralement acceptée ici . Vous ne pouvez vraiment pas séparer la lisibilité de la compréhension et donc de la rétention.

Cela dit, je connais plusieurs raisons pour le manque de rétention qui n'ont rien à voir avec la typographie, et j'ai également vu des recherches complètement idiotes dans ce domaine (comme le gars qui a coupé les colonnes de texte au milieu et les a séparées par 1/4 pouce car cela "obligeait le lecteur à se concentrer davantage pour suivre le texte"). Ainsi, votre expérience dans ce cas peut être liée au type, et ce n'est peut-être pas le cas.

Pour rester fidèle à la typographie, l'essentiel est que ce qui est confortable à lire est plus susceptible d'être absorbé que ce qui ne l'est pas.

Il existe une multitude de recherches dans le domaine optométrique , en particulier la thérapie visuelle, montrant un lien entre une mauvaise coordination oculaire («insuffisance de convergence» dans le jargon) et l'inattention, le manque de rétention, voire une aversion pour la lecture en général. (Souvent diagnostiquée à tort comme dyslexie ou TDAH.) L'effet des diverses formes d'insuffisance de convergence est une sorte de fatigue oculaire qui rend la lecture inconfortable. Il en va de même pour les personnes qui ont besoin de verres correcteurs pour lire mais qui ne les portent pas.

Il n'est pas exagéré de conclure que tout ce qui concerne la typographie d'un long passage de texte qui n'est pas idéal est susceptible d'avoir un effet négatif sur l'attention et la rétention.

En général, la plus grande source d'inconfort lors de la lecture de longs passages de texte est un contraste excessif. Le ni plus ultra de cela prend un livre imprimé sur du papier blanc brillant et essaie de le lire en plein soleil.

Lorsque vous regardez un champ généralement sombre (texte clair sur sombre, par exemple), la pupille de l'œil s'élargit. Sans entrer dans les détails techniques, une pupille plus large == une mise au point moins nette, un léger flou sur les bords du type. Voilà comment fonctionne l'optique. C'est aussi pourquoi il est si douloureux de lire dans une lumière tamisée. Les élèves sont à une dilatation maximale, ce qui signifie que la concentration est à son pire.

En regardant une page claire, l'élève se rétrécit. Pupille étroite == mise au point plus nette (ce qui augmente incidemment le contraste des bords des objets dans le champ visuel). De cela, vous pourriez conclure que le type sans, étant de construction plus trapue que ses cousins ​​empattés, se lit mieux inversé sur un fond sombre qu'un visage empatté, et vous auriez raison.

Helvetica et les sans visages similaires créent un fort contraste avec leur arrière-plan et sont inconfortables à lire lorsqu'ils sont rendus noir sur blanc ou blanc sur noir, sauf si vous utilisez le poids le plus léger. Lorsque je mets du texte dans un sans, j'utilise le poids le plus léger disponible et / ou quelque chose comme un gris

Les faces de texte à empattement traditionnelles telles que Caslon, Jenson et Garamond ont moins de contraste visuel imprimé sur un substrat léger, donc sont plus confortables à lire. Les empattements de dalle comme l'ardoise égyptienne ne sont lisibles que dans des poids plus légers. Un Didone ou Bodoni, avec ses traits épais et fins fortement contrastés, a tendance à être trop contrasté pour une lecture confortable.

Les problèmes de mise au point peuvent être subtils. Il n'est pas nécessaire que ce soit clair ou sombre. L'œil concentre la lumière rouge et verte différemment, et si vous voulez vraiment vous donner mal à la tête, convertissez quelques pages de texte en rouge sur vert et essayez de les lire. Ça fait mal!

Beaucoup de gens ont fait des recherches à ce sujet de diverses manières et capacités. Certains peuvent être trouvés en utilisant Google Scholar. Voici quelques extraits que j'ai trouvés concernant la question et leur source:

2.2.2. Couleur et attention visuelle

Parmi une variété de composants graphiques à l'écran, la couleur est l'un des composants puissants du design. Les concepteurs d'interface doivent être capables de comprendre comment appliquer des couleurs dans le design. Comme l'affirme Tufte (1989), `` une conception visuelle habile des écrans d'ordinateur - avec un soin apporté à la couleur, à la typographie, à la mise en page, aux icônes, aux graphiques et à la cohérence - contribue considérablement à la qualité et à la convivialité ''. Plusieurs études montrent les effets de la couleur chez l'homme traitement d'informations. Hoadley (1989), par exemple, déclare que la couleur, l'un des attributs d'un stimulus visuel, peut attirer l'attention humaine. De plus, Marcus (1992) exprime que la couleur est l'élément visuel le plus compliqué. En outre, des études approfondies sur la couleur dans l'attention visuelle, en particulier dans la recherche visuelle,

Les effets de la couleur sur les performances humaines ont été évalués dans plusieurs paramètres de tâche. Ces paramètres de tâche détectent les cibles colorées parmi les distractions non colorées, détectent les cibles colorées parmi les distractions colorées, la couleur des cibles étant différente de la couleur des distractions et détectent les cibles contenant les conjonctions de caractéristiques (par exemple, la couleur et l'orientation). Treisman et Gelade (1980), par exemple, rapportent que le besoin d'attention pour réunir les caractéristiques des objets fait qu'un participant prend plus de temps à détecter une lettre verte T sur un écran qui contient un nombre égal de T bruns et de X verts. Une autre étude montre que lors de la recherche de mots cibles à partir d'une liste de mots cibles colorés et de mots non cibles colorés, les différences de couleur du texte influencent considérablement le temps de recherche,

De toute évidence, les preuves montrent que la couleur a un impact sur l'attention visuelle dans divers contextes (par exemple, la recherche visuelle et la lecture). Les études ci-dessus manipulent la couleur des cibles et des non-cibles, et les non-cibles sont définies comme des distractions. En revanche, la présente étude n'explore pas les couleurs des mots cibles et des mots non cibles. Les couleurs des graphiques de bannière animés (distractions) sont plutôt étudiées.

Zhang (1999) a étudié un problème similaire. Dans cette étude, la couleur vive est l'attribut vital des bannières animées, ce qui peut grandement distraire l'attention des utilisateurs. L'attribut de luminosité est exploré en deux niveaux, la couleur vive et la couleur terne. Aucune couleur de teinte n'est signalée, ce qui rend difficile la poursuite des investigations. Cependant, le résultat montre qu'un graphique animé avec une couleur vive distrait davantage l'attention d'un utilisateur qu'un graphique animé avec une couleur terne.

En termes d'utilisation des couleurs dans les graphiques, les directives générales sont bien discutées. Marcus (1992) recommande d'utiliser des couleurs appropriées pour les zones centrales et périphériques. Le bleu convient aux grandes zones telles que les arrière-plans d'écran. Le rouge et le vert sont recommandés pour une zone au centre du champ visuel, tandis que le noir, le blanc, le jaune et le bleu sont mieux utilisés à la périphérie du champ visuel.

De plus, chaque combinaison de couleurs peut probablement créer des effets différents. Par exemple, des études montrent que des combinaisons de couleurs inefficaces sur les conceptions graphiques peuvent réduire les performances et la satisfaction des utilisateurs (par exemple, Latomia et Happ, 1987). Des combinaisons efficaces de couleurs de texte et d'arrière-plan de graphiques de bannière animés sont l'un des facteurs qui pourraient faciliter le traitement de l'information et augmenter le taux de clics, la lisibilité du message de bannière, la notoriété de la marque, l'appréciation de l'apparence Web et la convivialité d'une page Web.

Source: Différences culturelles sur l'attention et l'utilisabilité perçue: recherche de combinaisons de couleurs de graphiques animés

Il y a deux concepts à approfondir par rapport à cette question. Les recherches de Zhang sur la luminosité comme distraction et la recommandation de Marcus de différentes couleurs pour différents domaines de mise au point. La recherche suivante semble aborder les deux, en un seul paragraphe!

Les résultats de l'attention ont montré que sur n'importe quel arrière-plan, les couleurs de saturation et de luminosité maximales attirent le plus l'attention (67%). La gamme jaune-vert, vert et cyan (45%) attire l'attention, suivie de la gamme rouge et magenta (30%). Les résultats sur la préférence ont montré que les couleurs ayant une saturation et une luminosité maximales sont les plus préférées (25%). Le bleu est la teinte la plus préférée quel que soit l'arrière-plan (25%). Les relations de couleur d'avant-plan en termes d'attention et de préférence sont également incluses dans les résultats de l'étude.

Source: Effets de la teinte, de la saturation et de la luminosité sur l'attention et les préférences

Ma propre conclusion:

Sur la base de la nouvelle lecture que j'ai faite, qui était plus que ces extraits, ainsi que d'autres articles que j'ai lus, il me semble que le contraste de la luminosité est important. C'est peut-être pourquoi les grands designers évitent souvent le blanc pur et le noir pur. Ce site n'a que des gris blanc cassé et foncés. Donc, ce que je trouve que la réponse est que Light On Dark vs Dark On Light pour l'attention est moins important que la plage de luminosité. Cependant, comme vous l'avez mentionné et je pourrais relier de nombreuses études qui indiquent que la lumière sur l'obscurité est plus facile à lire. On pourrait, comme d'autres dans cette question, contredire qu'en utilisant la lumière sur un fond sombre, cela permet aux yeux de se concentrer plus facilement sur ces choses. Ce qui me semble une déclaration exacte, mais là encore dans une fourchette raisonnable. Un fond noir pur n'est pas bon.

Cela correspond également à la merveilleuse réponse d'Alan concernant le contraste et le côté plus mécanique de la façon dont nous considérons ces couleurs:

En général, la plus grande source d'inconfort lors de la lecture de longs passages de texte est un contraste excessif. Le ni plus ultra de cela prend un livre imprimé sur du papier blanc brillant et essaie de le lire en plein soleil.

Lorsque vous regardez un champ généralement sombre (texte clair sur sombre, par exemple), la pupille de l'œil s'élargit. Sans entrer dans les détails techniques, une pupille plus large == une mise au point moins nette, un léger flou sur les bords du type. Voilà comment fonctionne l'optique. C'est aussi pourquoi il est si douloureux de lire dans une lumière tamisée. Les élèves sont à une dilatation maximale, ce qui signifie que la concentration est à son pire.

Bien sûr, je ne suis pas un scientifique, un psychologue ou un expert en théorie des couleurs, alors lisez vous-même l'intégralité des rapports et tirez vos propres conclusions.

Bien que ce soit une réponse subjective, je pense que la réponse est: elle est subjective et complètement basée sur l'expérience passée et votre propre attente subconsciente.

J'ai fortement remarqué en passant de l'un à l'autre, que je sois passé à l'obscurité ou vice-versa, que si ce n'est pas la même chose que ce à quoi je suis conditionné pour le contexte particulier, cela va être très difficile à concentrer.

Même avec deux environnements très étroitement liés, les fenêtres de code et les fenêtres de commande, je trouve que j'en ai besoin différemment. Je ne peux pas utiliser confortablement une fenêtre de code clair sur noir ou une fenêtre de commande noir sur blanc, par exemple.

Selon notre discussion sur les commentaires OP.

Cela peut être dû au fait que la lumière sur l'obscurité est plus facile à voir car seul le texte et le contenu vous sont émis via la lumière. Donc, moins d'informations aident à se concentrer sur la vision.

Nous avons développé plus à ce sujet dans le PO mais ce serait ma réponse soumise.

Je garde généralement ma chambre assez sombre pour plus de confort. En tant que tel, un écran blanc (comme celui-ci) avec du texte noir dessus est difficile à lire. Cela ressemble juste à une tache blanche aveuglante avec quelques taches dessus que ça fait mal à lire.
Tous les autres facteurs sont quelque peu secondaires quand ça fait mal de lire une page.

Je pense que si les gens ont leurs chambres plus éclairées, alors le contraire pourrait être le cas ... moyenne.