设计终端以进行颜色可访问性

我们经常认为我们看待用户界面的方式和其他人是一样的。然而,对于色彩视觉有缺陷的用户来说,某些颜色组合可能会对他们使用彭博终端产生不利影响。我们估计有2万名用户有彩色视觉缺陷(CVD),我们在设计和推出新界面时不能忽视他们的需求。

什么是色觉缺陷?

有些人知道它是“褪色”,但实际上是一个错误的人,因为有CVD的人不一定“盲目”。相反,它们的视网膜中的一个或多个锥体细胞(检测颜色的细胞)的缺乏缺乏缺乏,对特定波长的光(图像1)减小或没有敏感性(图像1)。

图像1:模拟正常视觉和颜色视觉缺陷的相同图像的比较。左:呈现正常视觉的彩色标记具有独特的色调;右:模拟CVD的相同图像显示不太独特的色调中的标记。
图像1:模拟正常视觉和颜色视觉缺陷的相同图像的比较。左:呈现正常视觉的彩色标记具有独特的色调;右:模拟CVD的相同图像显示不太独特的色调中的标记。

科学术语是解统(一种颜色缺乏,其中一个锥体细胞完全没有 - 例如,如果不存在绿色锥细胞,则称为绿色锥细胞绿色盲),三色视觉异常(一种色觉缺陷,其中一个锥细胞对特定波长的光的敏感性降低,例如,对绿光的敏感性降低绿色弱视).这些色觉缺陷有很多种形式(图2)。最常见的CVD形式会影响色谱中的红色和绿色波长。

这种缺陷肯定会影响人们的日常生活。想象一下,你不知道你的衣服是否匹配,不小心吃了未成熟的(绿色)香蕉,或者在看电视比赛时无法区分球队的球衣。

图2:同一图像模拟正常视觉和三种主要的颜色视觉缺陷的比较。从左上开始顺时针方向:视力正常,红绿混淆,单色(完全不能识别颜色),蓝黄混淆。
图2:同一图像模拟正常视觉和三种主要的颜色视觉缺陷的比较。从左上开始顺时针方向:视力正常,红绿混淆,单色(完全不能识别颜色),蓝黄混淆。

不同的心血管疾病患病率跨种族(由于其遗传成分)和性别(心血管疾病主要影响男性)。然而,即使是保守估计,20,000或更多的终端用户可能有最常见的CVD形式,红绿。

为什么这是我们产品的问题?

在金融业,红色和绿色是关键视觉指标,因为它们在西方惯例中表达了积极和负面的语义含义(图3)。例如,绿色通常表示“上升”的市场状况,而红色通常表示“下降”的市场状态。

图3:展示系统默认颜色方案的彭博终端启动屏幕示例。红色颜色与“下来”市场状况和绿色与“UP”的市场状况相关联。
图3:展示系统默认颜色方案的彭博终端启动屏幕示例。红色颜色与“下来”市场状况和绿色与“UP”的市场状况相关联。
图4:终端可视化显示绿色和红色指示灯旁边的叠加模拟Deuteranopia。《Deuteranopia》模拟显示,红色和绿色在色调上看起来非常相似,这使得快速分析这两种不同的颜色指标具有挑战性。
图4:终端可视化显示绿色和红色指示灯旁边的叠加模拟Deuteranopia。《Deuteranopia》模拟显示,红色和绿色在色调上看起来非常相似,这使得快速分析这两种不同的颜色指标具有挑战性。

软件程序可以模拟出患有CVD的人可能看到的近似颜色。使用这个CVD模拟器(如图4所示),我们可以从Deuteranopia用户的角度看到终端的示例是什么样子。虽然不同的人之间仍然存在个体差异,但很明显,这些红色和绿色的用户很难区分。

这可能会产生巨大的财务影响,当使用我们的系统做决定时,数百万美元的证券交易可能会受到这些重要的可视化指标的影响。

其他产品呢?

操作系统,如微软Windows或苹果macOS,已经增强了对比度或文本易读性支持,以帮助实现可访问性。这些设置迎合了一种更普遍的方法,试图覆盖多种类型的视力缺陷。苹果iOS也包含了一小组预设颜色,可以为特定的CVD类型选择,但这有缺点,因为它改变了在金融行业至关重要的特定颜色。因此,我们需要采取研究的方法,使我们的产品更具包容性。

我们的研究过程

为了更好地理解如何在彭博终端中实现CVD主题,我们首先需要评估我们的CVD客户的用户体验。

一旦我们找到了自我报告的CVD的客户,我们的下一步是评估他们所拥有的哪种类型的CVD,以及它的温和或严重程度。我们通过管理来做到这一点石原慎太郎的色差测试,这是一个著名的颜色区分测试。

图5:石原慎太郎颜色测试板的例子。数字“74”应该清晰可见的观众与正常彩色视觉。患有Deuteranopia或Protanomaly的观众可能根本看不到数字,或者他们可能看到“71”。
图5:石原慎太郎颜色测试板的例子。数字“74”应该清晰可见的观众与正常彩色视觉。患有Deuteranopia或Protanomaly的观众可能根本看不到数字,或者他们可能看到“71”。

需要注意的是,这种颜色区分测试并不完美,测试结果可能与用户最初报告的不同。为了了解CVD如何影响终端用户体验,我们邀请这些客户到我们的可用性实验室,并让他们评估一系列不同的终端图像类型(例如,图形线、彩色文本、按钮、条形图和热图)。除了自我报告的表现自信分数和总体偏好之外,还测量了客户的任务表现。线性混合效应模型分析显示,不同颜色组之间存在统计学上的显著差异,因此,与当前的颜色组相比,客户更准确,报告更有信心,更喜欢替代和高对比度的颜色组。

我们从这项研究结束了,CVD的客户可以比当前颜色集在终端上区分替代或高对比度。

一旦我们了解到某些颜色会影响客户的任务表现和信心,我们就会想,“哪些颜色会让CVD客户更容易使用终端?”为了回答这个问题,我们需要走出可用性实验室,在客户的办公桌前采访他们,了解他们对终端颜色的感知是如何受到环境的影响的。

我们采访了使用前一项研究中评估的相同图像类型的客户。然而,这项研究与前一项研究不同,因为我们使客户能够在其终端窗口内的函数上运行几种替代和高对比度颜色集,并在实时和在其上提供有关这些替代和高对比度颜色集的反馈实际的工作环境。

根据这一反馈,我们发现客户对终端颜色的看法受到他们的CVD程度或严重的影响。例如,那些具有较温和的CVD形式的人往往有不同的问题,分化颜色的问题较少,但确实存在较小的红色和绿线之间的次要问题。

那些患有中度心血管疾病的人在看彩色图像时遇到了更多困难,特别是那些红色和绿色混合在一起的人。他们也更难区分深色背景上的深色。

最后,那些患有严重心血管疾病的人除了标准的绿色和红色之外,还无法区分不同的颜色,比如黄色、紫色、粉色。

图6:CVD的严重程度导致分析不同类型的颜色视觉交流的挑战不断增加。例如,轻微的CVD使小文本和细线条的颜色解释变得复杂,中度CVD使深红色和绿色更难消除歧见,而严重CVD除了模糊更多颜色之间的区别之外,还包括所有之前的问题。
图6:CVD的严重程度导致分析不同类型的颜色视觉交流的挑战不断增加。例如,轻微的CVD使小文本和细线条的颜色解释变得复杂,中度CVD使深红色和绿色更难消除歧见,而严重CVD除了模糊更多颜色之间的区别之外,还包括所有之前的问题。

我们的研究还发现,有些颜色在不同的语境中有不同的含义。

虽然患有CVD的用户可能难以区分不同的颜色组合,但他们的语义色彩关联仍然存在。例如,绿色和蓝色倾向于表示“上升”的市场地位,而红色、黄色和橙色倾向于表示“下降”的市场地位。

我们的解决方案

当我们收集了这些经验教训后,我们知道我们的设计解决方案应该是:

  • 与用户已经熟悉的隐含的“语义”颜色含义相关联
  • 更亮,更饱和,以帮助更严重的CVD形式的用户
  • Bloomberg终端用户群与CVD一致

根据这些见解,我们为彭博终端推出了以下新的CVD颜色方案。

使用Deuteranopia的用户现在可以选择使用除了红色和壁炉之外的语义颜色来查看他们的终端屏幕,用于积极和负面情绪。

图片7:Deuteranopia和Protanomaly的两种可访问性颜色方案,目前为{PDFU颜色}提供用于用户申请到终端的{PDFU颜色}。
图7:Deuteranopia和Protanomaly的两种无障碍配色方案目前以{PDFU COLORS}形式提供,供用户应用到终端。

基于我们的研究,我们选择坚持使用蓝色和红色(“UP”的市场状况和“下降”市场地位)CVD Color Colorm方案,同时保留了非语义信息的默认彭博琥珀色颜色。这种配色方案纳入了我们的研究调查结果,同时还保留了与终端相关的其他众所周知颜色的传统和传统。

图8:在{PDFU COLORS}函数的Personal Defaults: Accessibility color Schemes选项中更改终端范围的配色方案的演示。
图8:在{PDFU COLORS}函数的Personal Defaults: Accessibility color Schemes选项中更改终端范围的配色方案的演示。

但是,我们还没有完成!除了最初专注于Deuteranopia,我们还针对另一种罕见的CVD类型——前列腺癌实施了第二种CVD配色方案。

{PDFU颜色<转>}

要打开其中一个新的颜色方案,用户可以使用{PDFU颜色}来更改其默认颜色方案设置。在选择选项后立即应用这些颜色方案,并在面板窗口内重新运行。

为了说明这些新的CVD配色方案对有这种特定缺陷的用户可能是什么样子的,我们演示了将默认的红色和绿色配色方案与重新设计的CVD配色方案并排放置,并通过CVD模拟器查看它们的效果。

图9:对比我们的默认配色方案和带有Deuteranopia模拟覆盖的CVD配色方案的动画。这个例子展示了CVD配色方案(右)与默认配色方案(左)相比如何改善“上”和“下”市场情绪的颜色可及性。
图9:对比我们的默认配色方案和带有Deuteranopia模拟覆盖的CVD配色方案的动画。这个例子展示了CVD配色方案(右)与默认配色方案(左)相比如何改善“上”和“下”市场情绪的颜色可及性。

对这些新配色方案的初步反馈是积极的。以下是一些终端用户的语录:

  • “我注意到PDFU中有一个Deuteranopia颜色选项。这对我来说非常有帮助......“
  • “我想向同事发送{pdfu颜色} ......”
  • “这很酷,很有帮助……我刚刚为自己做了一个很好的改变……”

还有更多的期待

正如技术改进经常发生的情况一样,我们为达到这一点所做的工作启发并使我们能够思考——并努力——进一步改进航站楼。我们期待在它们可用时与您分享。

想了解更多关于彭博用户体验团队的工作。来和我们聊天吧清晰度设计系统会议2021(10月27日至29日,2021年)或者看看我们的开放的角色