Texto claro em fundo escuro vs. texto escuro em fundo claro: o que permite ao leitor manter o foco por mais tempo?


11

Eu não queria entrar na guerra interminável de luz sobre luz versus luz sobre escuridão, mas recentemente descobri algo interessante: enquanto texto em luz sobre escuridão é ainda menos cansativo para meus olhos (e eu também pessoalmente prefiro mais) a escuridão na luz parecia ter melhor desempenho ao prender minha atenção no conteúdo do texto; em outras palavras, ajuda a focar mais no que você lê. Isso é muito mais perceptível com textos mais longos que levam alguns minutos para serem lidos.

Estou procurando por trabalhos, pesquisas, medições, Google Analytics, qualquer coisa que tenha sido feita para verificar se um texto era mais compreensível, ficou mais com o leitor, facilitou a recuperação da memória e não aqueles que se concentram na legibilidade .

Alguém já fez pesquisas indicando uma maneira ou de outra?


1
Talvez isso aconteça pelo fato de claro-escuro ser mais fácil de ver, pois apenas o texto e o conteúdo são emitidos para você através da luz. Portanto, menos informação ajuda a focar a visão.
precisa

Teoria interessante. O branco (luz) provavelmente requer mais dos olhos, estreitando assim a íris, aumentando o foco , enquanto o preto (escuro) exige menos dos olhos e a íris diminui (reduzindo a tensão muscular).
kcdwayne

@kcdwayne Sim, isso é verdade, mas eu ainda estaria interessado nos resultados a longo prazo, pois existe alguma conexão entre o tema e a capacidade de recuperar o texto lido.
Petermolnar

@ZachariaSamuelGrierson O texto em preto sobre fundo branco parecia melhor, não o texto claro sobre fundo escuro.
Petermolnar

@petermolnar Você se importa se eu enviar isso como resposta?
precisa

Respostas:


11

O fundamental mais fundamental da boa tipografia para textos longos é que o tipo deve ser "invisível" para o leitor, para que não haja nada que interfira na comunicação das informações. A partir disso, obtemos os princípios de que rostos serif e sans leves são textos longos melhores do que os sans comuns, e o escuro na luz tende a ser preferível à luz no escuro. Há um breve resumo dessa sabedoria tipográfica geralmente aceita aqui . Você realmente não pode separar a legibilidade da compreensão e, portanto, da retenção.

Dito isso, conheço várias razões para a falta de retenção que não têm nada a ver com a tipografia, e também vi algumas pesquisas idiotas nessa área (como o cara que cortou colunas de texto no meio e as separou por 1/4 polegadas porque "forçou o leitor a se concentrar mais para seguir o texto"). Portanto, sua experiência nesse caso pode estar relacionada ao tipo e pode não estar.

Seguindo a tipografia, porém, a conclusão é que o que é confortável de ler tem maior probabilidade de ser absorvido do que o que não é.

Há uma série de pesquisas no campo optométrico , particularmente a terapia da visão, apontando para uma conexão entre má coordenação ocular ("insuficiência de convergência" no jargão) e falta de atenção, falta de retenção e até uma aversão geral à leitura. (Freqüentemente diagnosticado como dislexia ou TDAH.) O efeito das várias formas de insuficiência de convergência é um tipo de fadiga ocular que torna a leitura desconfortável. O mesmo se aplica às pessoas que precisam de lentes corretivas para ler, mas não as usam.

Não é muito difícil concluir que qualquer coisa sobre a tipografia de uma longa passagem de texto que seja menos do que o ideal provavelmente terá um efeito negativo na atenção e na retenção.

Em geral, a maior fonte de desconforto ao ler passagens longas de texto é o contraste excessivo. O ni plus ultra disso é pegar um livro impresso em papel branco brilhante e tentar lê-lo sob luz solar direta.

Ao olhar para um campo geralmente escuro (texto claro sobre escuro, por exemplo), a pupila do olho aumenta. Sem entrar em detalhes técnicos, a pupila mais larga == foco menos nítido, um leve zumbido nas bordas do tipo. É assim que a ótica funciona. É também por isso que é tão doloroso ler com pouca luz. As pupilas estão em dilatação máxima, o que significa que o foco está no pior.

Olhando para uma página clara, o aluno se estreita. Aluno estreito == foco mais nítido (que aumenta o contraste dos objetos no campo visual). A partir disso, você pode concluir que o tipo sans, sendo mais robusto do que seus primos com serifa, tem uma leitura melhor revertida de um fundo escuro do que um rosto com serifa, e você estaria certo.

Helvetica e rostos sem semelhança criam forte contraste com o fundo e são desconfortáveis ​​de ler quando renderizados em preto sobre branco ou branco sobre preto, a menos que você use o peso mais leve. Quando estou definindo um texto em sans, usarei o peso mais leve disponível e / ou algo como um cinza

As faces de texto com serifa tradicionais, como Caslon, Jenson e Garamond, têm menos contraste visual impresso em um substrato claro, por isso são mais confortáveis ​​de ler. Serifas de laje como a Egyptian Slate são legíveis apenas em pesos mais leves. Um Didone ou Bodoni, com seus traços grossos e finos fortemente contrastantes, tende a ser muito contrastante para uma leitura confortável.

Problemas de foco podem ser sutis. Não precisa ser uma questão de claro-escuro. O olho focaliza as luzes vermelha e verde de maneira diferente e, se você realmente deseja sentir dor de cabeça, converta algumas páginas de texto em vermelho em verde e tente lê-las. Isso dói!


Esta é uma resposta muito agradável e longa, e você está citando algumas pesquisas; Eu ficaria feliz em aceitá-lo, incluindo a recompensa, se você pudesse, por favor, vincular as fontes das citações.
Petermolnar

1
Infelizmente, não tenho tempo livre para desenterrar 40 e tantos anos de referências. O que dei aqui é o que também descobri ser verdade na prática e é facilmente testado por si mesmo. A parte que você pode achar difícil de localizar, eu suspeito, é a informação da visão. Eu vinculei a uma página com vários artigos excelentes.
Alan Gilbertson

Concordo com tudo e com uma boa explicação sobre o aluno. Recentemente, eu estava tentando responder a uma pergunta semelhante . Depois veio o "verdadeiro cientista" :) Eu me pergunto por que as pessoas insistem em publicações científicas sobre coisas que são bastante fáceis de testar e até entender logicamente.
Mikhail V

3

Muitas pessoas pesquisaram isso de várias maneiras e capacidades. Alguns podem ser encontrados usando o Google Scholar. Aqui estão alguns trechos que eu acho que dizem respeito à pergunta e sua fonte:

2.2.2 Cor e atenção visual

Entre uma variedade de componentes gráficos na tela, a cor é um dos componentes poderosos do design. Os designers de interface devem ser capazes de entender como aplicar cores no design. Como afirma Tufte (1989), "o design visual hábil de telas de computador - com cuidado com as cores, tipografia, layout, ícones, gráficos e coerência - contribui substancialmente para a qualidade e a usabilidade". Vários estudos mostram os efeitos da cor no ser humano. processando informação. Hoadley (1989), por exemplo, afirma que a cor, um dos atributos de um estímulo visual, pode atrair a atenção humana. Além disso, Marcus (1992) expressa que a cor é o componente visual mais complicado. Além disso, estudos extensivos sobre cores na atenção visual, particularmente na pesquisa visual,

Os efeitos da cor no desempenho humano foram avaliados em várias configurações de tarefas. Essas configurações de tarefa estão detectando alvos coloridos entre distrações não coloridas, detectando alvos coloridos entre distrações coloridas, em que a cor dos alvos é diferente da cor das distrações e detectando alvos que contêm as conjunções de recursos (por exemplo, cor e orientação). Treisman e Gelade (1980), por exemplo, relatam que a necessidade de atenção para unir características de objetos faz com que um participante demore mais tempo a detectar uma letra verde T em uma tela que contém um número igual de T marrons e X verdes. Outro estudo mostra que, ao procurar palavras-alvo em uma lista de palavras-alvo coloridas e palavras não-alvo coloridas, as diferenças na cor do texto influenciam significativamente o tempo de pesquisa,

Claramente, as evidências mostram que a cor afeta a atenção visual em vários contextos (por exemplo, pesquisa visual e leitura). Os estudos acima manipulam a cor dos alvos e não alvos, e os não alvos são definidos como distrações. O presente estudo, por outro lado, não explora as cores das palavras-alvo e não-alvo. Em vez disso, as cores dos gráficos de faixa animada (distrações) são investigadas.

Zhang (1999) investigou um problema semelhante. Nesse estudo, a cor brilhante é o atributo vital dos banners animados, o que pode distrair bastante a atenção do usuário. O atributo de brilho é explorado em dois níveis, cor brilhante e cor opaca. Nenhuma cor de matiz é relatada, o que deixa uma dificuldade para investigações adicionais. No entanto, o resultado mostra que um gráfico animado com uma cor brilhante distrai a atenção do usuário mais do que um gráfico animado com uma cor opaca.

Em termos de uso de cores nos gráficos, as diretrizes gerais são bem discutidas. Marcus (1992) recomenda o uso de cores apropriadas para áreas centrais e periféricas. O azul é apropriado para grandes áreas, como fundos de tela. Vermelho e verde são recomendados para uma área no centro do campo visual, enquanto preto, branco, amarelo e azul são mais usados ​​na periferia do campo visual.

Além disso, toda combinação de cores provavelmente pode criar efeitos diferentes. Por exemplo, estudos mostram que combinações ineficazes de cores em projetos gráficos podem reduzir o desempenho e a satisfação do usuário (por exemplo, Latomia e Happ, 1987). Combinações eficazes de texto e cores de plano de fundo dos gráficos animados de banner são um dos fatores que influenciam o processo de informações e aumentam a taxa de cliques, a legibilidade da mensagem do banner, o reconhecimento da marca, a apreciação da aparência da Web e a usabilidade de uma página da Web.

Fonte: Diferenças culturais na atenção e usabilidade percebida: Investigando combinações de cores de gráficos animados

Existem dois conceitos a serem explorados em relação a essa questão. A pesquisa de Zhang sobre o brilho como uma distração e a recomendação de Marcus de cores diferentes para diferentes áreas de foco. A pesquisa a seguir parece abordar ambos, em um único parágrafo!

Os resultados sobre a atenção mostraram que, em qualquer fundo, as cores de máxima saturação e brilho atraem mais atenção (67%). A faixa verde-amarela, verde e ciano (45%) atrai a atenção, seguida pela faixa vermelha e magenta (30%). Constatações de preferência mostraram que as cores com saturação e brilho máximos são as mais preferidas (25%). O azul é o matiz mais preferido, independentemente do fundo (25%). As relações de cores de primeiro plano e segundo plano em termos de atenção e preferência também estão incluídas nas conclusões do estudo.

Fonte: Efeitos de matiz, saturação e brilho na atenção e preferência


Minha própria conclusão:

Com base na nova leitura que fiz, que foi mais do que apenas esses trechos, bem como em outros trabalhos que li, parece-me que o contraste do brilho é importante. Talvez seja por isso que grandes designers frequentemente evitem branco puro e preto puro. Este site possui apenas cinzas esbranquiçados e escuros. Então, o que eu acho que a resposta é que Light On Dark vs Dark On Light para atenção é menos importante do que a Faixa de brilho. No entanto, como você mencionou e eu poderia vincular muitos estudos que indicam, a luz no escuro é mais fácil de ler. Poderíamos, como outros nesta pergunta, oferecer a contradição de que, ao usar a luz em um fundo escuro, isso permite aos olhos um tempo mais fácil para focar nessas coisas. O que me parece uma afirmação precisa, mas novamente dentro de um intervalo razoável. Um fundo preto puro não é bom.

Isso também concorda com a maravilhosa resposta de Alan em relação ao contraste e o lado mais mecânico de como vemos essas cores:

Em geral, a maior fonte de desconforto ao ler passagens longas de texto é o contraste excessivo. O ni plus ultra disso é pegar um livro impresso em papel branco brilhante e tentar lê-lo sob luz solar direta.

Ao olhar para um campo geralmente escuro (texto claro sobre escuro, por exemplo), a pupila do olho aumenta. Sem entrar em detalhes técnicos, a pupila mais larga == foco menos nítido, um leve zumbido nas bordas do tipo. É assim que a ótica funciona. É também por isso que é tão doloroso ler com pouca luz. As pupilas estão em dilatação máxima, o que significa que o foco está no pior.

É claro que não sou cientista, psicólogo ou especialista em teoria das cores, então leia os relatórios por conta própria e tire suas próprias conclusões.


1

Embora seja uma resposta subjetiva, sinto que a resposta é: é subjetiva e completamente baseada na experiência passada e na sua própria expectativa subconsciente.

Eu notei fortemente ao mudar de um para o outro, independentemente de eu ter mudado para escuro-na-luz ou vice-versa, que, se não for o mesmo que eu estou condicionado para o contexto em particular, será ser muito difícil de se concentrar.

Mesmo com dois ambientes intimamente relacionados, janelas de código e janelas de comando, acho que preciso deles diferentes. Não posso usar confortavelmente uma janela de código claro sobre preto ou uma janela de comando preto sobre branco, por exemplo.


0

Conforme nossa discussão dos comentários do OP.

Talvez isso aconteça pelo fato de claro-escuro ser mais fácil de ver, pois apenas o texto e o conteúdo são emitidos para você através da luz. Portanto, menos informação ajuda a focar a visão.

Expandimos mais isso no OP, mas essa seria minha resposta enviada.


0

Eu geralmente mantenho meu quarto bastante escuro para o conforto. Como tal, é difícil ler uma tela branca (como esta) com texto em preto. Parece uma mancha branca ofuscante com algumas manchas que dói de ler.
Todos os outros fatores são um tanto secundários quando dói ler uma página.

Eu acho que se as pessoas tiverem seus quartos mais iluminados, então o oposto pode ser o caso ... De qualquer maneira, já é hora de as pessoas começarem a dar a opção de ter os dois lados, em vez de forçar suas próprias preferências ou atender exclusivamente ao ambiente. média.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.