Koyu bir arka plan üzerinde açık renkli metin veya açık bir arka plan üzerinde koyu renkli metin: okuyucunun daha uzun süre odaklanmaya devam etmesini sağlar?


11

Sonsuz karanlık-açık-karanlık-açık-karanlık-karanlık savaşına girmek istemedim, ama son zamanlarda ilginç bir şey keşfettim: karanlık-açık metin hala gözlerim için daha az yorucu (ve ben şahsen tercih ediyorum daha fazla), aydınlık karanlık metnin içeriği üzerinde dikkatimi çekmede daha iyi gibi görünüyordu; başka bir deyişle, okuduklarınıza daha fazla odaklanmanıza yardımcı olur. Bu, okunması birkaç dakika süren daha uzun metinlerle çok daha belirgindir.

Bir metnin daha anlaşılır olup olmadığını, okuyucuya daha fazla yapışıp yapışmadığını görmek için yapılan herhangi bir makale, araştırma, ölçüm, Google Analytics, herhangi bir şey arıyorum, okunabilirliğe odaklananlar için değil, bellekten hatırlamayı kolaylaştırdı .

Biri böyle ya da böyle gösteren araştırmalar yaptı mı?


1
Bu, sadece metin ve içeriğin size ışık yoluyla yayılması nedeniyle karanlıkta açıklığın görülmesi daha kolay olabilir. Böylece daha az bilgi vizyonun odaklanmasına yardımcı olur.
Zac Grierson

İlginç teori. Beyaz (ışık) muhtemelen gözlerinizden daha fazlasını gerektirir, böylece iris odağınızı daraltır , siyah (koyu) gözlerinizden daha az gerektirdiğinden ve irisiniz rahatlar (kas gerginliğini azaltır).
kcdwayne

@kcdwayne evet, bu doğru, ama yine de tema ile okunan metni hatırlama yeteneği arasında herhangi bir bağlantı olduğu gibi uzun (er) terimi sonuçlarıyla ilgileniyorum.
petermolnar

@ZachariaSamuelGrierson beyaz arka plan üzerinde siyah metin daha iyi görünüyordu, koyu arka plan üzerinde açık metin değil.
petermolnar

@petermolnar Bunu cevap olarak göndermemin sakıncası var mı?
Zac Grierson

Yanıtlar:


11

Uzun metin için iyi tipografinin en temel temeli, türün okuyucu için "görünmez" olması gerektiğidir, bu nedenle bilgi iletişimine müdahale edecek hiçbir şey yoktur. Bundan sonra, serif yüzlerinin ve hafif sans'ların normal sanslardan daha uzun metin olduğu ve açıkta koyu olduğunda karanlıkta ışığa tercih edilme ilkelerini alıyoruz. Burada genel kabul gören bu tipografik bilgeliğin kısa bir özeti var . Okunabilirliği gerçekten anlamadan ve dolayısıyla elde tutmadan ayıramazsınız.

Bununla birlikte, tipografiyle ilgisi olmayan alıkoyma eksikliğinin birkaç nedenini biliyorum ve bu alanda da bazı düpedüz aptalca araştırmalar gördüm (metin sütunlarını ortadan kesip 1/4 oranında ayıran adam gibi) "çünkü metni takip etmek için okuyucuyu daha fazla konsantre olmaya zorladı"). Bu nedenle, bu durumda deneyiminiz türle ilgili olabilir ve olmayabilir.

Tipografiye sadık kalmak, sonuçta, okunması rahat olanın emilemez olandan daha fazla emilme olasılığıdır.

Bir var optometrik alanda araştırma sal , özellikle görme terapisi kötü göz koordinasyonu (jargonunda "yakınsama yetmezliği") ve dikkatsizlik arasındaki bağlantıya, genellikle okuma bile beğenmeme, tutma yoksun işaret. (Genellikle disleksi veya DEHB olarak yanlış teşhis edilir.) Çeşitli yakınsama yetmezliği formlarının etkisi, okumayı rahatsız eden bir tür göz yorgunluğudur. Aynı şey, okumak için düzeltici lenslere ihtiyaç duyan ancak bunları takmayan insanlar için de geçerlidir.

İdeal olmayandan daha uzun olan uzun bir metin pasajının tipografisi ile ilgili herhangi bir şeyin dikkat ve alıkoyma üzerinde olumsuz bir etkisi olacağı sonucuna varmak pek de zor değildir .

Genel olarak, uzun metin bölümlerini okurken en büyük rahatsızlık kaynağı aşırı kontrasttır. Ni artı ultra bu parlak beyaz kağıda basılmış oluyor bir kitap alarak ve doğrudan güneş ışığı altında okumak için çalışıyor.

Genellikle karanlık bir alana bakıldığında (örneğin karanlıkta açık metin), göz bebeği genişler. Teknik ayrıntılara girmeden, daha geniş öğrenci == daha az net odak, türün kenarlarında hafif bir bulanıklık. Optik böyle çalışır. Bu yüzden loş ışıkta okumak çok acı verici. Öğrenciler maksimum genişlemede, yani odak en kötü durumda.

Hafif bir sayfaya bakıldığında öğrenci daralır. Dar öğrenci == daha net odaklama (bu, görme alanındaki nesnelerin kenar kontrastını tesadüfen artırır). Bundan, sans tipinin, serifed kuzenlerinden daha tıknaz bir yapı olarak, karanlık bir arka plandan bir serif yüzünden daha iyi tersine çevrilmiş olduğu sonucuna varabilir ve haklı olacaksınız.

Helvetica ve benzeri sans yüzleri, arka planlarıyla güçlü bir kontrast oluşturur ve en hafif ağırlığı kullanmazsanız, beyaz üzerine siyah veya siyah üzerine beyaz hale getirildiğinde okumak rahatsız olur . Bir sans'ta metin ayarlarken, mümkün olan en hafif ağırlığı ve / veya gri gibi bir şey kullanacağım

Caslon, Jenson ve Garamond gibi geleneksel serif metin yüzleri, hafif bir alt tabaka üzerine basılmış daha az görsel kontrast içerir, bu nedenle okunması daha rahattır. Mısır Arduvaz gibi levha serileri sadece daha hafif ağırlıklarda okunabilir. Bir Didone veya Bodoni, güçlü kontrastlı kalın ve ince darbeleriyle rahat okuma için çok kontrastlı olma eğilimindedir.

Odak sorunları hafif olabilir. Karanlıkta bir ışık sorunu olmak zorunda değil. Göz kırmızı ve yeşil ışığı farklı şekilde odaklar ve kendinize gerçekten bir baş ağrısı vermek istiyorsanız, birkaç sayfa metnini yeşil üzerinde kırmızıya dönüştürün ve okumaya çalışın. Yaralıyor!


Bu çok güzel ve uzun bir cevap ve birkaç araştırmadan alıntı yapıyorsunuz; Alıntıların kaynaklarını bağlayabiliyorsanız, ödül de dahil olmak üzere kabul etmekten memnuniyet duyarım.
petermolnar

1
Ne yazık ki, 40 yıllık referansları kazmak için boş zamanım yok. Burada verdiğim şey, pratikte de doğru bulduğum şeydir ve kendisi için kolayca test edilir. İzini zor bulabileceğiniz bir kısım, sanırım, vizyon bilgisi. Bir dizi mükemmel makaleye sahip bir sayfaya bağlandım.
Alan Gilbertson

Her şeyi kabul ediyorum ve Öğrenci hakkında iyi bir açıklama. Son zamanlarda benzer soruyu cevaplamaya çalışıyordum . Sonra "gerçek bilim adamı" geldi :) Sadece neden test etmek ve hatta mantıksal olarak anlamak kolay şeyler hakkında bilimsel yayınlarda ısrar ediyorlar merak ediyorum.
Mikhail V

3

Birçok insan bunu çeşitli şekil ve kapasitelerde araştırmıştır. Bazılarını Google Akademik kullanarak bulabilirsiniz. Soru ve kaynaklarıyla ilgili bulduğum birkaç alıntı:

2.2.2. Renk ve görsel dikkat

Ekrandaki çeşitli grafik bileşenleri arasında renk, tasarımın güçlü bileşenlerinden biridir. Arayüz tasarımcıları renklerin tasarımda nasıl uygulanacağını anlayabilmelidir. Tufte'nin (1989) belirttiği gibi, '' bilgisayar ekranlarının renk, tipografi, düzen, ikonlar, grafikler ve tutarlılığa özen gösterilerek ustalıkla görsel tasarımı '' kaliteye ve kullanılabilirliğe önemli ölçüde katkıda bulunmaktadır. '' bilgi işlem. Hoadley (1989), örneğin, görsel bir uyaranın özelliklerinden biri olan rengin insanın dikkatini çekebileceğini belirtmektedir. Dahası, Marcus (1992) rengin en karmaşık görsel bileşen olduğunu ifade eder. Ayrıca görsel dikkatde, özellikle görsel aramada renk üzerine kapsamlı çalışmalar,

Rengin insan performansı üzerindeki etkileri çeşitli görev ortamlarında değerlendirilmiştir. Bu görev ayarları, renkli olmayan dikkat dağıtıcı unsurlar arasındaki renkli hedefleri, hedeflerin renginin dikkat dağıtıcı renklerden farklı olduğu renkli dikkat dağıtıcılar arasında renkli hedefleri algılar ve özelliklerin (örn. Renk ve yön) birleşimlerini içeren hedefleri algılar. Örneğin Treisman ve Gelade (1980), nesne özelliklerinin bir araya getirilmesi gerektiğinin bir katılımcının eşit sayıda kahverengi T ve yeşil X içeren bir ekranda yeşil bir T harfinin algılanmasında daha fazla zaman aldığını bildirmektedir. Başka bir çalışma, renkli hedef kelimeler ve renkli hedef olmayan kelimeler listesinden hedef kelimeleri ararken, metin rengi farklılıklarının arama süresini önemli ölçüde etkilediğini,

Açıkça kanıtlar, rengin çeşitli bağlamlarda (örn. Görsel arama ve okuma) görsel dikkat üzerinde bir etkisi olduğunu göstermektedir. Yukarıdaki çalışmalar, hedeflerin ve hedef olmayanların rengini manipüle eder ve hedef olmayanlar dikkat dağıtıcı olarak tanımlanır. Bu çalışma ise, hedef kelimelerin ve hedef olmayan kelimelerin renklerini araştırmamaktadır. Aksine, animasyonlu banner grafiklerin (dikkat dağıtıcı unsurların) renkleri araştırılır.

Zhang (1999) benzer bir sorunu araştırmıştır. Bu çalışmada, parlak renk, kullanıcının dikkatini büyük ölçüde etkileyebilecek animasyonlu banner'ların hayati özelliğidir. Parlaklık özelliği, parlak renk ve donuk renk olmak üzere iki düzeyde incelenir. Herhangi bir renk tonu rapor edilmemiştir, bu da daha fazla araştırma için zorluk çeker. Ancak sonuç, parlak renkli animasyonlu bir grafiğin kullanıcının dikkatini donuk renkli animasyonlu bir grafikten daha fazla rahatsız ettiğini gösteriyor.

Grafiklerde renk kullanımı açısından genel kurallar iyi tartışılmıştır. Marcus (1992), merkezi ve çevresel alanlar için uygun renklerin kullanılmasını önerir. Mavi, ekran arka planları gibi geniş alanlar için uygundur. Görsel alanın ortasındaki bir alan için kırmızı ve yeşil önerilirken, görsel alanın çevresinde siyah, beyaz, sarı ve mavi daha iyi kullanılır.

Dahası, her renk kombinasyonu muhtemelen farklı efektler yaratabilir. Örneğin, çalışmalar grafik tasarımlardaki renklerin etkisiz kombinasyonlarının kullanıcı performansını ve memnuniyetini azaltabileceğini göstermektedir (örneğin, Latomia ve Happ, 1987). Animasyonlu banner grafiklerin metin ve arka plan renklerinin etkili kombinasyonları, bilgi işlemeyi kolaylaştıran ve tıklama oranını, banner mesajının okunabilirliğini, marka bilinirliğini, Web görünümünü takdir etmeyi ve bir Web sayfasının kullanılabilirliğini artırabilecek faktörlerden biridir.

Kaynak: Dikkat ve algılanan kullanılabilirlik konusunda kültürel farklılıklar: Animasyonlu grafiklerin renk kombinasyonlarını araştırma

Bu soru ile ilgili daha fazla araştırılması gereken iki kavram vardır. Zhang'ın dikkat dağınıklığı olarak parlaklık üzerine araştırmaları ve Marcus'un farklı odak alanları için farklı renk önerileri. Aşağıdaki araştırmaların her ikisini de tek bir paragrafta ele aldığı görülmektedir!

Dikkat edilen bulgular, herhangi bir arka planda, maksimum doygunluk ve parlaklık renklerinin en fazla dikkati çektiğini gösterdi (% 67). Sarı yeşil, yeşil, camgöbeği aralığı (% 45) dikkat çeker, bunu kırmızı, macenta aralığı (% 30) takip eder. Tercih edilen bulgular, maksimum doygunluk ve parlaklığa sahip renklerin en çok tercih edildiğini göstermiştir (% 25). Mavi, arka plandan bağımsız olarak en çok tercih edilen renk tonudur (% 25). Dikkat ve tercih açısından ön plan-arka plan renk ilişkileri de çalışma bulgularına dahil edilmiştir.

Kaynak: Ton, Doygunluk ve Parlaklığın Dikkat ve Tercih Üzerine Etkileri


Kendi sonucum:

Sadece okuduğum diğer alıntıların yanı sıra bu alıntılardan daha fazlası olan yeni okumaya dayanarak, bana parlaklık kontrastının önemli olduğu anlaşılıyor. Belki de bu yüzden büyük tasarımcılar genellikle saf beyaz ve saf siyahtan kaçınırlar. Bu sitenin sadece kirli beyaz ve koyu grileri vardır. Bu yüzden olmak isteyen cevabı bulduğum şey, dikkat için Light On Dark vs Dark On Light'ın parlaklık aralığından daha az önemli olmasıdır. Ancak, bahsettiğiniz gibi, karanlıkta ışığın okunmasının daha kolay olduğunu gösteren birçok çalışmayı birbirine bağlayabilirim. Bu sorudaki diğerleri gibi, karanlık bir arka plan üzerinde ışık kullanarak gözlerin bu şeylere odaklanmak için daha kolay bir zaman sağladığı konusunda çelişki sunabilir. Bu bana doğru bir açıklama gibi geliyor, ama yine makul bir aralıkta. Saf siyah bir arka plan iyi değil.

Bu aynı zamanda Alan'ın kontrast ve bu renkleri nasıl gördüğümüzün daha mekanik tarafı hakkındaki harika cevabını da kabul ediyor:

Genel olarak, uzun metin bölümlerini okurken en büyük rahatsızlık kaynağı aşırı kontrasttır. Ni artı ultra, parlak beyaz kağıda basılmış bir kitap alıyor ve doğrudan güneş ışığında okumaya çalışıyor.

Genellikle karanlık bir alana bakıldığında (örneğin karanlıkta açık metin), göz bebeği genişler. Teknik ayrıntılara girmeden, daha geniş öğrenci == daha az net odak, türün kenarlarında hafif bir bulanıklık. Optik böyle çalışır. Bu yüzden loş ışıkta okumak çok acı verici. Öğrenciler maksimum genişlemede, yani odak en kötü durumda.

Tabii ki ben bir bilim adamı, psikolog veya renk teorisi uzmanı değilim, bu yüzden tüm raporları kendi başınıza okuyun ve kendi sonuçlarınızı kendiniz çizin.


1

Bu öznel bir cevap olsa da, cevabın şu olduğunu hissediyorum: öznel ve tamamen geçmiş deneyime ve kendi bilinçaltı beklentinize dayanıyor.

Birinden diğerine geçerken, karanlıkta açık veya tam tersi olup olmadığına bakılmaksızın, belirli bir bağlam için şartlandırıldığımla aynı değilse, konsantre olmak çok zor.

Çok yakından ilişkili iki ortam, kod pencereleri ve komut pencereleriyle bile, onlara farklı ihtiyacım olduğunu düşünüyorum. Örneğin, siyah üzerine açık bir kod penceresi veya siyah üzerine beyaz bir komut penceresi kullanamıyorum.


0

OP yorum tartışmasına göre.

Bu, sadece metin ve içeriğin size ışık yoluyla yayılması nedeniyle karanlıkta açıklığın görülmesi daha kolay olabilir. Böylece daha az bilgi vizyonun odaklanmasına yardımcı olur.

Bu konuda OP'de daha fazla genişledik, ancak bu benim yanıtım olacaktı.


0

Konfor için genellikle odamı oldukça karanlık tutuyorum. Bu nedenle, üzerinde siyah metin bulunan beyaz bir ekranı (bunun gibi) okumak zordur. Sadece okumaya acı veren bazı lekeleri olan kör bir beyaz damla gibi görünüyor.
Diğer tüm faktörler bir sayfayı okumakta acı çektiğinde biraz ikincildir.

İnsanların odaları daha parlak aydınlatılmışsa, bunun tersi olabilir mi? Her iki durumda da, insanların kendi tercihlerini zorlamak veya sadece ortalama.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.