许多财富管理应用程序用户习以为常的标准红色上涨绿色下跌配色方案,对于色盲用户和色觉障碍者来说可能非常有问题。Futubull 团队正在通过进行具体的改进来拥抱用户的需求,以便每个人都能掌握致富的关键。
Futubull 通过提供广泛的投资信息/分析/决策服务和终身免费的培训内容,以及一个充满活力的财富管理聊天社区,为全球超过 1900 万用户创造了更好的交易体验。Futubull 应用程序目前与 Android、iOS、Windows、Mac、平板电脑(iPadOS 和 ChromeOS)、Web 浏览器和腾讯车载应用程序兼容,同时还提供全面的 API 功能。Futubull 团队致力于为每位客户提供周到的服务,这自然也包括具有不同无障碍需求的用户。
红色上涨绿色下跌(反之亦然)是投资应用程序中使用最常见的配色方案,其中投资的每次上涨和下跌价格变动对用户来说都是一件大事。但是,这种配色方案的广泛使用却让患有红绿色盲/色觉障碍的投资者无所适从。与任何投资者一样,这些用户努力积累资金,并仔细研究财富管理产品的组合,试图掌握致富的关键,但当他们打开交易页面时,却发现无法识别价格的上涨和下跌,因为他们难以区分红色和绿色。
△ 红色上涨绿色下跌配色方案,如正常视力用户(左)、红绿色盲用户(中)和绿红色盲用户(右)所见
不同的红色和绿色色调
Futubull 应用程序中使用的红色和绿色调色板最初是为具有正常色觉的用户设计的,因此色觉障碍者在使用应用程序时需要花费额外的努力,例如通过解释符号或数据来识别价格的上涨和下跌。这种配色方案对这些用户来说非常不方便。
由于幸存者偏差,很多人都没有意识到红绿色盲人群的比例可能比想象的要高。据统计,大约 5% - 8% 的男性和 0.5% 的女性患有色觉障碍(即色盲)。考虑到 Futubull 拥有 1900 万庞大的用户群,这个比例绝非微不足道。
我们一直重视用户的反馈,并通过各种渠道了解到一些用户因色觉障碍而遇到问题。患有红绿色盲的投资者无法区分红色和绿色,这无疑会拖慢他们的投资过程。为此,我们推出了一种新的配色方案,专门针对色觉障碍进行了优化,涵盖了应用程序的所有视觉元素,让用户可以根据自己的需求调整显示方式。—— Garit,Futubull 应用用户体验总监
在设计无障碍配色方案时,团队使用谷歌的 [Accessibility Scanner](https://developer.android.google.cn/guide/topics/ui/accessibility/) 应用评估了现有的应用程序,该应用可以记录页面,捕获界面中的每个元素,并提供改进建议,例如字体大小、触摸目标大小、颜色对比度等等。这些输入对团队非常有帮助。
- Accessibility Scanner
https://developer.android.google.cn/guide/topics/ui/accessibility/testing#accessibility-scanner
△ Accessibility Scanner 为每个控件/元素提供无障碍优化建议,这对开发人员来说是一个很好的参考。
在确定最终的无障碍色调时,团队还调查了患有色觉障碍的用户,他们通过官方渠道联系了这些用户,并请他们测试无障碍配色方案,然后提供他们体验的详细反馈以及优化建议。基于这些反馈,团队制定了一个整体改进计划。
△ 新的红色和绿色。
新的粉红-绿色方案保留了相同的双色调系统,同时严格遵守 [Accessibility Scanner](https://m3.material.io/foundations/accessible-design/overview) 为正常视力、红绿色盲和绿红色盲提供的颜色对比度建议,从而考虑了正常视力用户和红绿色盲用户的视觉体验。
- 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](https://developer.chrome.com/docs/lighthouse/overview/) 浏览器和 PC 平台。团队还在开发针对视觉障碍用户的文本转语音功能。通过实施这些无障碍功能,将有更多用户能够顺利使用 Futubull。
- 使用 Lighthouse 检查 Web 客户端无障碍体验
https://developer.chrome.com/docs/lighthouse/overview/
让投资变得更轻松,而且不是孤军奋战。Futubull 团队以具体行动支持每一位用户,让他们知道他们的需求会得到及时响应,让他们能够亲手抓住财富之钥。
我们也期待更多开发人员积极改进自己的产品,[打造更加无障碍的体验](https://mp.weixin.qq.com/s/9oL9XW2K3TJLkr-w08hRJg),拥抱更多用户,从而为更大的成功铺平道路。