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

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

不一樣的紅，不一樣的綠

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

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

• 色覺辨認障礙 (即色盲)

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

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

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

• 無障礙功能掃描儀

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

在敲定無障礙配色方案的過程中，團隊還專門收集了色覺障礙用戶的評論并通過官方渠道聯(lián)系到了這些用戶，詳細詢問他們在試用無障礙配色時的體驗和優(yōu)化建議，并基于這些反饋制定了整體的改進計劃。

△ 新的紅，和新的綠

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

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

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

• Material Design: 色彩和對比度

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

無障礙體驗來自無障礙的團隊

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

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

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

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

邁出紅綠光譜，更進一步

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

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

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

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

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

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

把財富之鑰交到每一個人手中

今年 6 月 16 日，富途牛牛全新的無障礙配色方案正式上線，隨之而來的是潮水般的好評。

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

• 使用 Lighthouse 核查 Web 端無障礙體驗

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

"讓投資更簡單，不孤單"。富途牛牛團隊用行動支持著自己的每一個用戶，讓他們知道自己的需求會被及時回應(yīng)，讓他們都能親手把握住財富之鑰。

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

?