Der dunkle Modus ist nicht besser für das Sehvermögen, kann aber lesbar sein / Sudo Null IT News

Ich zeichne meinen Plattformer in meiner Freizeit. Ich möchte einen dunklen Bildschirm, Neon und alles im Retro- und New-Wave-Stil. Da die Ereignisse nachts stattfinden und der Hintergrund dunkel ist, wollte ich die Oberfläche dunkel gestalten. Auf Anhieb habe ich eine Art Mist bekommen, weil ich nie dunkle Schnittstellen gezeichnet habe. Ich beschloss, zu untersuchen, welche Fallstricke der dunkle Mod hat. Ich begann mit wissenschaftlichen Artikeln.

https://habr.com/ru/company/timeweb/blog/675526/image

TL; DR:

  • „Dark Mode ist gut für die Augen“ ist nicht bewiesen. Ich habe keine einzige Studie gefunden, bei der die dunkle Mod in Bezug auf die Lesbarkeit gewonnen oder die Augen weniger belastet hat. Entweder hat das Lichtthema besser funktioniert, oder es wurden die gleichen Ergebnisse erzielt (Links zu Studien werden folgen).
  • „Dark Mode – modisch, stylisch, jugendlich.“ Sieht aus wie die Wahrheit Apfel und Google hat vor langer Zeit dunkle Themen hinzugefügt und sogar erklärt, wie Sie Ihr dunkles Thema lesbar machen können. Die übliche Logik in der dunklen Mode bricht zusammen und es stellt sich als Mist heraus. mein Mist, wegen dem ich geklettert bin, um das Thema zu studieren
  • Private Fehler:

    1. Reine schwarze Farbe für den Hintergrund;
    2. Reinweiße Farbe für Text;
    3. Gesättigte helle Farben;
    4. Geringer Kontrast zwischen Hintergrund und Text.

Unter dem Schnitt befindet sich eine vollständige Liste mit Empfehlungen zur Verwendung des dunklen Mods.

Ich betreibe auch einen Telegram-Kanal GameDEVils und blogge weiter Unterstapel ich teile dort Materialien über Spieldesign, Entwicklung und Geschichte von Spielen.

Forschung

Experimente haben gezeigt, dass das Lesen weißer Buchstaben von einem schwarzen Bildschirm für Versuchspersonen langsamer ist als das Lesen schwarzer Buchstaben von einem weißen Bildschirm. Vor allem vom Bildschirm der 60er Jahre.

Bauer und Cavonius (1980) gefunden [с. 342]dass Teilnehmer Text 26 % genauer lesen, wenn sie ihn in dunkler Schrift auf hellem Hintergrund lesen.


Okay, 26 % Verbesserung, aber womit könnte das zusammenhängen? Die Pupille ist das Tor zur Netzhaut, durch die Licht ins Auge eintritt. Die menschliche Pupille reagiert empfindlich auf die Lichtmenge, sie ändert ihre Größe je nach Lichtmenge. Bei viel Licht verengt sich die Pupille, bei Dunkelheit weitet sie sich, um mehr Licht hereinzulassen.

https://habr.com/ru/company/timeweb/blog/675526/image

Wenn die Pupille kleiner ist, sind die Augen weniger anfällig für sphärische Aberrationen, das Bild erscheint fokussierter, das Bild hat mehr Schärfentiefe und erfordert weniger Anstrengung.

Menschen mit Hornhautverkrümmung (ca. 50 % der Bevölkerung) fällt es schwerer, weißen Text auf schwarzem Hintergrund zu lesen als schwarzen Text auf weißem Hintergrund. Dies liegt zum Teil an den Lichtverhältnissen: Bei einem hellen Display (weißer Hintergrund) schließt die Blende etwas, wodurch der Effekt eines “verzogenen” Objektivs verringert wird; Bei einem dunklen Display (schwarzer Hintergrund) öffnet sich die Blende, um mehr Licht zu empfangen, und die Verzerrung des Objektivs erzeugt einen verschwommenen Fokus.

Im Allgemeinen verglichen die Forscher bis 1980 hauptsächlich nur die Geschwindigkeit des Lesens von Papier und vom Bildschirm, und der Dunkelmodus wurde auf den Haufen untersucht. Das Lesen vom Bildschirm war in den Experimenten der 60-80er Jahre 20-50 % langsamer als das Lesen von Papier. Diese Studien wurden auf alten flimmernden Bildschirmen mit schlechter Auflösung durchgeführt, aber die Bildschirme haben sich in den letzten 50 Jahren stark verbessert.

Andrew Dillon mit Kollegen Forschung 1988 schreiben sie, dass das Lesen von einem Bildschirm um 10-30% langsamer ist als das Lesen einer gedruckten Publikation. Die Forscher bemerkten, dass der „Dunkelmodus“ langsamer liest, machten aber einen Vorbehalt, sagen sie, vielleicht liegt das alles daran, dass unsere Bildschirme noch nicht sehr kühl sind.

Es gibt neuere Studien.

Cosima Piepenbrock und ihre Kollegen vom Institut für Experimentelle Psychologie in Düsseldorf fanden 84 Personen im Alter von 18 bis 33 Jahren und 85 Personen im Alter von 60 bis 85 Jahren mit normalem Sehvermögen für das Experiment. Sie untersuchten die Sehschärfe und die Leseeffizienz. (Jahr 2013, Magazin Ergonomie).

Die Teilnehmer wurden in zwei Gruppen eingeteilt und zeigten positive Polarität (heller Modus) und negative Polarität (dunkler Modus).

Zur Überprüfung der Schärfe wurden Landolt-Ringe verwendet:

Um ihre Leseeffizienz zu testen, gaben die Forscher den Teilnehmern Textschnipsel und baten sie, nach Fehlern zu suchen.

Als Ergebnis lieferte die positive Kontrastpolarität unabhängig vom Alter die besten Ergebnisse für beide Aufgaben zur Sehschärfe (in der Grafik links):

… und für Lektoratsaufgaben.

Die Teilnehmer hatten 50 Sekunden Zeit, um den Text zu lesen und nach Fehlern zu suchen. Der Text war offensichtlich länger, als die durchschnittliche Person in 50 Sekunden liest. Die Anweisungen während des Experiments besagten, dass Genauigkeit wichtiger sei als die Lesegeschwindigkeit. Aber auch die Lesegeschwindigkeit wurde gemessen. Die Polarität hatte keinen Einfluss auf die Lesegeschwindigkeit:

Außerdem baten die Forscher die Teilnehmer, ihre Müdigkeit subjektiv zu bewerten. Die Teilnehmer bewerteten Augenbelastung, Kopfschmerzen, Muskelverspannungen, Rückenschmerzen und subjektives Wohlbefinden zu Beginn des Experiments und am Ende. Statistiken sagten, dass die Menschen helle und dunkle Mode ungefähr gleich satt hatten.

Jonathan Dobres und seine Kollegen vom Massachusetts Institute of Technology haben versucht, „im Kontext des lexikalischen Entscheidungsproblems“ festzustellen, ob der Dunkel-/Hell-Modus Vorteile in Abhängigkeit von der Tageszeit hat. Eine lexikalische Entscheidungsaufgabe besteht darin, dass dem Subjekt Buchstabenfolgen gezeigt werden und es aufgefordert wird, zu entscheiden, ob es sich um ein Wort handelt oder nicht.

Dadurch lesen Menschen tagsüber schneller als nachts, im hellen Modus als im dunklen Modus und bei einer größeren Schriftgröße (4 mm) als bei einer kleineren Schriftgröße (3 mm). Nachts war der Hellmodus deutlich besser als der Dunkelmodus, und Kleingedrucktes war im Hellmodus viel besser lesbar. Diese. Nachts liest der Nutzer am schnellsten die Benachrichtigung in großen Buchstaben von einem hellen Bildschirm.

Studien zeigen jedoch, dass der Dunkelmodus für Benutzer mit einigen Sehbehinderungen wie Katarakt besser sein kann.

In einer Studie von Gordon Legge aus dem Jahr 1985 las jeder von 7 Teilnehmern mit Linsentrübungen im Dunkelmodus schneller, während die anderen Teilnehmer mit zentraler Sehbeeinträchtigung nicht von der Textpolarität beeinflusst wurden. Legge und Kollegen von der University of Minnesota stellten die Hypothese auf, dass dieser Effekt auf „anomale Lichtstreuung aufgrund der trüben Umgebung der Linse“ zurückzuführen ist. Manche Menschen mit grauem Star reagieren empfindlicher auf Lichtempfindlichkeit. die Linse ist nicht mehr vollkommen durchsichtig und wird stellenweise trüb. Vielleicht ist die Wahrscheinlichkeit einer Verzerrung höher, wenn mehr Licht in ein Auge mit einer trüben Linse eintritt. Der Dunkelmodus ist möglicherweise besser für Menschen mit grauem Star, da das Display weniger Licht abgibt.

Name von Legges Studie

(GE Legge, GS Rubin, DG Pelli und MM Schleske (1985). Psychophysics of Reading – ii. Low Vision. Vision Research.)

Forscher aus Oslo im Jahr 2020 durchgeführt

Experiment

, wo Sie Text über eine virtuelle Tastatur mit ungewohntem Layout eingeben mussten. Ihren Ergebnissen zufolge gab es keine Unterschiede zwischen Dark Mode und Light Mode in Bezug auf Performance und Fehlerraten. Obwohl sie eine Stichprobengröße von 16 hatten, gab es vielleicht aufgrund der geringen Anzahl von Teilnehmern keine Streuung in den Ergebnissen.

Verwenden Sie keinen Dunkelmodus

Warnsignale, wann man sich von dunklen Schnittstellen fernhalten sollte:

  1. Viel Text (auf dunklem Hintergrund schwer lesbar).
  2. Passt nicht zur Marke/zum Thema.
  3. Viele Arten von Inhalten (Formulare, Widgets, Tabellen, Bilder, Text usw.).
  4. Das Design erfordert eine breite Farbpalette.

Es ist in Ordnung, den Dunkelmodus zu verwenden

Wann Sie die dunkle Benutzeroberfläche verwenden können:

  1. Um die Aufmerksamkeit des Benutzers zu fokussieren (dunkle Oberfläche, wenig Inhalt auf der Seite, nichts, wovon man ablenken könnte).

    Website für Kopfhörer AirPods Pro Apple zeigt weiße Kopfhörer auf dunklem Hintergrund:


  2. Wenn es zum Thema passt, zum Beispiel zur abendlichen Unterhaltung (im Sinne von Filmen oder Computerspielen).

    Zum Beispiel Website Netflix – Hinweis auf das Kino:


  3. Wenn das Farbschema der Corporate Identity es erfordert.

    Franchise-Website Krieg der Sterne:


  4. Wenn Sie Emotionen hervorrufen (Intrigen, Mysterien, Drama) oder mit Stereotypen spielen möchten (teuer-reich).

    Zum Beispiel ein festliches Feature für eine Website für Halloween in dunkler Mode, um es mysteriös und mystisch zu machen:

Checkliste Dark-Mode-Schnittstelle einer normalen Person

Hier sind einige Tipps, die ich mir nach dem Lesen und Anschauen empfohlen habe.

1. Vermeiden Sie reines Schwarz

Dunkles Thema ≠ Schwarz. Eine dunkelgraue Farbe (z. B. Nr. 121212) sieht möglicherweise wie reines Schwarz aus, aber der Kontrast ist weicher und die Fokussierung einfacher.

Durch den dunkelgrauen Hintergrund kann das Design auch eine breitere Farbpalette verwenden und durch Schatten und Höhe mehr Tiefe erreichen.

2. Vermeiden Sie reines Weiß

Eine reine weiße Farbe auf einem tiefdunklen Hintergrund kann einen Halo-Effekt erzeugen (Abweichungen, die ganz am Anfang diskutiert wurden). Weiß ist wie Schwarz, es ist besser, es zu verdünnen, grauer oder transparenter zu machen.

3. Vermeiden Sie stark gesättigte Farben

Sättigung bezieht sich auf die Intensität einer Farbe. Je satter die Farbe, desto sauberer erscheint sie. Je weniger gesättigt es ist, desto grauer erscheint es. Gesättigte Farben sehen auf einem hellen Hintergrund besser aus.

3. Behalten Sie den Kontrast zwischen Hintergrund und Text bei.

Zu viel Kontrast und helle Elemente kräuseln sich in den Augen. Es gibt nicht genug Kontrast und die Benutzeroberfläche scheint “ausgestorben” zu sein, als wäre sie ausgeschaltet.

4. Passen Sie die Farbe der Bedeutung der Nachricht an

Farben rufen je nach Hintergrund unterschiedliche Emotionen hervor. Beispielsweise kann Pink auf hellem Hintergrund leicht und verspielt wirken.

Die gleiche rosa Farbe auf dunklem Hintergrund kann wie eine Fehlermeldung aussehen.

Hier ein Beispiel mit ähnlicher Farbe:

5. Erstellen Sie eine Hierarchie von Elementen nicht mit einem Schatten, sondern mit einem Highlight

Vor einem hellen Hintergrund wird die Hierarchie oft durch Schatten erreicht. Aber die Schatten sind in der dunklen Benutzeroberfläche nicht sehr auffällig. Stattdessen können Sie die Oberflächenelemente „hervorheben“ – je mehr etwas beleuchtet ist, desto mehr rückt das Designelement in den Vordergrund.

Googles Materialdesign-Richtlinien. Die Material Design-Site verfügt über einen Farbpalettengenerator (unter Farbauswahl-Tools), mit dem Sie Farbpaletten erstellen und auf Ihre Benutzeroberfläche anwenden können.

Empfehlungen von Apple.

Mein Telegram-Kanal mit Erkenntnissen zu Spieleentwicklung, Spielgeschichte und Spieldesign:

Spiel Teufel

(auf Russisch) und bloggen Sie weiter

Unterstapel

(auf Englisch).

Similar Posts

Leave a Reply

Your email address will not be published.