發(fā)現(xiàn)、記錄、分享,視頻、圖文、直播……如今的互聯(lián)網(wǎng)世界已經(jīng)如此豐富多彩,吸引著無(wú)數(shù)人每天造訪。但有一個(gè)事實(shí)可能被忽視了:"無(wú)數(shù)人",并不等于 "每一個(gè)人"。尤其是對(duì)視力障礙人群來(lái)說(shuō),"豐富多彩" 的多媒體世界似乎總是那么遙遠(yuǎn)。
根據(jù)世界衛(wèi)生組織的數(shù)據(jù),全球只有 36% 的屈光不正人口,以及 17% 的白內(nèi)障人口接受了適當(dāng)干預(yù),絕大多數(shù)視力受損人口并沒(méi)有得到必需的醫(yī)學(xué)支持,光是在我國(guó)就有 1,700 多萬(wàn)視覺(jué)障礙人口 (屈光不正、白內(nèi)障、糖尿病、老齡化等都可能造成視覺(jué)障礙)。在日常生活中也有許多臨時(shí)性的視力障礙場(chǎng)景,比如手術(shù)后的恢復(fù)期,或者其他不便于查看屏幕的環(huán)境等,都會(huì)讓人們無(wú)法通過(guò)眼睛接收來(lái)自屏幕的信息。
-
盲癥和視力損害
https://www.who.int/zh/news-room/fact-sheets/detail/blindness-and-visual-impairment
但有一點(diǎn)是毋庸置疑的,即便是在光芒無(wú)法觸達(dá)的地方,生活也依然在繼續(xù)著。對(duì)于堅(jiān)守著 "Inspire Lives 分享和發(fā)現(xiàn)世界的精彩" 使命的小紅書(shū)團(tuán)隊(duì)來(lái)說(shuō),這些生活也同樣精彩,這些用戶也同樣重要。全面支持 Android TalkBack 屏幕閱讀服務(wù),就是小紅書(shū)團(tuán)隊(duì)給這些用戶交出的答卷。
△ 小紅書(shū)在 10 月 15 日國(guó)際盲人日正式全面支持 TalkBack平臺(tái)級(jí)的無(wú)障礙支持
對(duì)于任何打算提供無(wú)障礙功能的產(chǎn)品團(tuán)隊(duì)來(lái)說(shuō),"標(biāo)準(zhǔn)化" 都是一個(gè)必須要解決的問(wèn)題: 對(duì)于視力健全的人群,每使用一個(gè)應(yīng)用都要換一種交互如果能稱作 "麻煩",對(duì)視力障礙用戶來(lái)說(shuō)則是 "天塹" 了。 這也是 Android 平臺(tái)的屏幕閱讀器 TalkBack 要做的事情: 標(biāo)準(zhǔn)的、全局的設(shè)置和無(wú)障礙交互方式,可以讓用戶用盡可能小的成本掌握最通用的屏幕閱讀交互方式。而且很多手勢(shì)操作甚至和非 TalkBack 下的交互只是多用一根手指而已,對(duì)需要臨時(shí)使用 TalkBack 功能的用戶來(lái)說(shuō),這也極大降低了切換門(mén)檻。 △ 小紅書(shū)從 "登錄/注冊(cè)/個(gè)人信息保護(hù)提示" 這一步開(kāi)始就支持 TalkBack
△ 左右滑動(dòng)查看
手指滑到哪個(gè)控件就會(huì)將其內(nèi)容朗讀出來(lái)
?△ 三指點(diǎn)擊屏幕就可以打開(kāi)全局的 TalkBack 菜單-
開(kāi)始在 Android 設(shè)備上使用 TalkBack
https://support.google.com/accessibility/android/answer/6283677?hl=zh-Hans
無(wú)障礙框架本身也是腳手架
其實(shí)對(duì)小紅書(shū)團(tuán)隊(duì)來(lái)說(shuō),無(wú)障礙體驗(yàn)本身并不是一個(gè)陌生的話題。畢竟現(xiàn)代應(yīng)用中常見(jiàn)的 "字體大小設(shè)置" 以及設(shè)計(jì)中經(jīng)常涉及的 "顏色對(duì)比度測(cè)試" 本身也有在一定程度上照顧到了弱視用戶。但對(duì)于完全的 "觸摸-語(yǔ)音" 交互模式,團(tuán)隊(duì)沒(méi)有閉門(mén)造車(chē),在一口氣通讀了 Google 無(wú)障礙開(kāi)發(fā)指南之后,決定將所有的無(wú)障礙問(wèn)題 (設(shè)計(jì)、開(kāi)發(fā)和測(cè)試) 整合到一起統(tǒng)籌考慮。
-
無(wú)障礙開(kāi)發(fā)指南
https://developer.android.google.cn/guide/topics/ui/accessibility
自動(dòng)化測(cè)試: 找出薄弱點(diǎn)
TalkBack 的屏幕閱讀交互上是基于 "觸摸" 的,如果一個(gè)控件尺寸太小,用戶壓根就觸摸不到,自然也就無(wú)法被朗讀出來(lái)。所以團(tuán)隊(duì)會(huì)先使用 Google 專門(mén)為開(kāi)發(fā)者們提供的 "Accessibility Scanner (無(wú)障礙掃描儀)" 應(yīng)用來(lái)做一輪輔助測(cè)試,基于頁(yè)面掃描結(jié)果中對(duì)觸摸目標(biāo)大小的修改意見(jiàn)來(lái)調(diào)整界面元素尺寸。 ?
△ 左右滑動(dòng)查看
Accessibility Scanner 能自動(dòng)掃描屏幕元素,并給出尺寸和對(duì)比度等建議
-
無(wú)障礙掃描儀
https://play.google.com/store/apps/details?id=com.google.android.apps.accessibility.auditor
設(shè)計(jì): 規(guī)范化的描述邏輯
設(shè)計(jì)的目標(biāo)是將繁復(fù)的操作落實(shí)到一套簡(jiǎn)明的范式中去。小紅書(shū)的設(shè)計(jì)團(tuán)隊(duì)完整閱讀了 Material Design 無(wú)障礙設(shè)計(jì),并對(duì)其中的無(wú)障礙設(shè)計(jì)指南進(jìn)行了消化整理,基于 TalkBack 所定義的規(guī)則,為小紅書(shū)應(yīng)用制定了一整套 TalkBack 的熱區(qū)、手勢(shì)和文案規(guī)范。△ 小紅書(shū)團(tuán)隊(duì)的 TalkBack 規(guī)范 有些規(guī)范其實(shí)是 "反開(kāi)發(fā)常識(shí)" 的,比如有些嵌套層級(jí)比較多或者內(nèi)容比較密集的控件,從開(kāi)發(fā)角度看需要做好標(biāo)簽和描述,但如果把這些都事無(wú)巨細(xì)地朗讀出來(lái),用戶恐怕早就不耐煩了。這時(shí)團(tuán)隊(duì)會(huì)湊在一起商量如何對(duì)界面的熱區(qū)進(jìn)行更合理的劃分,以及哪些信息可以被整合起來(lái)。比如首頁(yè)雙列筆記卡片可以作為整體來(lái)進(jìn)行播報(bào),只要將卡片的核心信息做整合,那么在用戶界面層級(jí)上就只需要播報(bào)一次父布局內(nèi)容即可,一來(lái)可以降低適配復(fù)雜度,二來(lái)也能減少用戶的使用負(fù)擔(dān)。△ 比如 "圖片" "文本" "頭像" "點(diǎn)贊" 等控件的朗讀內(nèi)容被合并簡(jiǎn)化成筆記卡片,一次性、有邏輯地完整讀出 "Meow 的小家說(shuō),要不是親自裝修,真不敢相信這是同個(gè)臥室,344 贊"
開(kāi)發(fā): 難度不高,好處卻不少
由于涉及到常規(guī)和 TalkBack 兩套交互方式,以及既有代碼也需要進(jìn)行一些改造,開(kāi)發(fā)團(tuán)隊(duì)一開(kāi)始會(huì)在涉及到 TalkBack 無(wú)障礙功能時(shí)額外留出 2 天的工期。 不過(guò)好在 Google 的無(wú)障礙 API 的設(shè)計(jì)比較簡(jiǎn)潔,能直接覆蓋 80% 以上的交互場(chǎng)景,其他不能直接適配的情況基本也只需要處理一下閱讀器播報(bào)的順序即可,甚至都不需要額外添加自定義的無(wú)障礙適配。 隨著團(tuán)隊(duì)對(duì) Android 無(wú)障礙框架的熟悉,越來(lái)越多更通用的無(wú)障礙工具類(lèi)被沉淀出來(lái),各個(gè)業(yè)務(wù)模塊的適配成本肉眼可見(jiàn)的降低,在無(wú)障礙適配工作的后期,為每個(gè)無(wú)障礙功能需要留出的額外工期也只需要 1 天了。
△ 左右滑動(dòng)查看
團(tuán)隊(duì)會(huì)基于自身業(yè)務(wù)對(duì)官方的 Accessibility 框架做進(jìn)一步封裝
?意外的收獲是,因?yàn)?TalkBack 的運(yùn)行依賴元素的命名和描述,這反而倒逼團(tuán)隊(duì)對(duì)界面組件的位置和命名進(jìn)行了徹底的自查。一些之前沒(méi)注意到的問(wèn)題被 "順便" 解決了:同一語(yǔ)義圖形的命名文案得到了統(tǒng)一,個(gè)別彈窗沒(méi)有退出按鈕的問(wèn)題得到了修復(fù)。△ Android Studio 里檢查界面元素深入測(cè)試: 一切為了 "大考"
邀請(qǐng)團(tuán)隊(duì)外部真實(shí)的視障用戶來(lái)進(jìn)行測(cè)試是團(tuán)隊(duì)所有人都知道的 "大考"。但對(duì)一個(gè)功能模塊繁多的應(yīng)用來(lái)說(shuō),不可能每次有個(gè)小調(diào)整都 "大考" 一次。 因此團(tuán)隊(duì)對(duì)無(wú)障礙模式下的用戶操作手勢(shì)進(jìn)行了深入的學(xué)習(xí),同時(shí)也會(huì)開(kāi)放性地吸納其他應(yīng)用中無(wú)障礙體驗(yàn)實(shí)踐的經(jīng)驗(yàn),將測(cè)試任務(wù)拆分到各個(gè)業(yè)務(wù)模塊里。在這些業(yè)務(wù)模塊都完成一輪迭代后,再進(jìn)行整體的無(wú)障礙功能集成測(cè)試,組織產(chǎn)品、設(shè)計(jì)、開(kāi)發(fā)、測(cè)試全流程人員參與功能的探索性測(cè)試。待這一輪測(cè)試搜集到的反饋意見(jiàn)全部?jī)?yōu)化、修復(fù)完畢后,才會(huì)邀請(qǐng)外部視障真實(shí)用戶來(lái)對(duì)產(chǎn)品進(jìn)行 "大考"。
△ 左右滑動(dòng)查看
真實(shí)用戶測(cè)試是會(huì)讓團(tuán)隊(duì)里每一個(gè)成員都緊張的 "大考"
? ? ?無(wú)障礙是團(tuán)隊(duì)努力的成果
小紅書(shū)的無(wú)障礙團(tuán)隊(duì)是一個(gè)由專業(yè)接口人統(tǒng)籌,由各業(yè)務(wù)部門(mén)支持的聯(lián)合項(xiàng)目組。專業(yè)接口人負(fù)責(zé)無(wú)障礙專業(yè)知識(shí)沉淀、規(guī)則制定與項(xiàng)目管理,以保證無(wú)障礙的標(biāo)準(zhǔn)化和品質(zhì)。這個(gè)項(xiàng)目組的工作始于大量的用戶訪談和市場(chǎng)調(diào)研,以確保公司層面能理解 TalkBack 等無(wú)障礙體驗(yàn)的重要性,并獲得公司層面的資源支持。
各業(yè)務(wù)部門(mén)則負(fù)責(zé)確保無(wú)障礙體驗(yàn)深入到具體的產(chǎn)品設(shè)計(jì)、研發(fā)與測(cè)試工作中。比如在實(shí)際開(kāi)發(fā)流程里,無(wú)障礙適配工作啟動(dòng)前會(huì)有專人對(duì)各個(gè)業(yè)務(wù)模塊的開(kāi)發(fā)者們進(jìn)行無(wú)障礙支持宣講,并整理好開(kāi)發(fā)文檔、常見(jiàn)的無(wú)障礙適配場(chǎng)景和注意事項(xiàng)。
△ 左右滑動(dòng)查看
從公司層面至上而下,和從個(gè)人層面至下而上推進(jìn)無(wú)障礙體驗(yàn)實(shí)現(xiàn)
?無(wú)障礙功能正式上線后,還會(huì)有商務(wù)、公關(guān)、內(nèi)容編輯等職能部門(mén)參與進(jìn)來(lái),配合進(jìn)行團(tuán)隊(duì)內(nèi)外部的合作宣傳與活動(dòng)策劃。 在整個(gè)團(tuán)隊(duì)的努力下,小紅書(shū)在 Android 平臺(tái)首次適配 TalkBack 功能只耗時(shí) 3 個(gè)月 (2023 年 7 月立項(xiàng),9 月底隨小紅書(shū)應(yīng)用 8.9 版本提交發(fā)布)。基本覆蓋了核心用戶流程:注冊(cè)登錄、首頁(yè)導(dǎo)航、筆記消費(fèi)與互動(dòng)、搜索、個(gè)人主頁(yè)、直播與筆記發(fā)布等十多項(xiàng)核心功能。"我一下子感覺(jué)全面大升級(jí),不是小升級(jí)。感覺(jué)一下子好操作了很多···以前就感覺(jué)哪里哪里都不順" ——小紅書(shū)用戶反饋△ 小紅書(shū) TalkBack 功能上線后用戶反饋 △ 官方在 10 月 15 日國(guó)際盲人日發(fā)起的 "無(wú)礙分享,有愛(ài)生活" 專項(xiàng)活動(dòng)
一個(gè)提醒: 好心也會(huì)辦壞事
在某次 "大考" 之前,因?yàn)橛行┕δ苓€沒(méi)有完全完成適配,為了確保用戶能獲得 "正確的" TalkBack 體驗(yàn),團(tuán)隊(duì)決定屏蔽部分內(nèi)容,只讓用戶使用已經(jīng)完成適配的功能。 結(jié)果專家用戶對(duì)這個(gè)測(cè)試版本非常反對(duì)——雖然現(xiàn)在有些功能不好用不易用,但是至少能夠摸索著使用,后續(xù)可以根據(jù)問(wèn)題再優(yōu)化,但是如果直接屏蔽功能等于區(qū)別對(duì)待了視障用戶,也割裂了社區(qū)。
"我們要對(duì)用戶一視同仁,無(wú)障礙功能適配還不完善不是用戶的問(wèn)題,而是我們的問(wèn)題。" ——小紅書(shū)無(wú)障礙團(tuán)隊(duì)汲取這個(gè)教訓(xùn)后團(tuán)隊(duì)很快得到了回報(bào)。一位名為 "寅青看世界" 的用戶想去博覽會(huì),但是主辦方告知導(dǎo)盲犬無(wú)法入內(nèi),她在小紅書(shū)上發(fā)布該事件的筆記后,大量的小紅書(shū)網(wǎng)友為她提供了維權(quán)建議。最終主辦方更改了規(guī)定,歡迎導(dǎo)盲犬進(jìn)入。 無(wú)論是被幫助的人,還是伸出援手的人,在無(wú)障礙功能的幫助下,大家沒(méi)有了身體機(jī)能上的區(qū)別,只有一個(gè)又一個(gè)不一樣,卻又聯(lián)系在一起的生活。
"讓每個(gè)人的生活都更美好,就是小紅書(shū)社區(qū)的價(jià)值。" ——小紅書(shū)產(chǎn)品團(tuán)隊(duì)負(fù)責(zé)人
擁抱更多的生活
小紅書(shū)對(duì)無(wú)障礙體驗(yàn)的態(tài)度只有一個(gè):加碼。 無(wú)障礙項(xiàng)目在小紅書(shū)公司內(nèi)部的季度評(píng)比中獲得了表彰,后續(xù)多個(gè)版本、多個(gè)平臺(tái)的無(wú)障礙適配已經(jīng)在陸續(xù)推進(jìn)中。小紅書(shū)團(tuán)隊(duì)還會(huì)將無(wú)障礙體驗(yàn)的支持覆蓋到更多的用戶群體中去,以滿足有著各樣不同需求的無(wú)障礙用戶人群,同時(shí)會(huì)在線上線下舉辦主題活動(dòng),提供更多無(wú)障礙功能的推廣、支持內(nèi)容和服務(wù),提高其在社區(qū)中的能見(jiàn)度。 考慮到老年人群體被無(wú)障礙體驗(yàn)問(wèn)題困擾比較多,還會(huì)推出 "老年居家友好指南" 等活動(dòng),讓老年用戶社區(qū)也能積極參與到產(chǎn)品的使用和迭代中來(lái)。
△ 左右滑動(dòng)查看
"老年居家友好指南" 活動(dòng)
?隨著時(shí)代的發(fā)展,"無(wú)障礙體驗(yàn)" 對(duì)開(kāi)發(fā)者的意義也愈發(fā)重大:它不僅意味著更貼心的設(shè)計(jì),更意味著實(shí)際的增長(zhǎng)機(jī)遇和發(fā)展前景。 我們已經(jīng)看到了小紅書(shū)團(tuán)隊(duì)的答卷,這份答卷還沒(méi)有完成,也許一直不會(huì)完成——因?yàn)閼?yīng)用的功能會(huì)繼續(xù)演進(jìn),因?yàn)橐采w的無(wú)障礙場(chǎng)景還會(huì)更多。但只要小紅書(shū)團(tuán)隊(duì)還在考場(chǎng)上,"大考" 的考官們就會(huì)給出一個(gè)又一個(gè)的好評(píng)。 我們期待著在 Android 平臺(tái)看到更多的開(kāi)發(fā)者行動(dòng)起來(lái),為更多的用戶打造貼心、周到的無(wú)障礙服務(wù),讓更多的用戶得以加入到您的社區(qū)中來(lái)!
原文標(biāo)題:借助 Google 無(wú)障礙功能,小紅書(shū)打造貼心服務(wù)|Android 開(kāi)發(fā)者故事
文章出處:【微信公眾號(hào):谷歌開(kāi)發(fā)者】歡迎添加關(guān)注!文章轉(zhuǎn)載請(qǐng)注明出處。
-
谷歌
+關(guān)注
關(guān)注
27文章
6106瀏覽量
104819
原文標(biāo)題:借助 Google 無(wú)障礙功能,小紅書(shū)打造貼心服務(wù)|Android 開(kāi)發(fā)者故事
文章出處:【微信號(hào):Google_Developers,微信公眾號(hào):谷歌開(kāi)發(fā)者】歡迎添加關(guān)注!文章轉(zhuǎn)載請(qǐng)注明出處。
發(fā)布評(píng)論請(qǐng)先 登錄
相關(guān)推薦
評(píng)論