股票市场上,常用固定颜色来代表和区分涨跌,特别是红绿色,例如a股市场是红涨绿跌,港股市场则是绿涨红跌。但对于小部分色觉障碍人群来说,红绿色的色差并不明显,这也使得他们在看盘时,难以通过红绿色来判断涨跌。而据统计,全球每12个男性和每200个女性中,有1个是色弱/色盲。
最近,富途就专门针对色觉障碍人士,上线了涨跌专属配色功能,让颜色不再成为障碍。
能够关注到一小部分用户的需求,并通过科技手段照顾到他们的切身体验,与富途的使命和初心息息相关——富途希望通过技术和研发提升投资体验,“让投资更简单,不孤单”。
1.一句不经意的留言
“叶子哥,能照顾一下我们色弱人士的产品体验吗?”
在纳斯达克上市公司——富途控股(Nasdaq:FUTU)的一次业绩会直播中,一位个人投资者发布了上述留言。
美股上市公司每季度举办一次的业绩会,是管理层向股东汇报业绩、投资者获取公司最新信息的良机,热门上市公司在业绩会直播时都会收到成百上千条留言。
有时,留言刷屏速度极快,很可能一发出就被刷不见了。
不过,上面这条看起来并不显眼的留言,却被富途的创始人——李华(昵称“叶子哥”)和他的同事们看到了,故事就这样开始了。
红色、绿色是股市中最常见的颜色,普通用户看到的红绿色差明显,很容易区分涨跌。
而对于红绿色盲用户来说,红绿色差其实很小,想区分涨跌幅基本无法靠色差,只能靠+、-号来区分。
今年一季度末,正值富途产品UI改版,富途牛牛及moomooApp内的红、绿色元素越来越多。
团队成员想起了这句不太起眼的留言,并意识到现在是时候对色弱用户上线特殊适配,让色彩不再成为他们投资的障碍,让金融科技的红利惠及更多人。
很快,负责这项功能上线的产品经理Shine和设计负责人Diana开始全速推进项目。
2.出师不利
然而雄心壮志的他们,在项目刚启动时就遇到了不小的困难。头号难题就是找不到色弱人群的样本。
“最开始公司没有太多调研的精力分配给项目组,所以我们想在公司员工中发放问卷,征集一些色弱人群的样本,”Diana说道,“但问卷发放后,居然一个样本都没收到!”
“还有一个难点,色弱、色盲其实是个人隐私,”Shine补充道,“很多人不太愿意告诉大家这一事实,更不用说配合做调研了,所以我们也没有大范围寻找。”
出师不利的他们沉思了一下,只好从身边同事的亲友“下手”。刚好,一位同事的亲戚存在色弱情况,项目组很快便就与其取得联系。
但找到样本用户,并不意味着调研过程一帆风顺。
“在跟一些色弱用户沟通时,他们会下意识地认为自己识别颜色的能力很强,比较抗拒承认自己是色弱。”Diana说道,“如果直接去问‘你能不能看到这个颜色’,他会倾向于回答‘我当然能看到啦,我又不瞎’。”
好不容易找到样本用户,却眼看调研难有进展,Diana只好继续想办法。
后来,她和同事一起做了不同组别的色卡,进一步用引导的方式让色弱受访者做选择题,找到对于他们更明显的对比色,而不是让他们做问答题。
通过一步步耐心的引导,调研终于完成。
3.“这辈子都没见过这么多bug”
调研结束后,Diana和Shine开始研究其它产品和大平台的配色设计规范,这一步与用户调研同样重要。
他们参考了很多权威网站,通过模拟色弱人群眼中看到的世界,结合调研结果,开始寻找最后的配色方案。
“原本的色彩规范里,大概有10-12种色带,我们逐个去对比和尝试,希望能找到更合理的对比色。”Diana表示,这个过程中既要兼顾色弱插件的展示中是否能拉开对比度,也要兼顾在正常色觉人群的视角下,颜色是否协调。通过这两个点不断地去对比,从而找到两个色带。
在这一过程中,他们将所有红绿色系的配色都拉出来,将设计稿应用到插件中测试效果。他们也请色觉障碍人士进行测试,从而在不同色带组合中,找到了下面这组新的配色。
Shine表示:“对于红绿色觉障碍人群,他们最终看到的这组颜色,是普通色觉人群看到的偏粉色和偏绿色。这种配色会让红绿色弱群体看到偏金色和灰色,色差相对更大,方便他们根据颜色辨别涨跌。”
在旁人看来,这一功能可能只是将App中的红绿配色进行一轮替换,并不复杂。但实际上,项目开发的复杂程度远超想象。
“发起这个专项之后,最开始是行情部门涉及比较多。随着项目的深入,发现这个功能会涉及到基本上所有部门的产品和研发。在整个过程中,我们也制定了整体的项目计划,每个时间点要交付一个体验版本给用户体验。”Shine进一步表示,“最开始,开发同事评估只要四五天就能完成,但后来发现弄了几周还没完全搞定,所以研发也很辛苦。”
Diana接着说:“这个功能对于研发来说并不算特别高难度,但其琐碎程度远超大家想象。研发同事Zac和Arley要从所有代码里找到跟红绿相关的token(编码映射),测试同事的工作范围也就不再局限于某几个页面,而是全局,所以他们的工作很琐碎繁杂。开发过程中,一旦出现一个小bug