Світлий текст на темному тлі порівняно з темним текстом на світлому фоні: що дозволяє читачеві тримати фокусування довше?

Я не хотів потрапляти в нескінченну війну темно-на-світлі проти світла-темна, але нещодавно я виявив щось цікаве: в той час як текст світло-темний все ще менш втомлює для моїх очей (а також я особисто вважаю за краще це більше) темне світло начебто краще справляло мою увагу на змісті тексту; іншими словами, це допомагає більше зосередитись на прочитаному. Це набагато помітніше при більш тривалому тексті, на читання якого потрібно кілька хвилин.

Я шукаю будь-які документи, дослідження, вимірювання, Google Analytics, будь-що, що було зроблено для того, щоб зрозуміти, чи є текст зрозумілішим, більше приклеюється до читача, полегшує його запам'ятовування з пам’яті, а не для тих, хто зосереджується на читанні .

Хтось робив дослідження, вказуючи на той чи інший спосіб?

Найбільш фундаментальна основа хорошої типографії для довгого тексту полягає в тому, що тип повинен бути «невидимим» для читача, тому немає нічого, що заважатиме передачі інформації. Виходячи з цього, ми отримуємо принципи, згідно з якими зафіксовані обличчя та легкі сани краще довгий текст, ніж звичайні, а темне на світлі, як правило, краще, ніж світло в темному. Існує короткий виклад цього загальноприйнятого друкарською мудрості тут . Ви дійсно не можете розлучити читабельність із розумінням, а отже, і збереженням.

З цього приводу я знаю декілька причин відсутності утримання, які не мають нічого спільного з типографією, і я також бачив деякі прямо ідіотичні дослідження в цій галузі (як хлопець, який вирізав текстові стовпчики в середині і розділив їх на 1/4 дюйм, тому що "змусив читача сконцентруватися більше, щоб слідкувати за текстом"). Тож ваш досвід у цьому випадку може бути пов’язаний із типом, а може і не бути.

Однак, дотримуючись типографіки, суть полягає в тому, що те, що читати зручно, швидше засвоюється, ніж те, що ні.

Існує цілий ряд досліджень в області оптиметрії , зокрема зорової терапії, що вказує на зв'язок між поганою координацією очей ("недостатність конвергенції" в жаргоні) та неуважністю, відсутністю затримки, навіть неприязном до читання взагалі. (Часто неправильно діагностується як дислексія або СДУГ.) Ефект різних форм недостатності конвергенції є своєрідним напруженням очей, що робить читання незручним. Те саме стосується людей, яким потрібні коригувальні лінзи для читання, але їх не носять.

Робити висновок про те, що щось про типографію довгого текстового уривку, який є менш ідеальним, може мати негативний вплив на увагу та утримання.

Загалом, найбільшим джерелом дискомфорту при читанні довгих текстових уривків є надмірна контрастність. П плюс ультра це бере книгу , яка роздрукована на яскравою білому папері і намагається читати під прямими сонячними променями.

При огляді загалом темного поля (наприклад, світло-темного тексту, наприклад) зіниця ока розширюється. Не вникаючи в технічні деталі, ширша зіниця == менш різкий фокус, легкий випадання на краях типу. Ось так працює оптика. Ось чому так боляче читати при тьмяному світлі. Зіниці знаходяться на максимальній дилатації, а це означає, що фокус у найгіршому випадку.

Дивлячись на легку сторінку, зіниця звужується. Вузький зіниця == гостріший фокус (що до речі збільшує контрастність крайових предметів у зоровому полі). З цього ви можете зробити висновок, що тип sans, будучи чубкішим складом, ніж його серіфізовані двоюрідні брати, читає краще вивернутий з темного тла, ніж серіфічне обличчя, і ви будете праві.

Обличчя Helvetica та подібних sans створюють сильний контраст зі своїм фоном, і їх незручно читати, коли їх наносять чорний на білому або білий на чорному, якщо ви не використовуєте найменшу вагу. Коли я встановлюватиму текст у без sans, я буду використовувати найменшу вагу та / або щось на зразок сірого

Традиційні обличчя серифного тексту, такі як Каслон, Дженсон та Гарамонд, мають менше візуального контрасту, надрукованого на легкій підкладці, тому їх зручніше читати. Серифи з плити, такі як єгипетський шифер, читаються лише в більш легких вагах. Дідоне або Бодоні, з його сильно контрастними товстими і тонкими штрихами, як правило, занадто контрастні для зручного читання.

Фокусні проблеми можуть бути тонкими. Це не повинно бути питанням світлого на темному. Око фокусується на червоному та зеленому світлі по-різному, і якщо ви дійсно хочете задати собі головний біль, перетворіть кілька сторінок тексту в червоний колір на зеленому та спробуйте їх прочитати. Боляче!

Дуже багато людей досліджували це різноманітними способами та можливостями. Деякі можна знайти за допомогою Google Академії. Ось декілька уривків, які я знайшов, що стосуються питання, та їх джерело:

2.2.2. Колір і візуальна увага

Серед різноманітних графічних компонентів на екрані колір є однією з потужних складових дизайну. Дизайнери інтерфейсів повинні вміти розуміти, як застосовувати кольори в дизайні. Як стверджує Tufte (1989), "вміле візуальне проектування комп'ютерних екранів - з обережністю, що надаються кольорам, типографії, макету, піктограм, графіці та когерентності - суттєво сприяє якості та зручності використання". "Декілька досліджень показують вплив кольору на людину. інформація обробляється. Годлі (1989), наприклад, констатує, що колір, один із атрибутів зорового стимулу, може привернути увагу людини. Більше того, Маркус (1992) висловлює, що колір є найбільш складною візуальною складовою. Крім того, великі дослідження кольорів у зоровій увазі, особливо у візуальному пошуку,

Вплив кольору на продуктивність людини оцінювали в кількох завданнях. Ці параметри завдання - це виявлення кольорових цілей серед кольорових відволікань, виявлення кольорових цілей серед кольорових відволікань, за якими колір мішені відрізняється від кольору відволікань, та виявлення цілей, що містять сполучення ознак (наприклад, колір та орієнтація). Наприклад, Treisman and Gelade (1980) повідомляють, що потреба уваги об'єднати особливості об'єкта викликає, що учасник потребує більше часу на виявлення зеленої літери T на екрані, що містить рівну кількість коричневих T та зелених X. Інше дослідження показує, що під час пошуку цільових слів із списку кольорових цільових слів та кольорових нецільових слів різниця кольорів тексту значно впливає на час пошуку,

Зрозуміло, що свідчення показують, що колір впливає на зорову увагу в різних контекстах (наприклад, візуальний пошук і читання). Вищевказані дослідження маніпулюють кольором цілей та нецілей, а нецілі визначаються як відволікання. Це дослідження, з іншого боку, не вивчає кольори цільових слів та нецільових слів. Швидше досліджуються кольори анімованої графіки банерів (відволікання).

Чжан (1999) дослідив подібну проблему. У цьому дослідженні яскравий колір є найважливішим атрибутом анімаційних банерів, який може сильно відволікти увагу користувачів. Атрибут яскравості досліджується на двох рівнях, яскравому кольорі та тьмяному кольорі. Не повідомляється про колір відтінку, що залишає труднощі для подальших досліджень. Однак результат показує, що анімована графіка з яскравим кольором відволікає увагу користувача більше, ніж анімована графіка з тьмяним кольором.

Що стосується використання кольорів у графіці, загальні рекомендації добре обговорюються. Маркус (1992) рекомендує використовувати відповідні кольори для центральних та периферійних областей. Синій підходить для великих областей, таких як фони екрану. Червоний і зелений кольори рекомендуються для області в центрі зорового поля, тоді як чорні, білі, жовті та сині краще використовувати на периферії поля зору.

Більше того, кожне поєднання кольорів, ймовірно, може створювати різні ефекти. Наприклад, дослідження показують, що неефективні комбінації кольорів на графічному дизайні можуть знизити продуктивність та задоволеність користувачів (наприклад, Latomia та Happ, 1987). Ефективні поєднання тексту та фонових кольорів анімованої графіки банерів є одним із впливових факторів, які можуть полегшити обробку інформації та збільшити швидкість кліку, читабельність банерних повідомлень, поінформованість про бренд, оцінку зовнішності веб-сторінки та зручність використання веб-сторінки.

Джерело: Культурні відмінності щодо уваги та сприйнятої зручності використання: Дослідження кольорових поєднань анімованої графіки

Існує дві концепції, які слід вивчити далі щодо цього питання. Дослідження Чжана про яскравість як відволікання та рекомендацію Маркуса різних кольорів для різних областей фокусування. Наступне дослідження, схоже, стосується обох, в одному абзаці!

Дослідження уваги показали, що на будь-якому тлі кольори максимальної насиченості та яскравості привертають найбільшу увагу (67%). Привертає увагу жовтозелена, зелена, блакитна гама (45%), далі червоний, пурпуровий (30%). Результати переваг показали, що кольори, що мають максимальну насиченість та яскравість, є найбільш переважними (25%). Синій - найбільш бажаний відтінок незалежно від тла (25%). Зв’язки кольорів переднього плану з фоном уваги та уподобань також включені у результати дослідження.

Джерело: Вплив відтінку, насичення та яскравості на увагу та перевагу

Мій власний висновок:

На основі нового читання, яке я зробив, було більше, ніж лише тих уривків, а також інших робіт, які я прочитав, мені здається, що контраст яскравості важливий. Можливо, саме тому великі дизайнери часто уникають чисто білого та чистого чорного. Цей веб-сайт має лише білі та темні сірі. Тому я хочу знайти відповідь, що для уваги Світло Темно проти Темно Світло менш важливо, ніж Діапазон яскравості. Однак, як ви згадали, і я міг би пов'язати багато досліджень, які вказують, що світло на темному легше читати. У цьому питанні можна сказати, що інші пропонують протиріччя, що використання світла на темному тлі дає змогу очам легше зосередитись на цих речах. Що мені здається точним твердженням, але знову ж таки в розумному діапазоні. Чисто чорний фон - це не добре.

Це також погоджується з чудовою відповіддю Алана щодо контрасту та більш механічної сторони того, як ми бачимо ці кольори:

Загалом, найбільшим джерелом дискомфорту при читанні довгих текстових уривків є надмірна контрастність. Ні плюс ультра це - це взяти книгу, яка надрукована на яскравому білому папері, і намагається прочитати її під прямим сонячним промінням.

При огляді загалом темного поля (наприклад, світло-темного тексту, наприклад) зіниця ока розширюється. Не вникаючи в технічні деталі, ширша зіниця == менш різкий фокус, легкий випадання на краях типу. Ось так працює оптика. Ось чому так боляче читати при тьмяному світлі. Зіниці знаходяться на максимальній дилатації, а це означає, що фокус у найгіршому випадку.

Звичайно, я не вчений, психолог чи фахівець із теорії кольорів, тому читайте всі доповіді самостійно та робіть власні висновки.

Хоча це суб'єктивна відповідь, я вважаю, що відповідь така: вона суб'єктивна і повністю заснована на минулому досвіді та вашому власному підсвідомому очікуванні.

Я сильно помітив, переходячи від одного до іншого, незалежно від того, перейшов я на темне світло або навпаки, що якщо це не те саме, що я обумовлений для конкретного контексту, це буде бути дуже важко зосередитись.

Навіть з двома дуже спорідненими середовищами, кодовими вікнами та командними вікнами, я вважаю, що мені потрібні різні. Я не можу зручно використовувати світло-чорне вікно коду, наприклад, чорно-біле вікно команд, наприклад.

Відповідно до нашого обговорення коментарів щодо ОП

Це, можливо, аж до факту світлого на темному світлі легше помітити через те, що текст і вміст випромінюються вам світлом. Так менше інформації допомагає зоровому фокусуванню.

Ми детальніше розширили це питання в ОП, але це була б моя відповідь.

Я, як правило, тримаю свою кімнату досить темною для комфорту. Таким чином, білий екран (як цей) з чорним текстом на ньому важко читати. Це просто здається сліпучою білою плямою з певними плямами, які боляче читати.
Усі інші фактори дещо другорядні, коли боляче читати сторінку.

Я думаю, якщо люди мають світліші кімнати, то навпаки це може бути справа ... Так чи інакше, саме час почав давати можливість мати це так чи інакше, а не примушувати свої переваги чи харчуватися виключно середній.