优化方案

1. 根据WCAG标准，平台正文色和背景色色彩对比度为5.74:1 ,虽符合AA级标准（AA级标准为4.5:1），但可辨识度，易读性较差，需调整达到WCAG AAA级标准（色彩对比度达到7:1及以上）。
2. 平台遵循公司设计系统QAX-D色值规范，但规范中QAX-Design中正文色彩对比度低于竞品平均值，需由UED部门负责的设计师推动修改整体设计；
3. 由于项目的时效性，所以此次优化仅在本平台版本中优化。

方案推导过程

1、相关概念

什么是WCAG?

Web Content Accessibility Guideline，译为网页内容无障碍指南，简称WCAG标准，是一项指导性的技术标准。

WCAG的作用是什么?

WCAG包含了视力、听力、运动和智力等诸多方面的标准条例，是为确保生理或身体有障碍人士能顺利访问网站而制定的标准。WCAG不只是作为对于残障人士等特殊群体的关怀，更是为规范网页设计，增强网页可读性，使网页更具人性化所制定的规范。

2、用户调研

经调研发现，反馈此缺陷的用户属于专家级用户，使用平台中告警研判功能进行工作，在工作过程中需长时间注视电脑并对数据进行分析研判，所以对视觉效果非常重视，在中台的主题色由原来的黑色改为浅色后，由于正文颜色和背景色色彩对比度较低，所以产生视觉疲劳和对中台功能的不满甚至厌恶，严重影响了业务功能的使用和客户口碑。
另外发现专家型用户年龄大多在40岁以上，甚至50+，视力水平会随年龄的增长而衰退。所以这也是提升用户体验的因素之一。

3、竞品调研

通过调查安全类、互联网类、工具类等网站正文的色彩对比度，来比较QAX-D的正文颜色。调研数据如下：

* 产线竞品和互联网竞品色值对比数据

* 对比结论

通过调查安全类、互联网类、工具类等网站正文的色彩对比度，来比较QAX-D的正文颜色。调研数据如下：

4、方案输出

根据调研结果，我设计出三种方案供业务方、需求方等进行沟通，进行多方案对比。

* 色值推到过程如下

一：根据wcag AAA标准，7.00：1 对应色值为：#595959
二：根据上方调研结果，取八个达到AAA标准色号的平均值 (11.13+12.63+15.33+17.76+17.76+16.13+18.73+12.63)/8= 15.26 15.26对应色值为#272524
三：为了在满足AAA标准的前提下，尽量保证页面变化最小，达到用户“无感知调整”的目的。 以7.00为最低标准，以15.26为最高标准，取中间值。（7.00+15.26)/2=11.13 11.13对应色值为#3D3B3B

以资产管理功能模块的某一页面为例

方案一：将正文文本颜色修改#595959，见下图效果

方案二：将正文文本颜色修改#272524

方案三：将正文文本颜色修改#3D3B3B，并且将字号加大，见下图效果

5、方案验证

方案出来后，还需要和需求方求证、确认是否可以解决问题，另外需要和产品、设计师、开发方进行设计评审，确定最终的设计方案，以及相关人员下一步具体工作,确保方案落地。

结论

此次优化用户体验深刻认识到“清晰”是用户体验设计中的一个重要原则，如果页面文字"不清晰"，缺乏易读性，那么一切功能都是白搭。只有遵循WCAG，才能向用户更好的传达信息，用户也才乐意使用更多的功能。 同时，设计师也应该在设计时使用对比度校验的方法，辅助进行清晰度验证，帮助提高产品的可读性和易读性，提升用户体验。
另外，所有的设计都不是单一、独立的，往往牵一发而动全身，所以要权衡利弊，是修改平台主题色还是推动公司设计系统整体修改需要多方权衡。