關(guān)于無障礙設(shè)計(jì)的研究分享

2021-10-31    ui設(shè)計(jì)分享達(dá)人

大綱

1、研究背景

2、案例分析

3、無障礙設(shè)計(jì)工具推薦



在特殊的場(chǎng)景下所有人都存在殘疾

一聽無障礙設(shè)計(jì)就覺得可能和殘障人士有關(guān),其實(shí)不然;除了先天或后天出現(xiàn)的眼盲;耳聾的這種:永久性的障礙。在正常人身上也存在著情境式障礙;暫時(shí)性障礙;例如:


提著大包小包的你,想使用手機(jī)—情境式的肢體障礙

在喝熱粥時(shí),霧氣遮擋住的眼鏡—情境式的視覺障礙

骨折的腿無法正常行走—暫時(shí)性的肢體障礙

剛睡醒迷糊的你—暫時(shí)性的認(rèn)知障礙

 ……


所以即使你是正常人,在日常使用產(chǎn)品時(shí)也會(huì)受到和殘障人士一樣的局限性。而大家說的用戶體驗(yàn)設(shè)計(jì)其實(shí)就在特定場(chǎng)景下解決給特定的人群產(chǎn)生的局限性。



城市無障礙坡道


先普及一個(gè)概念(curb cut effect)直譯過來就是“遏制分割效應(yīng)”,其實(shí)意思就是機(jī)會(huì)共同體的概念、弱勢(shì)群體受益的法律和計(jì)劃往往最終使整個(gè)社會(huì)受益;最普適的就像是路緣處會(huì)做臨時(shí)的斜坡處理,目的是為了幫助坐輪椅和推薦不便的人出行順利通過,但是實(shí)際上,對(duì)于推著嬰兒車,和行李箱的人同樣受益。


傻傻分不清楚的洗發(fā)水和沐浴液

為了統(tǒng)一品牌設(shè)計(jì)語言,往往會(huì)將洗發(fā)水和沐浴液的瓶體設(shè)計(jì)成一樣,不僅是視障人士,任何人在閉上眼睛洗頭時(shí)都分辨不出來?;ㄍ踉?991年在瓶身做鋸齒狀處理用來區(qū)分兩個(gè)產(chǎn)品,通過觸感也可以輕松辨認(rèn)。

原文傳送門:シャンプーのきざみに込められた思い


接下來就是軟件端的案例,軟件產(chǎn)品在無障礙設(shè)計(jì)的例子上也很多。


哈啰出行-司機(jī)端

哈啰出行的司機(jī)端,在司機(jī)開始行程后,在司機(jī)端進(jìn)行操作,APP會(huì)進(jìn)行類似于IOS VoiceOver的語音播報(bào),就是對(duì)你點(diǎn)擊的位置做中文的播報(bào),規(guī)避對(duì)情景式障礙的分神的危險(xiǎn)。


滴滴-老年版

滴滴打車首頁的“老人打車”,除了對(duì)布局的簡(jiǎn)介化,對(duì)字體的放大化,還可以設(shè)置常用地址然后一鍵打車,或者通過電話聯(lián)系客服叫車,還是比較方便的。、對(duì)于60歲以上并通過實(shí)名認(rèn)證的用戶,如果終點(diǎn)是醫(yī)院等特定目的地的話,后臺(tái)還會(huì)優(yōu)先派單,為老年人提供救急服務(wù)。


無障礙設(shè)計(jì)工具推薦


檢查色彩對(duì)比度

色彩對(duì)比度意為:【識(shí)別對(duì)象】和【其背景顏色】之間的對(duì)比度,對(duì)比度越高,越清晰,對(duì)比度越低。越模糊。如把重要的文字信息的對(duì)比度設(shè)計(jì)到AAA.次級(jí)的文字信息的對(duì)比度設(shè)計(jì)到AA。 把色彩對(duì)比度量化的話,可以計(jì)算出比例值,最低1:1(黑底黑字)、最高21:1(白底黑字)。

最權(quán)威的互聯(lián)網(wǎng)無障礙規(guī)范 —— WCAG2.1(Web Content Accessibility Guideline,Web內(nèi)容無障礙指南

對(duì)比度量化工具:點(diǎn)擊這里

對(duì)比度cheome插件:點(diǎn)擊這里


Funkify - 殘疾模擬器


通過極端用戶的視角來體驗(yàn)網(wǎng)絡(luò)和界面,包括視線模糊、對(duì)比度下降(所有人的視覺對(duì)比度都會(huì)隨著年齡而下降)、雜色、白內(nèi)障、糖尿病視網(wǎng)膜病變等。

殘疾模擬器cheome插件:點(diǎn)擊這里


屏幕閱讀器

用于在 Chrome 瀏覽器中朗讀內(nèi)容

屏幕閱讀器cheome插件:點(diǎn)擊這里


Color Oracle-色弱;色盲模擬器

支持Mac / Win / Linux。大約8%的男人和0.5%的女人有色盲或色弱、是相當(dāng)大的族群。當(dāng)然,UI中不應(yīng)該只通過顏色來區(qū)分信息,但有時(shí)無論如何會(huì)用到色彩區(qū)分(比如數(shù)據(jù)可視化),那么就一定要使用色盲友善的配色方案。一般來講,藍(lán)/黃、藍(lán)/橙是比較萬用的搭配。

色盲模擬器工具:點(diǎn)擊這里


總結(jié):


雖然在現(xiàn)實(shí)的資本市場(chǎng)不太會(huì)在邊緣人群身上花那么大的資源,但是體驗(yàn)設(shè)計(jì)存在的意義不就是為了解決各種因素給人產(chǎn)生的局限性么。


藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請(qǐng)掃碼ben_lanlan,報(bào)下信息,會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

文章來源:站酷  作者:你聽得到____

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


分享本文至:

日歷

鏈接

個(gè)人資料

存檔