人人财富密码 | 富兔牛打造无障碍用户体验

许多财富管理应用用户习以为常的红色上涨绿色下跌的标准配色方案,对于色盲用户和色觉障碍用户来说可能非常成问题。富兔牛团队正在通过具体的改进措施来满足用户的需求,以便每个人都能掌握财富密码。

富兔牛通过提供广泛的投资信息/分析/决策服务和终身免费的培训内容,以及充满活力的财富管理聊天社区,为全球超过 1900 万用户创造了更好的交易体验。富兔牛应用目前兼容 Android、iOS、Windows、Mac、平板电脑(iPadOS 和 ChromeOS)、Web 浏览器和腾讯车载应用,并提供全面的 API 功能。富兔牛团队致力于为每位客户提供周到的服务,这自然也包括具有不同无障碍需求的用户。


红色上涨绿色下跌(反之亦然)是投资应用中最常见的配色方案,投资价格的每一次上涨和下跌对用户来说都是一件大事。但这种配色方案的广泛使用却让患有红绿色盲/色觉障碍的投资者无所适从。与任何投资者一样,这些用户努力积累资金,并仔细研究财富管理产品的组合,以期掌握财富密码,但当他们打开交易页面时,却无法识别价格的上涨和下跌,因为他们难以区分红色和绿色。

△ 红色上涨绿色下跌的配色方案,正常视力用户(左)、患有全色盲(中)和患有部分色盲(右)的用户看到的画面


不同色调的红色和绿色

富兔牛应用中使用的红绿色调最初是为具有正常色觉的用户设计的,因此色觉障碍用户在使用该应用时需要付出更多额外努力,例如通过解读符号或数据来识别价格上涨和下跌。这种配色方案对这些用户来说非常不便。

由于幸存者偏差,红绿色盲人口的比例可能高于许多人的认识。根据统计数据,大约 5%–8% 的男性和 0.5% 的女性患有色觉障碍(即色盲)。考虑到富兔牛庞大的 1900 万用户群,这并非一个可以忽略不计的比例。

我们一直重视用户的意见,并通过各种渠道了解到一些用户因为色觉障碍而遇到困难。患有红绿色盲的投资者无法感知红色和绿色之间的差异,这无疑会减慢他们的投资过程。为此,我们引入了一种新的配色方案,针对色觉障碍进行了优化,它涵盖了应用的所有视觉元素,使用户能够根据自己的需求调整显示。—— Garit,富兔牛应用用户体验总监


在设计易访问的配色方案时,团队使用谷歌的无障碍扫描器应用评估了现有的应用程序。该应用可以录制页面,捕获界面的每个元素,并提供改进建议,例如字体大小、触摸目标大小、颜色对比度等等。这些输入对团队帮助巨大。

  • 无障碍扫描器
    https://developer.android.google.cn/guide/topics/ui/accessibility/testing#accessibility-scanner

△ 无障碍扫描器为每个控件/元素提供无障碍优化建议,这对开发者来说是很好的参考。


在最终确定易访问的调色板的过程中,团队还调查了有色觉障碍的用户。这些用户是通过官方渠道联系的,并被要求测试易访问的配色方案,然后提供他们体验的详细反馈以及优化建议。基于这些反馈,团队制定了全面的改进计划。

△ 新的红绿色。


新的粉绿色方案保留了相同的双色调系统,同时严格遵守无障碍扫描器针对正常视力、全色盲和部分色盲提供的颜色对比度建议,从而兼顾了正常视力和红绿色盲用户的视觉体验。

  • Material Design:颜色和对比度
    https://m3.material.io/foundations/accessible-design/overview

△ (左)粉绿色配色方案,正常视力用户(左)、全色盲用户(中)和部分色盲用户(右)看到的画面。


易访问的体验是团队合作的成果

我们团队目前有1000多人,其中包括色盲成员。创造易访问的体验不仅是为了服务我们的用户,也是为了帮助我们自己。——Zed,Futubull Android研发工程师


确定新的易访问调色板后,团队在推出新功能之前,结合内部产品和研发团队进行了一系列内部测试。通过整理团队成员的评价、自我测试以及测试工程师的帮助,团队确保新引入的调色板能够满足更多色觉缺陷用户的体验。团队仅用15个工日就上线了新的配色方案。

△ 切换配色方案也很容易。只需点击应用主页上的“观察列表设置”图标。


但是,这只是Futubull产品无障碍改进计划的一部分。

超越红绿光谱的又一步

Futubull的产品研发理念是让投资更容易,而不是孤军奋战。这个目标适用于我们所有的用户。——Garit,Futubull应用用户体验总监


创建易访问调色板的过程也让团队对具有不同视觉能力的用户有了更大的同理心。因此,在设计出粉绿色配色方案以满足红绿色觉缺陷/色盲用户的需求后,团队又开发了一种空心烛台设计,使用空心和实心蜡烛分别表示价格的上涨和下跌,从而满足更广泛的视障群体的需求。即使在一些应用主要活动页面的设计中,也尽可能使用了色盲用户可以区分的蓝色和橙色。

△ 实心蜡烛(左)和空心蜡烛(右)。两张截图都展示了全色盲用户看到的画面。


对于因视力不好而难以阅读文本的用户,团队还提供了字体大小设置功能,使用户可以增大文本大小以方便阅读。对于需要为应用的特定部分/功能设置特定字体大小的用户,团队还贴心地提供了局部调整的选项。

△ 还有局部和全局的字体大小调整选项,用户可以根据需要选择。


我们的团队仍在不断学习更多关于无障碍方面的知识。我们有一位专门负责跟进无障碍体验的产品经理,他负责识别可能构成良好用户体验障碍的应用流程,然后协调其优化。

——Garit,Futubull应用用户体验总监


为每个人提供财富的钥匙

今年6月16日,Futubull新的易访问调色板正式上线,并获得了广泛好评。

△ 虽然预料到会有好评,但积极反馈的数量还是令人惊讶。


这无疑增强了团队进一步提高产品无障碍性的信心。例如,团队计划将易访问的调色板从Android和iOS设备扩展到Web浏览器和PC平台。还正在为视障用户开发文本转语音功能。随着这些无障碍功能的实施,将会有更多用户能够流畅地使用Futubull。

  • 使用 Lighthouse 检查 Web 客户端无障碍体验
    https://developer.chrome.com/docs/lighthouse/overview/

让投资更容易,而不是孤军奋战。Futubull团队用实际行动支持每一位用户,让他们知道他们的需求会得到及时的回应,从而能够亲手掌握财富的钥匙。

我们也期待更多开发者积极改进他们的产品,创造更易访问的体验,拥抱更多用户,从而铺平通往更大成功的道路。