富途牛牛為全球 1,900萬(wàn)+用戶打造更優(yōu)的交易體驗(yàn)，提供了豐富的投資資訊/分析/決策服務(wù)、永久免費(fèi)的教學(xué)內(nèi)容，以及活躍的理財(cái)交流社區(qū)。富途牛牛應(yīng)用目前覆蓋 Android、iOS、Windows、Mac、平板電腦(iPadOS 和 ChromeOS)、Web 以及騰訊車載應(yīng)用等平臺(tái)，并開(kāi)放了全面的 API 功能。團(tuán)隊(duì)致力于為每一位客戶提供有溫度的服務(wù)——這自然包括需要無(wú)障礙功能的用戶們。

"紅漲綠跌"(或者反之) 是投資類應(yīng)用中最常見(jiàn)的配色方案，投資標(biāo)的的每一次漲跌都牽動(dòng)著用戶的心。但面對(duì)這樣 "理所當(dāng)然" 的配色，紅綠色盲/色弱用戶只會(huì)感到無(wú)助。設(shè)想這些用戶勤懇工作，積累了一些資金，也認(rèn)真研究過(guò)理財(cái)產(chǎn)品的組合，想努力把握住財(cái)富之鑰……

不一樣的紅，不一樣的綠

富途牛牛應(yīng)用之前使用的紅綠配色方案是為色覺(jué)正常的用戶設(shè)計(jì)的，色覺(jué)障礙用戶如果想要使用會(huì)需要投入許多額外的精力，比如通過(guò)符號(hào)或者數(shù)據(jù)來(lái)理解漲跌情況。很顯然，對(duì)這些用戶來(lái)說(shuō)，使用這種配色方案會(huì)十分辛苦。

由于幸存者偏差的存在，紅綠色盲人口的比例可能會(huì)比許多人日常感知到的要高。據(jù)統(tǒng)計(jì)，約有 5% - 8% 的男性和 0.5% 的女性會(huì)存在色覺(jué)辨認(rèn)障礙 (即色盲)。這樣的比例放在很大的用戶基數(shù)中，比如富途牛牛的 1,900 萬(wàn)用戶中，就是一個(gè)不小的群體。

• 色覺(jué)辨認(rèn)障礙 (即色盲)

  https://zh.wikipedia.org/wiki/%E8%89%B2%E7%9B%B2

我們一直很重視用戶的聲音，也通過(guò)各種反饋渠道了解到色覺(jué)障礙對(duì)用戶造成的困擾。對(duì)于紅綠色盲的投資者來(lái)說(shuō)，無(wú)法感知到紅綠色的差異，投資決策的效率將大打折扣。為此，我們針對(duì)色覺(jué)障礙做了一個(gè)專項(xiàng)優(yōu)化，將應(yīng)用中的所有視覺(jué)元素，都考慮了新的配色，用戶可以根據(jù)自己的需要進(jìn)行設(shè)置。Garit，富途牛牛應(yīng)用用戶體驗(yàn)總監(jiān)

在設(shè)計(jì)無(wú)障礙配色方案的過(guò)程中，團(tuán)隊(duì)使用 Google 的無(wú)障礙功能掃描儀應(yīng)用 (Accessibility Scanner) 對(duì)既有的應(yīng)用進(jìn)行了評(píng)估。無(wú)障礙功能掃描儀在錄制結(jié)束后會(huì)根據(jù)采集到的每一個(gè)界面里的每一個(gè)元素給出建議，如字號(hào)大小、點(diǎn)擊尺寸到色彩對(duì)比度等等，給了團(tuán)隊(duì)很大的幫助。

• 無(wú)障礙功能掃描儀

  https://developer.android.google.cn/guide/topics/ui/accessibility/testing#accessibility-scanner

在敲定無(wú)障礙配色方案的過(guò)程中，團(tuán)隊(duì)還專門(mén)收集了色覺(jué)障礙用戶的評(píng)論并通過(guò)官方渠道聯(lián)系到了這些用戶，詳細(xì)詢問(wèn)他們?cè)谠囉脽o(wú)障礙配色時(shí)的體驗(yàn)和優(yōu)化建議，并基于這些反饋制定了整體的改進(jìn)計(jì)劃。

△ 新的紅，和新的綠

新的 "粉綠" 配色方案保留了紅綠兩種顏色的色相，同時(shí)在正常視覺(jué)、紅色盲視覺(jué)以及綠色盲視覺(jué)的情況下都嚴(yán)格遵循無(wú)障礙功能掃描儀給出的色彩對(duì)比度建議，從而兼顧了普通用戶和紅綠色盲用戶的視覺(jué)體驗(yàn)。

△(左) 色覺(jué)正常用戶看到的粉綠配色方案；

(中) 紅色盲看到的效果；(右) 綠色盲看到的效果

• Material Design: 色彩和對(duì)比度

  https://m2.material.io/design/usability/accessibility.html#color-and-contrast

無(wú)障礙體驗(yàn)來(lái)自無(wú)障礙的團(tuán)隊(duì)

我們團(tuán)隊(duì)目前有 1,000多人，其中就有色弱的成員。打造無(wú)障礙的體驗(yàn)不僅僅是在服務(wù)我們的用戶，也是在幫助我們自己。Zed，富途牛牛 Android 研發(fā)工程師

在確定了新的無(wú)障礙配色方案之后，團(tuán)隊(duì)啟動(dòng)了新功能上線前的內(nèi)部測(cè)試機(jī)制，由內(nèi)部產(chǎn)品、研發(fā)團(tuán)隊(duì)一同進(jìn)行測(cè)試。通過(guò)多次組內(nèi)集中體驗(yàn)、自測(cè)以及測(cè)試工程師的協(xié)助，確保了上線的新配色方案能滿足盡可能廣泛的色弱人群使用體驗(yàn)。團(tuán)隊(duì)只用了 15 個(gè)人天就上線了這個(gè)新的配色方案，效率十分驚人。

△切換配色方案也十分簡(jiǎn)單，點(diǎn)擊應(yīng)用首頁(yè)的 "自選設(shè)置" 即可

但這只是富途牛牛產(chǎn)品無(wú)障礙改進(jìn)計(jì)劃中的一部分。

邁出紅綠光譜，更進(jìn)一步

富途牛牛的產(chǎn)品研發(fā)理念是"讓投資更簡(jiǎn)單，不孤單"。這句話是針對(duì)我們所有用戶的。Garit，富途牛牛應(yīng)用用戶體驗(yàn)總監(jiān)

打造無(wú)障礙配色方案的過(guò)程，也讓團(tuán)隊(duì)對(duì)其他的使用障礙有了更強(qiáng)的同理心。于是繼滿足紅綠色盲/色弱用戶的需求后，團(tuán)隊(duì)還在 "粉綠" 配色方案之外提供了 "空心蠟燭" 設(shè)計(jì)，即通過(guò) "空心" 和 "實(shí)心" 來(lái)區(qū)別 "漲" 和 "跌"，為更廣泛的視覺(jué)障礙群體提供了便利。甚至在應(yīng)用內(nèi)一些重要的活動(dòng)頁(yè)的設(shè)計(jì)中會(huì)盡量使用色弱用戶都能分辨的藍(lán)橙等顏色。

△ (左) 實(shí)心蠟燭；(右) 空心蠟燭。

針對(duì)視力不佳導(dǎo)致閱讀文字存在困難的人群，團(tuán)隊(duì)也給出了文字字號(hào)設(shè)置功能，用戶可以使用大字號(hào)來(lái)方便閱讀。如果對(duì)應(yīng)用內(nèi)特定欄目/功能的文字字號(hào)有特殊要求，團(tuán)隊(duì)也貼心地提供了局部調(diào)整的選項(xiàng)。

△ 字號(hào)調(diào)整還提供了 "局部" 和 "全局" 選項(xiàng)，用戶可以根據(jù)需要自行進(jìn)行調(diào)整

目前團(tuán)隊(duì)也是在逐步了解無(wú)障礙的過(guò)程中，我們有產(chǎn)品經(jīng)理專門(mén)跟進(jìn)無(wú)障礙體驗(yàn)。產(chǎn)品經(jīng)理會(huì)梳理應(yīng)用使用流程中可能帶來(lái)體驗(yàn)障礙的環(huán)節(jié)，然后去統(tǒng)籌優(yōu)化。Garit，富途牛牛應(yīng)用用戶體驗(yàn)總監(jiān)

把財(cái)富之鑰交到每一個(gè)人手中

今年 6 月 16 日，富途牛牛全新的無(wú)障礙配色方案正式上線，隨之而來(lái)的是潮水般的好評(píng)。

這無(wú)疑更加堅(jiān)定了團(tuán)隊(duì)進(jìn)一步提升產(chǎn)品無(wú)障礙體驗(yàn)的信心，比如團(tuán)隊(duì)已經(jīng)在安排將 Android 和 iOS 上的無(wú)障礙配色方案進(jìn)一步覆蓋至 Web 和 PC 平臺(tái)；針對(duì)盲人用戶的資訊有聲閱讀功能也已經(jīng)在時(shí)間表里了。而隨著這些無(wú)障礙功能的實(shí)現(xiàn)，會(huì)有更多的用戶得以順利使用富途牛牛。

• 使用 Lighthouse 核查 Web 端無(wú)障礙體驗(yàn)

  https://developer.chrome.com/docs/lighthouse/overview/

"讓投資更簡(jiǎn)單，不孤單"。富途牛牛團(tuán)隊(duì)用行動(dòng)支持著自己的每一個(gè)用戶，讓他們知道自己的需求會(huì)被及時(shí)回應(yīng)，讓他們都能親手把握住財(cái)富之鑰。

我們也期待著更多的開(kāi)發(fā)者行動(dòng)起來(lái)，為自己的產(chǎn)品打造更棒的無(wú)障礙?體驗(yàn)，去擁抱更多的用戶，迎來(lái)更大的成功。

?