F5.12.1High contrast mode设计研究

高对比模式服务于低视力用户,与深色模式目的不同

别名: 高对比主题 · dark vs high contrast · low vision contrast

概念解释

有人把深色主题开关直接标成「高对比」,或在高对比需求下来一套深灰时尚皮肤。低视力用户打开后,洗底还在、浅灰字还在,只是底变成了深的。高对比模式是给看不清细灰度差的人把图和底拉开;深色模式是换照明——少眩光、夜间舒适、有时省电。两件事可以同时开,但不能互相代替。

机制

低视力、部分白内障、对比敏感度下降的人,丢的是中间调。设计里靠浅灰划分的卡片、靠细线划分的按钮,对他们等于没有。高对比把世界收成尽量少的明暗类别,让形状重新出现。深色模式不保证这件事:它可以很有气质地停在低对比的暗调里,甚至比浅色更难分。

目的不同,成功标准就不同。深色模式成功是「还能当那个产品,只是夜里不刺」;高对比成功是「控件边界和文字在几乎没有中间灰时仍能被指出」。用深色去顶高对比的名,会把该删的中间调留下来。

怎么研究

把同一套界面做成浅色、深色、高对比三版,找对比敏感度下降的观察者(或用模糊 / 降低对比的模拟,并声明只是近似)。任务:指出按钮边界、区分相邻卡片、读出次要文字。自变量:主题类型。因变量:指认正确率、是否把深色误当成已经「足够对比」。

模拟低视力不能替代真实用户,模糊核和真实的对比敏感度损失不是一回事,报告方法。

边界

  • 有人只是喜欢深色,不需要高对比;把高对比强加给他们会显得粗、吵。
  • 有人需要高对比但是浅底深字,不是深底浅字。高对比不是深色的子集。
  • 系统级高对比会改系统控件;产品自己的「高对比主题」如果目的相同,仍是视觉设计决策,不必跟系统开关的工程故障混为一谈。

怎么落地

  • 深色和高对比分成两个开关或两个主题,文案写清服务谁。
  • 高对比主题的验收人是低视力用户或对比敏感度任务,不是「夜里好不好看」。
  • 禁止用深色主题截图去证明高对比已完成。
  • 验证办法:问「这是给谁用的」;答成「喜欢深色的人」就还没做成高对比。再请目标用户指出所有可点区域的边界,指不出的那些仍活在中间调里。

延伸

  • 同组F5.12.2 高对比模式通常要求更极端的前景背景明度差与更强的边框 · F5.12.3 依赖阴影或渐变表达的层级在高对比模式下需要替代方案
  • 相邻F5.07 深色模式的重映射 · J2.07 低视力与屏幕放大
  • 站内检索high contrast mode · low vision · dark mode

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/F5.12.1