网易首页 > 网易号 > 正文 申请入驻

一文让你读懂深色模式和浅色模式:哪个好?

0
分享至

对于视力正常(或矫正至正常视力)的人来说,在浅色模式下他们的视觉表现会更好,而一些患有白内障和相关疾病的人在深色模式下可能表现得更好。另一方面,长期在浅色模式下阅读可能与近视有关。

最近,在IOS 13中深色模式的引入推动下,有记者问我关于深色模式的可用性以及它作为一种设计趋势的流行程度。这个问题我也在我们的用户体验会议上遇到过几次。

我必须坦率地说,NN/g(尼尔森诺曼集团)还没有对深色模式做过自己的研究。然而,这些问题促使我对有关深色模式是否对视力正常的用户有好处的学术文献进行了回顾。我将与你分享这些发现。

但是首先,让我们通过定义一些词汇:

对比极性是一个术语,用来描述文本和背景之间的对比度:

正对比极性(浅色模式)是指在浅色背景上的深色字体文本。

负对比极性(深色模式)表示光(如白色)文本与暗(如黑色)背景的组合。

深色模式显示器比浅色模式显示器发射更少的光(因此,它们可能会延长电池寿命)。但是环境中的光量不仅会影响功耗,还会影响我们的感知。为了了解操作方法,让我们简要回顾一下有关瞳孔的一些基本知识,以及它如何对环境中的光量做出反应。

人类的瞳孔对光线很敏感

人类的瞳孔是视网膜的门户:光线穿过它到达眼睛。默认情况下,人类瞳孔会根据环境中的光线量来改变大小:当有很多光线时,它会收缩并变窄,而当光线很暗时,它会膨胀以允许更多的光进入。使眼睛不易受到「球面像差」的影响(图像看起来像没有聚焦),并增加了景深,因此人们不必费力地专注于文本,这反过来意味着他们的眼睛更少会累。(相机光圈的工作原理完全相同:以f / 2.8拍摄的照片比以f / 16拍摄的照片具有更窄的景深,因而更加模糊。)

「译者注:

球面像差(Spherical aberration):在光学中,球面像差是发生在经过透镜折射或面镜反射的光线,接近中心与靠近边缘的光线不能将影像聚集在一个点上的现象。这在望远镜和其他的光学仪器上都是一个缺点。这是因为透镜和面镜必须满足所需的形状,否则不能聚焦在一个点上造成的。」

——来源维基百科

随着年龄的增长,瞳孔缩小。瞳孔缩小意味着进入眼睛的光线过少,这会损害我们阅读或检测文本的能力,尤其是在低环境光线下(比如夜晚)。另一方面,随着年龄的增长,我们更容易受到眩光的影响,尤其是在强光下。

视力正常用户

20世纪80年代进行的早期研究似乎指出,对于视力正常或视力矫正的人(即佩戴适当的处方眼镜或隐形眼镜),对比度极性不会影响视觉表现。

然而,最近的一些研究与最初发现相矛盾。我们将特别关注两篇涉及两种不同类型任务的文章:一篇于2013年发表在《人体工程学》杂志上,着眼于视敏度和阅读性能,另一篇发表于2017年在《应用人体工程学》上。

对比极性对视敏度和校对的影响

德国杜塞尔多夫精神病研究所的Cosima Piepenbrock和她的同事研究了两组视力正常(或矫正至正常)的成年人:年轻人(18至33岁)和老年人(60至85岁)。所有参与者均未患任何眼疾(如白内障)。

参与者被赋予两种不同类型的任务:

视觉敏锐度任务涉及检测Landolt C视标中的间隙, 换句话说,向他们展示一个类似字母“C”的符号,并要求他们识别间开口在哪里(例如,顶部,底部)。

校对任务,其中涉及阅读短文并识别不同类型的错误

任务以不同的对比极性呈现——对于某些参与者,它们处于深色模式,而对于另一些参与者,则处于浅色模式。对比度极性是受试者之间的变量,这意味着每个参与者只能看到一个极性相反的任务(例如,仅深色模式)。

研究人员还收集了测试前和测试后与疲劳相关的测量数据:参与者在实验开始时和实验结束时对他们的眼疲劳,头痛,肌肉疲劳,背痛和主观幸福感进行了评估。

结论表明,浅色模式在各个方面都具有优势:无论年龄大小,无论是视敏度任务还是校对任务,正面的对比极性都更好。但是,老年人在视力任务中的浅色模式和深色模式之间的差异要比年轻成年人小——这意味着,尽管浅色模式也对老年人更好,但他们并没有像年轻人那样受益,至少在视力任务中。

当研究人员查看疲劳指标时,他们得出结论,任何一个指标上的对比极性都没有显着差异(这意味着深色模式不会使人更加疲劳,反之亦然)。

同一研究小组在《人的因素》杂志上发表的另一项研究着眼于校对任务中文本大小与对比度极性的相互作用。研究发现,正极性优势随着字体大小的减小而线性增加:即,字体越小,用户以浅色模式查看文本的效果越好。 有趣的是,即使他们在浅色模式下的表现更好,该研究的参与者也没有报告他们在浅色模式与深色模式下对文本可读性的感知(例如,他们专注于文本的能力)没有任何差异。

对比极性对可阅读性的影响

麻省理工学院Agelab实验室的乔纳森·多布雷斯(Jonathan Dobres)和他的同事试图量化在词汇决定性任务中,环境光照条件(模拟白天与模拟夜间相比)是否以任何方式影响正极性的优势。词汇决定任务是心理学中常用的范例,它涉及向参与者显示一串字母,并让他们决定是单词还是非单词。词汇决策任务与我们在高度可中断的条件下(例如在旅途中驾驶或使用手机或智能手表时)进行的轻松阅读相似,所有这些都涉及快速查看显示屏并提取相关信息。

深色主题

Agelab研究的参与者的视力正常或矫正。在两个不同的对比极性(深色模式与浅色模式),不同的环境光(白天与夜晚)以及不同的字体大小下为它们显示了字符串。

研究发现,光线,极性和文本大小都对性能有影响-在目前可能预期的方向上:模拟的白天比模拟的夜晚做出更快的判断,浅色模式比深色的模式要好,大字体比小字体更快。有趣的结果是环境照明与对比极性之间的显着相互作用:在白天,对比极性没有显着影响,但在夜间,浅色模式比深色模式具有更好的性能。而且,在夜间,人们在黑暗模式下阅读小字体文本比在明亮模式下阅读小字体文本要困难得多。

人们在白天比晚上更快,在浅色模式下要比在深色模式下要快,并且使用大字体(4mm)要比使用小字体(3mm)好。在夜间,浅色模式明显优于深色模式,小字体在浅色模式下更容易阅读。

在模拟的白天环境中,没有极性的影响,这有点令人惊讶,并且与Buchner和Baumgartner进行的另一项较早的研究不一致,然而,在那个研究中,明亮的环境光比Agelab研究中使用的光要低得多(想想办公室光和明亮的户外光)。Dobres和他的同事认为,环境光的数量可能会影响正极性优势,明亮的光会导致零差异,但是正常的办公室光仍然能够产生差异。

长期影响

到目前为止,文献回顾着眼于对比极性对人类表现的一次性影响。但是长期影响呢?换句话说,长期暴露于一种类型的对比极性是否有影响?

在2018年《自然研究》的《科学报告》中发表的一项有趣的研究表明,持续暴露于光照模式可能与近视有关。近视是指无法清晰地看到远处的物体,并且与教育程度和阅读密切相关。在他们的研究中,德国蒂宾根大学的Andrea Aleman和她的同事要求7位人类参与者阅读以深色模式和浅色模式呈现的文本,每个文本一个小时。为了了解阅读后他们对近视的易感性是否发生变化,他们测量了脉络膜(视网膜后方的血管膜)的厚度。脉络膜变薄与近视有关。

研究人员发现,当参与者阅读亮模式下的文本时,这层膜明显变薄,而当阅读暗模式下的文本时,这层膜明显变厚。在已经患有近视的参与者中,这种变化更加明显。

该结果似乎表明,即使在短期内在光照模式下的性能可能会更好,但与此相关的是长期成本。

视力受损的用户

矛盾的是,关于视力障碍使用者的文献并不如关于正常视力人群的文献丰富,尽管有一种隐含的共识,即深色模式至少对某些视力障碍的人更好。明尼苏达大学的Gordon Legge及其同事定义了两个低视力类别:(1)由于中央视力受损和(2)由于眼球介质混浊。

眼介质是指眼睛中的各种透明物质,包括角膜和晶状体。眼球混浊最常见的原因是白内障,白内障是指晶状体混浊,在老年人中相当普遍。白内障会散射并阻挡一些本应通过晶状体到达视网膜的光,从而阻止在视网膜上产生清晰的聚焦图像。

斯隆(Sloan)的一项研究甚至早在1977年就报告说,有些视力低下的人更喜欢深色模式。(在我们自己的可访问性研究中,Kara Pernice还看到视力低下的用户有时会在深色、浅色模式之间切换,以期获得最佳清晰度。)1985年,明尼苏达大学的Gordon Legge及其同事推测,这种影响是由于“由于混浊的眼球介质导致的异常光散射” ——大概是因为,如果更多的光线通过混浊的透镜到达眼睛,则发生畸变的可能性更大。因此,深色模式对于眼部介质混浊的人可能更好,因为显示器发射的光更少。

在Legge的研究中,有7种眼部介质混浊的参与者在深色模式下的阅读率更高,而其余那些中央视力受损的参与者则不受对比度极性的影响。

Legge的研究为建议为现代计算机接口切换到深色模式的可能性奠定了基础。在2005年,Papadopoulos和Goudiras在回顾了针对低视力用户的各种可访问性最佳实践的文章中,建议在用户界面中使用深色模式。

一些正常视力领域的研究人员注意到,那就是与大多数现代显示器中使用的LED相反,Legge对低视力用户的研究是使用CRT显示器进行的。这些显示器在亮模式下比在暗模式下更容易闪烁,因此可能会使结果偏向浅色模式。

那么,您应该追赶深色模式的潮流吗?

虽然深色模式可能会为某些低视力用户带来一些优势,尤其是那些眼球介质混浊(例如白内障)的用户,但研究证据指向了正极性的好处对正常视力的使用者的方向。换句话说, 在视力正常的用户中,大多数情况下,浅色模式会带来更好的性能。

为什么浅色模式对性能更好?这些发现可以通过以下事实得到最好的解释:在正反极性下,整体光线更多,因此瞳孔收缩得更多。结果,球面像差更少,景深更大,并且整体上更好地聚焦细节而又不累眼睛。

即使较大的字体和明亮的环境光可能会消除视力正常的人的某些优势,但在此情况下,如果目标受众包括普通人群,我们不建议默认切换为深色模式。

话虽如此,我们强烈建议设计人员允许用户根据需要切换到深色模式——出于以下三个原因:

1、可能会与浅色模式产生长期影响;

2、有视觉障碍的人在深色模式下会做得更好;

3、有些用户更喜欢深色模式。人们不太可能更改任何随机网站的显示模式,但是,如果网站或应用程序经常使用,则应考虑将此选项提供给它的用户。特别是, 用于长篇阅读的应用程序(例如书阅读器,杂志甚至新闻网站)应提供深色模式功能。理想情况下,该选项应该在该网站或应用程序的所有屏幕上普遍存在。此外,如果操作系统提供了深色模式API(如iOS一样),那么一定要好好利用它——这样做会让那些决定切换到深色模式的用户能够体验你的应用程序或网站的对比度。

via:https://www.nngroup.com/articles/dark-mode/

深色模式or浅色模式

欢迎留言与我们交流

文章来源:追波范儿

文章作者:terechen

https://mp.weixin.qq.com/s/s14XyTob0Oi5Kfq49Tti2A

学设计,上美啊!

微信交流群已开通~

后台回复「入群」可限时免费进群

获取更多资源

特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。

Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.

美啊教育
美啊教育
创意设计与生活美学最佳平台
6082文章数 1549关注度
往期回顾 全部

专题推荐

洞天福地 花海毕节 山水馈赠里的“诗与远方

无障碍浏览 进入关怀版