许多财富管理应用用户习以为常的“红涨绿跌”配色方案,对于色盲用户和色弱用户来说可能会带来很多问题。富途牛牛团队正在采纳用户需求,通过具体的改进,让每个人都能掌握财富的钥匙。
富途牛牛通过提供丰富的投资信息/分析/决策服务和终身免费的培训内容,以及活跃的财富管理聊天社区,为全球超过 1900 万用户创造了更好的交易体验。富途牛牛应用目前兼容 Android、iOS、Windows、Mac、平板电脑(iPadOS 和 ChromeOS)、网页浏览器以及腾讯车载应用,同时提供全面的 API 功能。富途牛牛团队致力于为每位客户提供热情周到的服务,这自然也包括有不同无障碍需求的用户。
“红涨绿跌”(或反之)是投资应用中最常用的配色方案,其中投资的每一次涨跌都对用户意义重大。但是,这种配色方案的广泛使用让患有红绿色盲/色弱的投资者处于劣势。像任何投资者一样,这些用户努力积累资金,仔细研究财富管理产品组合,以期掌握财富的钥匙,但当他们打开交易页面时,却发现由于难以区分红色和绿色,他们无法识别涨跌。
△ 正常视力用户(左)、红色盲用户(中)和绿色盲用户(右)看到的“红涨绿跌”配色方案
不同深浅的红色和绿色
富途牛牛应用中使用的红绿调色板最初是为正常色觉用户设计的,因此色觉障碍用户在使用应用时需要付出大量的额外努力,例如通过解释符号或数据来识别涨跌。这种配色方案对这些用户来说非常不便。
由于幸存者偏差,红绿色盲的人口比例可能比许多人意识到的要高。据统计,约有 5%–8% 的男性和 0.5% 的女性患有色觉缺陷(即色盲)。考虑到富途牛牛庞大的 1900 万用户群,这并非一个微不足道的比例。
我们一直重视用户的声音,并通过各种渠道了解到,有些用户因色觉障碍而遇到麻烦。红绿色盲的投资者无法感知红色和绿色之间的差异,肯定会在投资过程中被拖慢。为此,我们推出了一种新的配色方案,针对色觉障碍进行了优化,涵盖了应用的所有视觉元素,使用户能够根据自己的需求调整显示。—— Garit,富途牛牛应用用户体验总监
在设计无障碍配色方案时,团队使用 Google 的 无障碍扫描器 应用评估了现有应用,该应用可以记录页面,捕获界面的每个元素,并提供字体大小、触摸目标大小、颜色对比度等改进建议。这些输入对团队非常有帮助。
- 无障碍扫描器
https://developer.android.google.cn/guide/topics/ui/accessibility/testing#accessibility-scanner
△ 无障碍扫描器对每个控件/元素提供无障碍优化建议,对开发者来说是很好的参考
在最终确定无障碍调色板的过程中,团队还调查了色觉障碍用户,通过官方渠道联系他们,并请他们测试无障碍配色方案,然后提供详细的体验反馈和优化建议。根据这些反馈,团队制定了整体改进计划。
△ 新的红色和绿色。
新的粉绿方案保留了相同的双色系统,同时严格遵守无障碍扫描器针对正常视力、红色盲和绿色盲提供的颜色对比度建议,从而兼顾了正常视力用户和红绿色盲用户的视觉体验。
- Material Design:颜色与对比度
https://m3.material.io/foundations/accessible-design/overview
△ (左)正常色觉用户(左)、红色盲用户(中)和绿色盲用户(右)看到的粉绿配色方案
无障碍体验是团队努力的成果
我们团队目前有 1000 多人,其中包括色盲成员。创造无障碍体验不仅是为了服务我们的用户,也是在帮助我们自己。—— Zed,富途牛牛 Android 研发工程师
在确定新的无障碍调色板后,团队在发布新功能之前,与内部产品和研发团队一起进行了一系列内部测试。通过整理团队成员的评估、自测以及测试工程师的帮助,团队确保新引入的调色板能够满足更广泛色弱用户的体验。团队仅用了 15 个人天就上线了新的配色方案。
△ 切换配色方案也非常简单。只需点击应用首页的自选股设置图标
但这只是富途牛牛产品无障碍改进计划的一部分。
超越红绿光谱的又一步
富途牛牛的产品研发理念是让投资更轻松、不孤单。这个目标适用于我们所有的用户。—— Garit,富途牛牛应用用户体验总监
创建无障碍调色板的过程也让团队对有不同视力能力的用户产生了更大的共情。因此,在设计粉绿配色方案以满足红绿色弱/色盲用户的需求后,团队又着手开发了一种空心蜡烛图设计,分别使用空心和实心蜡烛来表示涨跌,从而说服了更广泛的视障群体。即使在应用某些主要活动页面的设计中,也尽可能使用了色盲用户可以区分的蓝色和橙色。
△ 实心蜡烛(左)和空心蜡烛(右)。两张截图都展示了红色盲用户看到的显示效果
对于因视力不佳而难以阅读文本的用户,团队还提供了字体大小设置功能,使用户能够增大文本大小以方便阅读。对于应用特定部分/功能需要特定字体大小的用户,团队也贴心地提供了局部调整选项。
△ 字体大小调整还有局部和全局选项,用户可以根据需要选择
我们的团队仍在逐步学习更多关于无障碍的知识。我们有一位产品经理专门负责跟进无障碍体验,他会识别可能构成良好用户体验障碍的应用旅程,然后协调它们的优化。
—— Garit,富途牛牛应用用户体验总监
将财富的钥匙交到每个人手中
今年 6 月 16 日,富途牛牛新的无障碍调色板正式上线,并获得了一致好评。
△ 尽管预期会有好评,但积极反馈的数量令人惊讶
这无疑增强了团队进一步改善产品无障碍性的信心。例如,团队计划将无障碍调色板从 Android 和 iOS 设备扩展到 Web 浏览器和 PC 平台。目前也正在为视障用户开发文本转语音功能。随着这些无障碍功能的实施,更多用户将能够流畅地使用富途牛牛。
- 使用 Lighthouse 检查 Web 客户端的无障碍体验
https://developer.chrome.com/docs/lighthouse/overview/
让投资更轻松,不孤单。富途牛牛团队以实际行动支持每一位用户,让他们知道自己的需求将得到及时响应,从而亲手掌握财富的钥匙。
我们也期待更多的开发者积极改进他们的产品,创造更无障碍的体验,拥抱更多用户,从而为更大的成功铺平道路。