Teks terang pada latar belakang gelap vs. teks gelap pada latar belakang terang: yang memungkinkan pembaca tetap fokus lebih lama?

Saya tidak ingin sampai pada perang tanpa akhir antara terang-ke-cahaya vs terang-ke-gelap, tetapi baru-baru ini saya menemukan sesuatu yang menarik: sementara teks terang-gelap masih kurang melelahkan bagi mata saya (dan saya juga secara pribadi lebih suka lebih), dark-on-light tampaknya lebih baik dalam menahan perhatian saya pada isi teks; dengan kata lain itu membantu lebih fokus pada apa yang Anda baca. Ini jauh lebih terlihat dengan teks lebih lama yang membutuhkan beberapa menit untuk membaca.

Saya mencari makalah, penelitian, pengukuran, Google Analytics, apa pun, yang dilakukan untuk melihat apakah teks lebih dapat dimengerti, lebih banyak terjebak dengan pembaca, membuatnya lebih mudah untuk diingat dari memori dan bukan untuk yang berkonsentrasi pada keterbacaan. .

Adakah yang melakukan penelitian yang menunjukkan satu atau lain cara?

Dasar yang paling mendasar dari tipografi yang baik untuk teks panjang adalah bahwa tipenya harus "tidak terlihat" oleh pembaca, sehingga tidak ada yang mengganggu komunikasi informasi. Dari itu, kita mendapatkan prinsip bahwa wajah serif dan sans ringan adalah teks yang lebih panjang daripada sans biasa, dan dark on light cenderung lebih disukai daripada light on dark. Ada ringkasan singkat dari kebijaksanaan tipografi yang diterima secara umum di sini . Anda benar-benar tidak dapat menceraikan keterbacaan dari pemahaman, dan karenanya retensi.

Yang mengatakan, saya tahu beberapa alasan untuk kurangnya retensi yang tidak ada hubungannya dengan tipografi, dan saya juga telah melihat beberapa penelitian idiot di daerah ini (seperti orang yang memotong kolom teks di tengah dan memisahkannya dengan 1/4 inci karena "memaksa pembaca untuk lebih berkonsentrasi untuk mengikuti teks"). Jadi pengalaman Anda dalam hal ini mungkin terkait dengan jenisnya, dan mungkin juga tidak.

Tetap dengan tipografi, intinya adalah bahwa apa yang nyaman dibaca lebih mungkin diserap daripada yang tidak.

Ada banyak penelitian di bidang optometrik , khususnya terapi penglihatan, yang menunjuk pada hubungan antara koordinasi mata yang buruk ("ketidakcukupan konvergensi" dalam jargon) dan kurangnya perhatian, kurangnya retensi, bahkan ketidaksukaan membaca pada umumnya. (Sering salah didiagnosis sebagai disleksia atau ADHD.) Efek dari berbagai bentuk insufisiensi konvergensi adalah jenis kelelahan mata yang membuat membaca tidak nyaman. Hal yang sama berlaku bagi orang yang membutuhkan lensa korektif untuk membaca tetapi tidak memakainya.

Tidak terlalu sulit untuk menyimpulkan bahwa apa pun tentang tipografi teks panjang yang kurang ideal cenderung memiliki efek negatif pada perhatian dan retensi.

Secara umum, sumber ketidaknyamanan terbesar saat membaca teks panjang adalah kontras yang berlebihan. The ni plus ultra ini adalah mengambil sebuah buku yang dicetak di atas kertas putih cerah dan mencoba untuk membacanya di bawah sinar matahari langsung.

Ketika melihat bidang yang umumnya gelap (teks terang-gelap, misalnya), pupil mata melebar. Tanpa masuk ke detail teknis, murid yang lebih luas == fokus kurang tajam, sedikit kabur di tepi jenis. Itulah cara kerja optik. Ini juga mengapa sangat menyakitkan untuk membaca dalam cahaya redup. Murid-murid berada pada pelebaran maksimal, yang berarti bahwa fokus adalah yang terburuk.

Melihat halaman yang terang, pupilnya menyempit. Murid sempit == fokus lebih tajam (yang secara tidak sengaja meningkatkan kontras tepi objek di bidang visual). Dari sini, Anda mungkin menyimpulkan bahwa tipe sans, yang bentuknya lebih chunkier daripada sepupunya yang serifed, lebih baik dibaca terbalik dari latar belakang yang gelap daripada wajah serif, dan Anda akan benar.

Helvetica dan wajah sans yang serupa menciptakan kontras yang kuat dengan latar belakangnya, dan tidak nyaman dibaca ketika ditampilkan hitam putih atau putih hitam, kecuali jika Anda menggunakan bobot yang paling ringan. Ketika saya mengatur teks dalam sans, saya akan menggunakan bobot paling ringan yang tersedia dan / atau sesuatu seperti abu-abu

Wajah teks serif tradisional seperti Caslon, Jenson dan Garamond memiliki kontras visual yang kurang dicetak pada media yang ringan, sehingga lebih nyaman untuk dibaca. Serab pelat seperti Slate Mesir hanya dapat dibaca dalam bobot yang lebih ringan. Didone atau Bodoni, dengan sapuan tebal dan tipis yang sangat kontras, cenderung terlalu kontras untuk kenyamanan membaca.

Masalah fokus bisa halus. Itu tidak harus menjadi pertanyaan terang-gelap. Mata memfokuskan cahaya merah dan hijau secara berbeda, dan jika Anda benar-benar ingin membuat diri Anda sakit kepala, ubah beberapa halaman teks menjadi merah pada hijau dan cobalah untuk membacanya. Itu menyakitkan!

Banyak orang telah meneliti ini dalam berbagai cara dan kapasitas. Beberapa dapat ditemukan menggunakan Google Cendekia. Berikut adalah beberapa kutipan yang saya temukan yang berkaitan dengan pertanyaan, dan sumbernya:

2.2.2. Warna dan perhatian visual

Di antara berbagai komponen grafis di layar, warna adalah salah satu komponen desain yang kuat. Desainer antarmuka harus dapat memahami cara menerapkan warna dalam desain. Seperti yang ditegaskan oleh Tufte (1989), '' desain visual yang terampil dari layar komputer - dengan perhatian diberikan pada warna, tipografi, tata letak, ikon, grafik dan koherensi - secara substansial berkontribusi pada kualitas dan kegunaan. '' Beberapa penelitian menunjukkan efek warna pada manusia. memproses informasi. Hoadley (1989), misalnya, menyatakan bahwa warna, salah satu atribut dari stimulus visual, dapat menarik perhatian manusia. Selain itu, Marcus (1992) menyatakan bahwa warna adalah komponen visual yang paling rumit. Selanjutnya, studi ekstensif tentang warna dalam perhatian visual, khususnya dalam pencarian visual,

Efek warna pada kinerja manusia telah dievaluasi dalam beberapa pengaturan tugas. Pengaturan tugas ini mendeteksi target berwarna di antara gangguan yang tidak berwarna, mendeteksi target berwarna di antara gangguan berwarna di mana warna target berbeda dari warna gangguan, dan mendeteksi target yang mengandung konjungsi fitur (misalnya, warna dan orientasi). Treisman dan Gelade (1980), misalnya, melaporkan bahwa perlunya perhatian untuk menggabungkan fitur objek bersama-sama menyebabkan peserta membutuhkan lebih banyak waktu dalam mendeteksi huruf hijau T pada layar yang berisi jumlah T yang sama dengan T yang berwarna hijau dan X yang hijau. Studi lain menunjukkan bahwa dalam mencari kata-kata target dari daftar kata-kata target berwarna dan kata-kata non-target berwarna, perbedaan teks-warna secara signifikan mempengaruhi waktu pencarian,

Jelas, bukti menunjukkan bahwa warna memiliki dampak pada perhatian visual dalam berbagai konteks (mis. Pencarian visual dan membaca). Studi di atas memanipulasi warna target dan non-target, dan non-target didefinisikan sebagai gangguan. Penelitian ini, di sisi lain, tidak mengeksplorasi warna kata-kata target dan kata-kata non-target. Sebaliknya, warna grafik spanduk animasi (gangguan) diselidiki.

Zhang (1999) telah menyelidiki masalah serupa. Dalam penelitian itu, warna cerah adalah atribut vital dari spanduk animasi, yang dapat sangat mengalihkan perhatian pengguna. Atribut kecerahan dieksplorasi dalam dua level, warna cerah dan warna kusam. Tidak ada warna rona yang dilaporkan, yang menyisakan kesulitan untuk penyelidikan lebih lanjut. Namun, hasilnya menunjukkan bahwa gambar animasi dengan warna cerah mengalihkan perhatian pengguna lebih dari gambar animasi dengan warna kusam.

Dalam hal penggunaan warna dalam grafik, pedoman umum dibahas dengan baik. Marcus (1992) merekomendasikan penggunaan warna yang sesuai untuk area pusat dan periferal. Biru cocok untuk area besar seperti latar belakang layar. Merah dan hijau direkomendasikan untuk area di tengah bidang visual, sedangkan hitam, putih, kuning dan biru lebih baik digunakan di pinggiran bidang visual.

Terlebih lagi, setiap kombinasi warna mungkin dapat menciptakan efek yang berbeda. Misalnya, penelitian menunjukkan bahwa kombinasi warna yang tidak efektif pada desain grafis dapat mengurangi kinerja dan kepuasan pengguna (misalnya, Latomia dan Happ, 1987). Kombinasi efektif dari teks dan warna latar belakang dari grafik banner animasi adalah salah satu faktor yang mempengaruhi yang dapat memfasilitasi pemrosesan informasi dan meningkatkan rasio klik-tayang, keterbacaan pesan spanduk, kesadaran merek, penghargaan terhadap tampilan Web, dan kegunaan halaman Web.

Sumber: Perbedaan budaya tentang perhatian dan kegunaan yang dirasakan: Investigasi kombinasi warna dari gambar animasi

Ada dua konsep untuk dieksplorasi lebih lanjut dalam kaitannya dengan pertanyaan ini. Penelitian Zhang pada kecerahan sebagai gangguan, dan rekomendasi Marcus tentang warna yang berbeda untuk area fokus yang berbeda. Penelitian berikut tampaknya membahas keduanya, dalam satu paragraf!

Temuan pada perhatian menunjukkan bahwa pada latar belakang apa pun, warna saturasi dan kecerahan maksimum paling menarik perhatian (67%). Hijau kuning, hijau, kisaran cyan (45%) menarik perhatian, diikuti oleh merah, kisaran magenta (30%). Temuan pada preferensi menunjukkan bahwa warna memiliki saturasi dan kecerahan maksimum yang paling disukai (25%). Biru adalah warna yang paling disukai terlepas dari latar belakang (25%). Hubungan warna latar depan latar belakang dalam hal perhatian dan preferensi juga termasuk dalam temuan penelitian.

Sumber: Efek Hue, Saturation, dan Brightness pada Attention and Preference

Kesimpulan saya sendiri:

Berdasarkan bacaan baru yang saya lakukan yang lebih dari sekadar kutipan-kutipan itu, dan juga makalah-makalah lain yang saya baca, bagi saya tampaknya kontras kecerahan itu penting. Mungkin inilah sebabnya desainer hebat sering menghindari putih murni dan hitam murni. Situs ini hanya memiliki warna abu-abu dan putih pudar. Jadi yang saya temukan jawabannya adalah Light On Dark vs Dark On Light untuk perhatian kurang penting daripada Kisaran kecerahan. Namun, seperti yang Anda sebutkan dan saya dapat menghubungkan banyak studi yang menunjukkan, terang pada gelap lebih mudah dibaca. Seseorang mungkin seperti orang lain dalam pertanyaan ini menawarkan kontradiksi bahwa dengan menggunakan cahaya pada latar belakang gelap itu memungkinkan mata lebih mudah untuk berfokus pada hal-hal itu. Yang menurut saya pernyataan yang akurat, tetapi sekali lagi dalam kisaran yang masuk akal. Latar belakang hitam murni tidak baik.

Ini juga setuju dengan jawaban indah Alan mengenai kontras dan sisi yang lebih mekanis tentang bagaimana kita memandang warna-warna ini:

Secara umum, sumber ketidaknyamanan terbesar saat membaca teks panjang adalah kontras yang berlebihan. Ni plus ultra dari ini adalah mengambil buku yang dicetak di atas kertas putih cerah dan mencoba membacanya di bawah sinar matahari langsung.

Ketika melihat bidang yang umumnya gelap (teks terang-gelap, misalnya), pupil mata melebar. Tanpa masuk ke detail teknis, murid yang lebih luas == fokus kurang tajam, sedikit kabur di tepi jenis. Itulah cara kerja optik. Ini juga mengapa sangat menyakitkan untuk membaca dalam cahaya redup. Murid-murid berada pada pelebaran maksimal, yang berarti bahwa fokus adalah yang terburuk.

Tentu saja saya bukan ilmuwan, psikolog, atau pakar teori warna, jadi bacalah seluruh laporan Anda sendiri dan buat kesimpulan Anda sendiri.

Walaupun ini adalah jawaban subyektif, saya merasa jawabannya adalah: ini subyektif dan sepenuhnya berdasarkan pengalaman masa lalu dan harapan bawah sadar Anda sendiri.

Saya sangat memperhatikan ketika berubah dari satu ke yang lain, terlepas dari apakah saya telah beralih ke dark-on-light atau sebaliknya, bahwa jika tidak sama dengan apa yang saya terkondisikan untuk konteks tertentu, itu akan sangat sulit berkonsentrasi.

Bahkan dengan dua lingkungan yang berhubungan sangat erat, jendela kode dan jendela perintah, saya merasa saya membutuhkannya berbeda. Saya tidak bisa nyaman menggunakan jendela kode terang-pada-hitam atau jendela perintah hitam-putih, misalnya.

Sesuai diskusi komentar OP kami.

Ini mungkin karena terang-on-gelap lebih mudah dilihat karena hanya teks dan konten yang dipancarkan kepada Anda melalui cahaya. Jadi informasi yang kurang membantu fokus visi.

Kami memperluas lebih lanjut tentang ini di OP tetapi ini akan menjadi jawaban yang saya kirimkan.

Saya biasanya menjaga kamar saya cukup gelap untuk kenyamanan. Dengan demikian, layar putih (seperti ini) dengan teks hitam di atasnya sulit dibaca. Sepertinya gumpalan putih menyilaukan dengan beberapa noda di atasnya yang menyakitkan untuk dibaca.
Semua faktor lain agak sekunder ketika sakit membaca halaman.

Saya pikir jika orang memiliki kamar mereka yang lebih terang maka kebalikannya mungkin terjadi ... Either way, sudah saatnya orang mulai memberikan pilihan untuk memilikinya, daripada memaksakan preferensi mereka sendiri atau melayani secara eksklusif ke rata-rata.