百度智能小程序-如何提升小程序適老化無障礙體驗
- 威海百度搜索資源平臺 威海百度智能小程序運營
- 2301
為什么需要提升小程序適老化無障礙體驗?
可以帶來小程序體驗提升:升級小程序無障礙體驗服務,促進小程序用戶體驗提升,進而可能提升數據流量增長。
可以體現(xiàn)社會責任感:響應國家適老化及無障礙改造的號召,服務不同生理需求障礙的用戶人群,體現(xiàn)企業(yè)社會責任感。
什么是適老化無障礙體驗?
概述:適老化無障礙體驗是要兼顧不同程度生理缺陷者,和正常活動能力衰退者即老年人的使用需求,營造一個充滿關懷,切實保障人們安全、方便、舒適的互聯(lián)網環(huán)境,使用戶能平等便捷地獲取信息、使用小程序功能的進階體驗標準。
適老化無障礙體驗設計聚焦用戶類型:
視覺障礙用戶(視力下降、色彩感知弱、失明等)
認知障礙用戶(記憶力下降,反應慢、學習力下降、判斷力下降等)
聽力障礙用戶(聽力降低、失聰等)
肢體障礙用戶(動作精準度下降,運動遲緩等)
一、視覺無障礙解決方案,確保用戶清晰的瀏覽信息
1. 字號升級
針對有視覺障礙的用戶,建議升級小程序字號在 18pt-30pt 范圍內,能夠清晰閱讀內容。
推薦
字號在 18pt-30pt 為移動端可辯知較佳范圍
不推薦
字號過小,會影響用戶閱讀瀏覽
2. 字號放大后存在四類常見問題
文字對齊錯誤、文字折行錯誤、文字未響應適配、文字顯示不全四類問題,建議開發(fā)者做響應適配,為用戶提供最佳瀏覽體驗。
錯誤
正確
3. 字色
針對有視覺障礙的用戶,建議文字顏色或文字與圖片對比度至少為 3:1,提高不同類型文字之間的分類閱讀辨識度。
推薦
用戶界面組件、圖形圖像與相鄰顏色的對比度至少為 3:1
不推薦
字色相鄰顏色對比度低
4. 色彩
針對有視覺障礙的用戶,建議減少顏色飽和度過高和紫色、藍色的使用,確保用戶較佳辨識內容。
推薦
降低色彩飽和度高、減少紫色、藍色的使用,極特殊場景,采用疊加30%黃色方式降低明度
不推薦
色彩飽和度高、減過多紫色藍色
二、認知無障礙解決方案,確保用戶順暢的認知內容
1.通用化設計
小程序內建議設計表現(xiàn)效果盡量還原現(xiàn)實生活較為常見的外觀或顏色,和用戶產生情感共鳴,便于辨識和記憶。
推薦
設計語意盡可能符合用戶的生活時代特征,符合他們的知識經驗,降低學習成本。
2.引導提示。
針對有認知障礙的用戶,建議適當的增加用戶引導教育,幫助用戶快速地學習和使用小程序功能。
推薦
對于初次使用小程序或小程序添加新功能等情況下,新手引導可以幫助用戶盡快熟悉使用。
3.圖標設計
針對有認知障礙的用戶,建議根據產品類型選擇不同圖標設計風格,確保表意明確,增加輔助文案標識,降低圖標理解成本。
推薦
不同風格圖標設計加文字注釋更便于用戶理解。
4. 文案表述
小程序內文案描述輔助用戶理解時,建議使用更直白清晰的文案注釋,不產生歧義。
推薦
直白簡單易于理解的文案描述,更易于用戶理解。
不推薦
文案過于書面且復雜,不易理解。
5.幫助反饋
小程序內建議提供文字說明/問答/電話/視頻說明等多種幫助反饋服務,確保用戶都能找到合理的途徑進行用戶反饋和尋求幫助。
推薦
盡可能在用戶需要輔助理解的地方給予用戶不同形式的幫助反饋
6.官方標識
為確保在交易訂單等財產相關使用場景內增加用戶安全和信賴感,建議關鍵位置突出官方標識。
推薦
官方標識有助于提高用戶的可信賴度,輔助用戶做出判斷
三、聽覺無障礙解決方案,確保用戶準確的辨識聲音
1.設備音量
針對有聽覺障礙的用戶,建議含有音視頻類內容的音量增大 10%、音速支持 0.75 倍慢速,方便用戶使用。
推薦
推薦音視頻類內容默認音量增大、默認音速調慢。
四、肢體無障礙解決方案,確保用戶高效的操作功能
1.觸控面積
小程序內建議為用戶提供足夠可觸控點擊的區(qū)域,以防用戶誤操作。
推薦
行業(yè)標準點擊區(qū)域44pt左右比較適合用戶準確操作。
2.多輸入方式
針對有肢體障礙的用戶,建議提供鍵盤輸入、語音輸入、預置選擇、自動獲取等多種輸入方式,降低輸入成本。
推薦
輔助用戶在不同場景下都能夠準確的進行信息輸入。
3.強反饋輔助用戶操作
小程序內建議提供輔助用戶提示的文字或指令,便于用戶操作。
推薦
在較為重要且能幫助用戶操作的場景下添加強反饋功能,如文字反饋、提示顏色反饋。
4.高容錯設計給予用戶便捷操作
建議在斷網、超時、失敗狀態(tài)、清空、刪除等出錯場景,告知用戶下一步操作方法。
推薦
直白簡單易于理解的文案描述,更易于用戶理解。
不推薦
文案過于書面且復雜,不易理解。
五、無障礙設計自檢表
來源:百度智能小程序