Testo chiaro su uno sfondo scuro vs. testo scuro su uno sfondo chiaro: che consente al lettore di continuare a mettere a fuoco più a lungo?

Non volevo arrivare alla guerra infinita di dark-on-light vs light-on-dark, ma recentemente ho scoperto qualcosa di interessante: mentre il testo chiaro-scuro è ancora meno stancante per i miei occhi (e preferisco anche personalmente ancora di più), il dark-on-light sembrava fare meglio trattenendo la mia attenzione sul contenuto del testo; in altre parole aiuta a concentrarsi maggiormente su ciò che leggi. Ciò è molto più evidente con testi più lunghi che richiedono alcuni minuti per la lettura.

Sto cercando documenti, ricerche, misurazioni, Google Analytics, qualsiasi cosa, che è stata fatta per vedere se un testo era più comprensibile, bloccato di più con il lettore, ha reso più facile il richiamo dalla memoria e non per quelli che si concentrano sulla leggibilità .

Qualcuno ha fatto ricerche indicando in un modo o nell'altro?

Il fondamentale fondamentale della buona tipografia per testi lunghi è che il tipo dovrebbe essere "invisibile" al lettore, quindi non c'è nulla che interferisca con la comunicazione delle informazioni. Da ciò, otteniamo i principi secondo cui i volti serici e i sans leggeri sono un testo più lungo rispetto ai sans normali, e il buio sulla luce tende a essere preferibile al chiaro sul buio. C'è un breve riassunto di questa saggezza tipografica generalmente accettata qui . Non puoi davvero separare la leggibilità dalla comprensione e quindi dalla conservazione.

Detto questo, conosco diversi motivi per la mancanza di ritenzione che non hanno nulla a che fare con la tipografia, e ho anche visto alcune ricerche decisamente idiote in quest'area (come il ragazzo che ha tagliato le colonne di testo al centro e le ha separate di 1/4 pollice perché "ha costretto il lettore a concentrarsi maggiormente per seguire il testo"). Quindi la tua esperienza in questo caso potrebbe essere correlata al tipo e potrebbe non esserlo.

Attenendosi alla tipografia, tuttavia, la linea di fondo è che ciò che è comodo da leggere ha più probabilità di essere assorbito rispetto a ciò che non lo è.

C'è una serie di ricerche nel campo optometrico , in particolare la terapia della visione, che indica una connessione tra scarsa coordinazione oculare ("insufficienza di convergenza" nel gergo) e disattenzione, mancanza di ritenzione, persino una antipatia per la lettura in generale. (Spesso diagnosticato erroneamente come dislessia o ADHD). L'effetto delle varie forme di insufficienza di convergenza è una sorta di affaticamento della vista che rende la lettura scomoda. Lo stesso vale per le persone che hanno bisogno di lenti correttive per leggere ma non le indossano.

Non è un gran che per concludere che qualcosa sulla tipografia di un lungo passaggio di testo che è tutt'altro che ideale abbia probabilmente un effetto negativo sull'attenzione e sulla conservazione.

In generale, la più grande fonte di disagio nella lettura di lunghi passaggi di testo è un contrasto eccessivo. Il ni plus ultra di questo è prendere un libro stampato su carta bianca brillante e provare a leggerlo alla luce diretta del sole.

Quando si guarda un campo generalmente scuro (testo chiaro su scuro, ad esempio), la pupilla dell'occhio si allarga. Senza entrare nei dettagli tecnici, pupilla più ampia == messa a fuoco meno nitida, un leggero sfocato ai bordi del tipo. Ecco come funziona l'ottica. Questo è anche il motivo per cui è così doloroso leggere in penombra. Gli alunni sono alla massima dilatazione, il che significa che l'attenzione è al suo peggio.

Guardando una pagina leggera, la pupilla si restringe. Pupilla stretta == fuoco più nitido (che aumenta accidentalmente il contrasto del bordo degli oggetti nel campo visivo). Da questo, potresti concludere che il tipo sans, essendo di corporatura più robusta rispetto ai suoi cugini serif, legge meglio invertito da uno sfondo scuro di una faccia serif, e avresti ragione.

Le facce di Helvetica e sans simili creano un forte contrasto con il loro sfondo e sono scomode da leggere quando vengono rese nere su bianco o bianche su nero, a meno che non si utilizzi il peso più leggero. Quando sto impostando il testo in modo chiaro, userò il peso più leggero disponibile e / o qualcosa di simile a un grigio

Le facce di testo serif tradizionali come Caslon, Jenson e Garamond hanno meno contrasto visivo stampato su un substrato leggero, quindi sono più comode da leggere. I serif di lastre come l'ardesia egizia sono leggibili solo con pesi più leggeri. Un Didone o Bodoni, con i suoi tratti spessi e sottili fortemente contrastanti, tende ad essere troppo contrastato per una lettura confortevole.

I problemi di messa a fuoco possono essere impercettibili. Non deve essere una questione di luce su buio. L'occhio focalizza la luce rossa e verde in modo diverso, e se vuoi davvero farti venire il mal di testa, converti alcune pagine di testo in rosso su verde e prova a leggerle. Fa male!

Molte persone hanno studiato questo in una varietà di modi e capacità. Alcuni possono essere trovati utilizzando Google Scholar. Ecco alcuni estratti che ho trovato pertinenti alla domanda e alla loro fonte:

2.2.2. Colore e attenzione visiva

Tra una varietà di componenti grafici sullo schermo, il colore è uno dei potenti componenti del design. I progettisti di interfacce devono essere in grado di capire come applicare i colori nel design. Come afferma Tufte (1989), "l'abile progettazione visiva degli schermi dei computer - con attenzione a colori, tipografia, layout, icone, grafica e coerenza - contribuisce sostanzialmente alla qualità e all'usabilità". Diversi studi dimostrano gli effetti del colore nell'uomo elaborazione delle informazioni. Hoadley (1989), per esempio, afferma che il colore, uno degli attributi di uno stimolo visivo, può attirare l'attenzione umana. Inoltre, Marcus (1992) afferma che il colore è la componente visiva più complicata. Inoltre, studi approfonditi sul colore nell'attenzione visiva, in particolare nella ricerca visiva,

Gli effetti del colore sulle prestazioni umane sono stati valutati in diverse impostazioni dell'attività. Queste impostazioni dell'attività rilevano obiettivi colorati tra distrazioni non colorate, rilevano obiettivi colorati tra distrazioni colorate per cui il colore degli obiettivi è diverso dal colore delle distrazioni e rilevano obiettivi contenenti le congiunzioni di elementi (ad esempio, colore e orientamento). Treisman e Gelade (1980), ad esempio, riportano che la necessità di attenzione per unire le caratteristiche degli oggetti fa sì che un partecipante impieghi più tempo a rilevare una lettera verde T su uno schermo che contiene un uguale numero di T marroni e X verdi. Un altro studio mostra che nella ricerca di parole target da un elenco di parole target colorate e parole non target colorate, le differenze di colore del testo influenzano significativamente il tempo di ricerca,

Chiaramente, l'evidenza mostra che il colore ha un impatto sull'attenzione visiva in vari contesti (ad esempio, ricerca visiva e lettura). Gli studi di cui sopra manipolano il colore di target e non target e i non target vengono definiti distrazioni. Questo studio, d'altra parte, non esplora i colori delle parole target e delle parole non target. Piuttosto, vengono studiati i colori della grafica dei banner animati (distrazioni).

Zhang (1999) ha studiato un problema simile. In quello studio, il colore brillante è l'attributo vitale dei banner animati, che può distrarre notevolmente l'attenzione dell'utente. L'attributo luminosità è esplorato in due livelli, colore brillante e colore opaco. Non viene segnalato alcun colore di tonalità, il che lascia una difficoltà per ulteriori indagini. Tuttavia, il risultato mostra che una grafica animata con un colore brillante distoglie l'attenzione di un utente più di una grafica animata con un colore opaco.

In termini di utilizzo del colore nella grafica, le linee guida generali sono ben discusse. Marcus (1992) raccomanda l'uso di colori appropriati per le aree centrali e periferiche. Il blu è appropriato per grandi aree come gli sfondi dello schermo. Il rosso e il verde sono consigliati per un'area al centro del campo visivo, mentre nero, bianco, giallo e blu sono meglio utilizzati nella periferia del campo visivo.

Inoltre, ogni combinazione di colori può probabilmente creare effetti diversi. Ad esempio, gli studi dimostrano che combinazioni inefficaci di colori su progetti grafici possono ridurre le prestazioni e la soddisfazione dell'utente (ad esempio, Latomia e Happ, 1987). Combinazioni efficaci di testo e colori di sfondo della grafica animata di banner sono uno dei fattori che possono influenzare l'elaborazione delle informazioni e aumentare la percentuale di clic, la leggibilità del messaggio banner, la consapevolezza del marchio, l'apprezzamento dell'aspetto Web e l'usabilità di una pagina Web.

Fonte: differenze culturali sull'attenzione e sull'usabilità percepita: studio delle combinazioni di colori della grafica animata

Esistono due concetti da esplorare ulteriormente in relazione a questa domanda. La ricerca di Zhang sulla luminosità come distrazione e la raccomandazione di Marcus di colori diversi per diverse aree di messa a fuoco. La seguente ricerca sembra indirizzare entrambi, in un solo paragrafo!

I risultati sull'attenzione hanno mostrato che su qualsiasi sfondo, i colori di massima saturazione e luminosità attirano maggiormente l'attenzione (67%). L'intervallo giallo verde, verde, ciano (45%) attira l'attenzione, seguito da un intervallo rosso, magenta (30%). I risultati sulla preferenza hanno mostrato che i colori con la massima saturazione e luminosità sono i preferiti (25%). Il blu è la tonalità più preferita indipendentemente dallo sfondo (25%). Nei risultati dello studio sono anche incluse le relazioni cromatiche in primo piano-sfondo in termini di attenzione e preferenza.

Fonte: effetti di tonalità, saturazione e luminosità su attenzione e preferenza

La mia conclusione:

Sulla base della nuova lettura che ho fatto, che era molto più di quegli estratti, così come altri articoli che ho letto, mi sembra che il contrasto della luminosità sia importante. Forse è per questo che i grandi designer spesso evitano il bianco puro e il nero puro. Questo sito ha solo grigi biancastro e scuri. Quindi quello che trovo la risposta che vuole essere è che Light On Dark vs Dark On Light per l'attenzione è meno importante della gamma di luminosità. Tuttavia, come hai detto tu e potrei collegare molti studi che indicano, la luce sul buio è più facile da leggere. Uno potrebbe, come altri, in questa domanda offrire la contraddizione che usando la luce su uno sfondo scuro permette agli occhi un momento più facile di concentrarsi su quelle cose. Il che mi sembra un'affermazione accurata, ma di nuovo entro un intervallo ragionevole. Uno sfondo nero puro non va bene.

Ciò concorda anche con la meravigliosa risposta di Alan per quanto riguarda il contrasto e il lato più meccanico di come vediamo questi colori:

In generale, la più grande fonte di disagio nella lettura di lunghi passaggi di testo è un contrasto eccessivo. Il ni plus ultra di questo è prendere un libro stampato su carta bianca brillante e provare a leggerlo alla luce diretta del sole.

Quando si guarda un campo generalmente scuro (testo chiaro su scuro, ad esempio), la pupilla dell'occhio si allarga. Senza entrare nei dettagli tecnici, pupilla più ampia == messa a fuoco meno nitida, un leggero sfocato ai bordi del tipo. Ecco come funziona l'ottica. Questo è anche il motivo per cui è così doloroso leggere in penombra. Gli alunni sono alla massima dilatazione, il che significa che l'attenzione è al suo peggio.

Naturalmente non sono uno scienziato, uno psicologo o un esperto di teoria dei colori, quindi leggi l'intero rapporto per conto tuo e trai le tue conclusioni.

Mentre questa è una risposta soggettiva, sento che la risposta è: è soggettiva e completamente basata sull'esperienza passata e sulla tua aspettativa subconscia.

Ho notato con forza quando si passa dall'uno all'altro, indipendentemente dal fatto che io sia passato al buio-acceso-luce o viceversa, che se non è lo stesso di quello a cui sono condizionato per quel particolare contesto, che lo farà essere molto difficili da concentrare.

Anche con due ambienti strettamente correlati, finestre di codice e finestre di comando, trovo di averne bisogno diverso. Non posso usare comodamente una finestra di codice light-on-black o una finestra di comando black-on-white, per esempio.

Come da nostra discussione commenti OP.

Questo forse per il fatto che la luce sul buio è più facile da vedere a causa del solo testo e contenuto che ti viene emesso tramite la luce. Quindi meno informazioni aiutano a focalizzare la visione.

Abbiamo ampliato ulteriormente questo aspetto nel PO, ma questa sarebbe la mia risposta inviata.

In genere tengo la mia stanza abbastanza buia per il massimo comfort. Pertanto, è difficile leggere uno schermo bianco (come questo) con testo nero. Sembra solo una chiazza bianca accecante con alcune macchie che fa male leggere.
Tutti gli altri fattori sono in qualche modo secondari quando fa male leggere una pagina.

Immagino che se le persone hanno le loro stanze più luminose, potrebbe essere il contrario ... Ad ogni modo, è giunto il momento che le persone inizino a dare la possibilità di averle in entrambi i modi, piuttosto che forzare le proprie preferenze o provvedere esclusivamente al media.