Texto claro sobre un fondo oscuro versus texto oscuro sobre un fondo claro: ¿qué le permite al lector seguir enfocando por más tiempo?


11

No quería llegar a la guerra interminable de oscuro sobre claro versus claro sobre oscuro, pero recientemente descubrí algo interesante: mientras que el texto claro sobre oscuro todavía es menos cansador para mis ojos (y también prefiero personalmente es más), la oscuridad sobre la luz parecía mejorar al mantener mi atención en el contenido del texto; en otras palabras, ayuda a enfocarse más en lo que lees. Esto es mucho más notable con textos más largos que tardan unos minutos en leerse.

Estoy buscando documentos, investigaciones, mediciones, Google Analytics, cualquier cosa, que se haya hecho para ver si un texto era más comprensible, se pegaba más al lector, hacía que fuera más fácil recordarlo de la memoria y no para aquellos que se concentraban en la legibilidad. .

¿Alguien ha realizado investigaciones que indiquen de una manera u otra?


1
Esto puede deberse al hecho de que la luz sobre la oscuridad es más fácil de ver debido a que solo el texto y el contenido se emiten a través de la luz. Entonces, menos información ayuda a enfocar la visión.
Zac Grierson

Teoría interesante Es probable que el blanco (claro) requiera más de sus ojos, lo que reduce el enfoque de su iris , mientras que el negro (oscuro) requiere menos de sus ojos y su iris se relaja (lo que reduce la tensión muscular).
kcdwayne

@kcdwayne sí, eso es cierto, pero todavía estaría interesado en los resultados a largo plazo, ya que existe alguna conexión entre el tema y la capacidad de recordar el texto leído.
petermolnar

@ZachariaSamuelGrierson el texto negro sobre fondo blanco parecía mejor, no el texto claro sobre fondo oscuro.
petermolnar

@petermolnar ¿Te importa si envío esto como respuesta?
Zac Grierson

Respuestas:


11

El fundamento más fundamental de una buena tipografía para textos largos es que el tipo debe ser "invisible" para el lector, por lo que no hay nada que interfiera con la comunicación de la información. A partir de eso, obtenemos los principios de que las caras serif y las sans livianas son mejores textos largos que las sans normales, y la oscuridad sobre la luz tiende a ser preferible a la luz sobre la oscuridad. Hay un breve resumen de esta sabiduría tipográfica generalmente aceptado aquí . Realmente no puedes separar la legibilidad de la comprensión y, por lo tanto, la retención.

Dicho esto, conozco varias razones para la falta de retención que no tienen nada que ver con la tipografía, y también he visto algunas investigaciones francamente idiotas en esta área (como el tipo que cortó las columnas de texto en el medio y las separó por 1/4 pulgada porque "obligó al lector a concentrarse más para seguir el texto"). Por lo tanto, su experiencia en este caso puede estar relacionada con el tipo, y puede que no.

Sin embargo, siguiendo con la tipografía, la conclusión es que lo que es cómodo de leer es más probable que sea absorbido que lo que no lo es.

Hay una gran cantidad de investigaciones en el campo de la optometría , en particular la terapia de la vista, que apunta a una conexión entre la falta de coordinación ocular ("insuficiencia de convergencia" en la jerga) y la falta de atención, falta de retención, incluso una aversión a la lectura en general. (A menudo se diagnostica erróneamente como dislexia o TDAH). El efecto de las diversas formas de insuficiencia de convergencia es un tipo de fatiga visual que hace que la lectura sea incómoda. Lo mismo ocurre con las personas que necesitan lentes correctivos para leer pero no los usan.

No es una exageración concluir que cualquier cosa sobre la tipografía de un pasaje de texto largo que sea menos que ideal es probable que tenga un efecto negativo en la atención y la retención.

En general, la mayor fuente de incomodidad al leer pasajes de texto largos es el contraste excesivo. El ni plus ultra de esto es tomar un libro impreso en papel blanco brillante y tratar de leerlo a la luz solar directa.

Al mirar un campo generalmente oscuro (texto claro sobre oscuro, por ejemplo), la pupila del ojo se ensancha. Sin entrar en los detalles técnicos, pupila más ancha == foco menos nítido, un ligero desenfoque en los bordes del tipo. Así es como funciona la óptica. Por eso también es tan doloroso leer con poca luz. Las pupilas están en máxima dilatación, lo que significa que el enfoque es peor.

Mirando una página clara, la pupila se estrecha. Pupila estrecha == enfoque más nítido (que incidentalmente aumenta el contraste del borde de los objetos en el campo visual). A partir de esto, podría concluir que sin tipo, siendo de construcción más gruesa que sus primos seriados, se lee mejor invertido en un fondo oscuro que una cara serif, y estaría en lo cierto.

Helvetica y otras caras similares crean un fuerte contraste con su fondo, y son incómodas de leer cuando se representan en negro sobre blanco o blanco sobre negro, a menos que use el peso más ligero. Cuando configuro el texto en un sans, usaré el peso más ligero disponible y / o algo así como un gris

Las caras de texto serif tradicionales como Caslon, Jenson y Garamond tienen menos contraste visual impreso en un sustrato ligero, por lo que son más cómodas de leer. Las serif de losas como la pizarra egipcia solo se pueden leer en pesos más ligeros. Un Didone o Bodoni, con sus trazos gruesos y delgados fuertemente contrastantes, tiende a ser demasiado contrastante para una lectura cómoda.

Los problemas de enfoque pueden ser sutiles. No tiene que ser una cuestión de luz sobre oscuridad. El ojo enfoca la luz roja y verde de manera diferente, y si realmente quieres darte un dolor de cabeza, convierte algunas páginas de texto en rojo sobre verde e intenta leerlas. ¡Duele!


Esta es una respuesta muy bonita y larga, y estás citando algunas investigaciones; Me encantaría aceptarlo, incluida la recompensa, si pudiera vincular las fuentes de las citas.
petermolnar

1
Desafortunadamente, no tengo el tiempo libre para desenterrar 40 años de referencias. Lo que he dado aquí es lo que también he comprobado que es cierto en la práctica y se prueba fácilmente por uno mismo. Sospecho que la parte que podría ser difícil de rastrear es la información de la visión. He vinculado a una página con una serie de excelentes artículos.
Alan Gilbertson

De acuerdo con todo, y una buena explicación sobre Pupil. Recientemente estaba tratando de responder una pregunta similar . Luego vino "verdadero científico" :) Me pregunto por qué la gente insiste en publicaciones científicas sobre cosas que son bastante fáciles de probar e incluso entender lógicamente.
Mikhail V

3

Mucha gente ha investigado esto en una variedad de formas y capacidades. Algunos se pueden encontrar con Google Scholar. Aquí hay algunos extractos que encontré que pertenecen a la pregunta, y su fuente:

2.2.2. Color y atención visual.

Entre una variedad de componentes gráficos en pantalla, el color es uno de los poderosos componentes del diseño. Los diseñadores de interfaces deben ser capaces de comprender cómo aplicar colores en el diseño. Como afirma Tufte (1989), "el diseño visual hábil de las pantallas de computadora, con cuidado en el color, la tipografía, el diseño, los iconos, los gráficos y la coherencia, contribuye sustancialmente a la calidad y la usabilidad". Varios estudios muestran los efectos del color en humanos procesamiento de información. Hoadley (1989), por ejemplo, afirma que el color, uno de los atributos de un estímulo visual, puede atraer la atención humana. Además, Marcus (1992) expresa que el color es el componente visual más complicado. Además, amplios estudios sobre el color en la atención visual, particularmente en la búsqueda visual,

Los efectos del color en el rendimiento humano se han evaluado en varias configuraciones de tareas. Estas configuraciones de tareas están detectando objetivos coloreados entre distracciones no coloreadas, detectando objetivos coloreados entre distracciones coloreadas por lo que el color de los objetivos es diferente del color de las distracciones y detectando objetivos que contienen las conjunciones de características (por ejemplo, color y orientación). Treisman y Gelade (1980), por ejemplo, informan que la necesidad de atención para unir características de objetos juntas hace que un participante tarde más tiempo en detectar una letra T verde en una pantalla que contiene el mismo número de T marrones y X verdes. Otro estudio muestra que al buscar palabras objetivo de una lista de palabras objetivo coloreadas y palabras no objetivo coloreadas, las diferencias de color de texto influyen significativamente en el tiempo de búsqueda,

Claramente, la evidencia muestra que el color tiene un impacto en la atención visual en varios contextos (por ejemplo, búsqueda visual y lectura). Los estudios anteriores manipulan el color de los objetivos y no objetivos, y los no objetivos se definen como distracciones. Este presente estudio, por otro lado, no explora los colores de las palabras objetivo y las palabras no objetivo. Más bien, se investigan los colores de los gráficos animados de pancartas (distracciones).

Zhang (1999) ha investigado un problema similar. En ese estudio, el color brillante es el atributo vital de los banners animados, lo que puede distraer en gran medida la atención del usuario. El atributo de brillo se explora en dos niveles, color brillante y color opaco. No se informa ningún color de tono, lo que deja una dificultad para futuras investigaciones. Sin embargo, el resultado muestra que un gráfico animado con un color brillante distrae más la atención del usuario que un gráfico animado con un color opaco.

En términos de uso de color en gráficos, las pautas generales se discuten bien. Marcus (1992) recomienda usar colores apropiados para áreas centrales y periféricas. El azul es apropiado para grandes áreas como fondos de pantalla. El rojo y el verde se recomiendan para un área en el centro del campo visual, mientras que el negro, el blanco, el amarillo y el azul se usan mejor en la periferia del campo visual.

Además, cada combinación de colores probablemente puede crear diferentes efectos. Por ejemplo, los estudios muestran que las combinaciones ineficaces de colores en los diseños gráficos pueden reducir el rendimiento y la satisfacción del usuario (por ejemplo, Latomia y Happ, 1987). Las combinaciones efectivas de texto y colores de fondo de los gráficos de pancartas animadas son uno de los factores influyentes que podrían facilitar el procesamiento de la información y aumentar la tasa de clics, la legibilidad del mensaje de pancarta, el reconocimiento de la marca, la apreciación de la apariencia web y la usabilidad de una página web.

Fuente: diferencias culturales en la atención y usabilidad percibida: investigación de combinaciones de colores de gráficos animados

Hay dos conceptos para explorar más en relación con esta pregunta. La investigación de Zhang sobre el brillo como una distracción, y la recomendación de Marcus de diferentes colores para diferentes áreas de enfoque. ¡La siguiente investigación parece abordar ambos, en un solo párrafo!

Los hallazgos sobre la atención mostraron que en cualquier fondo, los colores de máxima saturación y brillo atraen la mayor atención (67%). El rango amarillo-verde, verde, cian (45%) atrae la atención, seguido del rango rojo, magenta (30%). Los resultados de preferencia mostraron que los colores que tienen la máxima saturación y brillo son los más preferidos (25%). El azul es el tono más preferido independientemente del fondo (25%). Las relaciones de color de primer plano en segundo plano en términos de atención y preferencia también se incluyen en los resultados del estudio.

Fuente: Efectos del matiz, la saturación y el brillo sobre la atención y la preferencia.


Mi propia conclusión:

Basado en la nueva lectura que hice, que fue más que solo esos extractos, así como otros documentos que he leído, me parece que el contraste de brillo es importante. Quizás es por eso que los grandes diseñadores a menudo evitan el blanco puro y el negro puro. Este mismo sitio solo tiene grises blanquecinos y oscuros. Entonces, la respuesta que quiero encontrar es que Light On Dark vs Dark On Light para la atención es menos importante que el Rango de brillo. Sin embargo, como mencionó y podría vincular muchos estudios que indican que la luz en la oscuridad es más fácil de leer. Uno podría, como otros en esta pregunta, ofrecer la contradicción de que al usar la luz sobre un fondo oscuro permite a los ojos un tiempo más fácil para enfocarse en esas cosas. Lo cual me parece una declaración precisa, pero nuevamente dentro de un rango razonable. Un fondo negro puro no es bueno.

Esto también concuerda con la maravillosa respuesta de Alan con respecto al contraste y el lado más mecánico de cómo vemos estos colores:

En general, la mayor fuente de incomodidad al leer pasajes de texto largos es el contraste excesivo. El ni plus ultra de esto es tomar un libro impreso en papel blanco brillante y tratar de leerlo a la luz solar directa.

Al mirar un campo generalmente oscuro (texto claro sobre oscuro, por ejemplo), la pupila del ojo se ensancha. Sin entrar en los detalles técnicos, pupila más ancha == foco menos nítido, un ligero desenfoque en los bordes del tipo. Así es como funciona la óptica. Por eso también es tan doloroso leer con poca luz. Las pupilas están en máxima dilatación, lo que significa que el enfoque es peor.

Por supuesto, no soy científico, psicólogo o experto en teoría del color, así que lea los informes completos por su cuenta y saque sus propias conclusiones.


1

Si bien esta es una respuesta subjetiva, creo que la respuesta es: es subjetiva y se basa completamente en la experiencia pasada y en sus propias expectativas subconscientes.

Al cambiar de uno a otro, he notado que, independientemente de si he cambiado a oscuro sobre la luz o viceversa, si no es lo mismo a lo que estoy condicionado para el contexto particular, lo hará. Será muy difícil concentrarse.

Incluso con dos entornos muy relacionados, ventanas de código y ventanas de comando, creo que los necesito diferentes. Por ejemplo, no puedo usar cómodamente una ventana de código claro sobre negro o una ventana de comando negro sobre blanco.


0

Según nuestra discusión de comentarios OP.

Esto puede deberse al hecho de que la luz sobre la oscuridad es más fácil de ver debido a que solo el texto y el contenido se emiten a través de la luz. Entonces, menos información ayuda a enfocar la visión.

Expandimos más sobre esto en el OP, pero esta sería mi respuesta presentada.


0

Generalmente mantengo mi habitación bastante oscura para mayor comodidad. Como tal, una pantalla blanca (como esta) con texto negro es difícil de leer. Simplemente parece una mancha blanca cegadora con algunas manchas que duele leer.
Todos los demás factores son algo secundarios cuando duele leer una página.

Me imagino que si las personas tienen sus habitaciones más iluminadas, lo contrario podría ser el caso ... De cualquier manera, ya es hora de que las personas comiencen a dar la opción de tenerlas de cualquier manera, en lugar de forzar sus propias preferencias o atender exclusivamente a los promedio.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.