【UIPark編譯】如何為視障人士設(shè)計(jì)移動(dòng)應(yīng)用程序的經(jīng)驗(yàn)

  為視障人士進(jìn)行設(shè)計(jì),似乎是一項(xiàng)艱巨的任務(wù),但卻是最佳實(shí)踐項(xiàng)目。在可訪問(wèn)的移動(dòng)應(yīng)用程序上,你可以獲得巨大的設(shè)計(jì)經(jīng)驗(yàn)。

  重要的是要確保網(wǎng)站也可以訪問(wèn),并且有很多地方可以閱讀關(guān)于網(wǎng)頁(yè)的可訪問(wèn)性,從WCAG指南開始。

  “全世界有2億8500萬(wàn)人有視力障礙。我們需要確保我們可以為他們進(jìn)行設(shè)計(jì)?!?/p>

  在這篇文章中,我們將重點(diǎn)討論移動(dòng)應(yīng)用程序的可訪問(wèn)性。因?yàn)殡m然我們有多年積累的文檔和許多網(wǎng)站上的可訪問(wèn)性相關(guān)的法律,但移動(dòng)應(yīng)用程序仍然相對(duì)較新的,移動(dòng)應(yīng)用的全部含義與WCAG無(wú)關(guān)。

  出于這個(gè)原因,許多開發(fā)人員和設(shè)計(jì)人員仍然不知道如何讓應(yīng)用程序更加容易接近——盡管智能手機(jī)平臺(tái)提供了一些工具來(lái)幫助提升可訪問(wèn)的體驗(yàn)。

  你可能會(huì)想,“視力受損的用戶會(huì)使用我的應(yīng)用嗎?”“是否值得花時(shí)間讓我的應(yīng)用程序可以訪問(wèn)?”通過(guò)讓你的應(yīng)用程序?qū)σ暳κ軗p的用戶開放,你不僅能讓視障人士受益,還能讓你所有的用戶受益。

  我們每天都在為殘疾人使用“發(fā)明和空間”,但現(xiàn)在人人都喜歡。一個(gè)很受歡迎的例子就是削減開支,最初是為了讓輪椅使用者能夠在人行道上行走。然而,如今,這些限制措施不僅被坐在輪椅上的人使用,還包括那些有嬰兒車的家長(zhǎng)、購(gòu)物車?yán)锏闹匦拓浳铩⒒蛘咴跈C(jī)場(chǎng)運(yùn)送行李的旅客。同樣地,讓你的應(yīng)用程序可以訪問(wèn),不僅可以讓殘障人士受益,也包括其他所有用戶。

  視力障礙有兩種不同類型的用戶:低視力的和沒(méi)有視力的,他們的需求非常不同。在這篇文章中,我將討論需求低視力的用戶。

  讓你的應(yīng)用程序可以照顧到視力受損的用戶利益,即你的所有用戶。

  低視力

  一

  低視力的原因有很多,從遠(yuǎn)視,到白內(nèi)障,到退化的眼睛狀況,僅僅是由于年老而失去視力。盡管有各種各樣的低視力,我們?nèi)匀豢梢酝ㄟ^(guò)一些簡(jiǎn)單的方式來(lái)設(shè)計(jì)滿足這些用戶的需求,這將使所有的用戶受益。

  動(dòng)態(tài)類型

  一

  確定您的設(shè)計(jì)帳戶和支持動(dòng)態(tài)類型。你可以讓你的應(yīng)用程序?yàn)榈鸵暳Φ挠脩粼L問(wèn)。在幾乎所有設(shè)備的操作系統(tǒng)中,用戶可以將文本大小進(jìn)行更改。對(duì)于那些改變操作系統(tǒng)字體更大的用戶,下載不允許動(dòng)態(tài)類型的應(yīng)用程序可能會(huì)讓用戶感到沮喪,并可能阻止用戶使用你的應(yīng)用程序。

  iOS(左)和安卓(右)都允許用戶通過(guò)操作系統(tǒng)設(shè)置調(diào)整字體大小。這種能力被稱為動(dòng)態(tài)型。

  對(duì)比

  一

  確保正確的對(duì)比。很容易假設(shè)每個(gè)使用你的應(yīng)用程序的人都是2000年出生的千禧一代,但這并不是事實(shí)。設(shè)計(jì)漂亮的東西是很容易的,但是會(huì)變得難以接近和不可讀。

  多做一些額外的工作,以確保顏色、排版和視覺(jué)效果對(duì)所有用戶來(lái)說(shuō)都是清晰易讀的??焖贆z查這個(gè)的一個(gè)很好的方法是去找材料。io/color并單擊可訪問(wèn)選項(xiàng)卡。它會(huì)讓你知道你的顏色、字體大小和不透明度在你真正開始設(shè)計(jì)之前是清晰易讀的。如果你使用草圖,那么你也應(yīng)該下載Stark(一個(gè)插件),它允許你直接從草圖檢查你的設(shè)計(jì)的可訪問(wèn)性。

  “確保所有用戶的顏色,排版,視覺(jué)效果清晰可讀。”

  色彩的運(yùn)用

  一

  不要僅僅依靠顏色來(lái)傳達(dá)信息。紅色是不好的,綠色是好的——我們假設(shè)這是一個(gè)普遍的真理。但是對(duì)于視力受損或色盲的用戶來(lái)說(shuō),很難在屏幕上檢測(cè)到顏色的變化。為了防止這種情況發(fā)生,請(qǐng)確保您通過(guò)使用顏色來(lái)傳遞消息。當(dāng)你的應(yīng)用程序被應(yīng)用到其他國(guó)家時(shí),這一點(diǎn)也很重要,因?yàn)椴煌奈幕瘜?duì)顏色的理解不同。

  另外,如果你正在設(shè)計(jì)一款應(yīng)用程序,它可以在多個(gè)國(guó)家或地區(qū)使用,你可以將你的標(biāo)簽和內(nèi)容本地化。例如,在美國(guó),“Got It”是按鈕的常見(jiàn)標(biāo)簽,但在世界的不同地方可能就沒(méi)有這層意義。

  下面的例子顯示了一個(gè)輸入錯(cuò)誤的密碼,谷歌呈現(xiàn)的提示錯(cuò)誤狀態(tài)。這條線變紅了,但也會(huì)彈出一條錯(cuò)誤消息。這種信息可以被色盲的人看到,也可以被視障人士放大。

  谷歌錯(cuò)誤狀態(tài)用顏色和文字來(lái)提醒用戶的問(wèn)題。

  黑暗模式

  一

  在你的應(yīng)用程序中實(shí)現(xiàn)一個(gè)夜晚或黑暗模式。如果你有一個(gè)有很多文本內(nèi)容的應(yīng)用程序,這一點(diǎn)尤其重要。對(duì)于低視力的用戶來(lái)說(shuō),在黑暗背景下閱讀輕文本比在淺色背景上閱讀傳統(tǒng)的黑色文本要容易得多。最近,蘋果發(fā)布了iOS 11,它有一個(gè)“智能反轉(zhuǎn)顏色”功能。這個(gè)功能只會(huì)反轉(zhuǎn)UI,這意味著圖像和應(yīng)用程序圖標(biāo)保持原來(lái)的顏色。

  如果你正在為Android設(shè)計(jì)一個(gè)應(yīng)用程序,你仍然需要實(shí)現(xiàn)一個(gè)黑暗模式,如果你正在為iOS設(shè)備設(shè)計(jì),那么請(qǐng)確保你的開發(fā)人員正在考慮與新的智能反轉(zhuǎn)顏色特性的兼容性,并且你正在考慮你的圖標(biāo)和其他圖像將如何在反向模式下觀察。

  蘋果音樂(lè)應(yīng)用程序的默認(rèn)狀態(tài)(左),和蘋果新的智能反轉(zhuǎn)模式(中),相對(duì)于顏色反轉(zhuǎn)的老方法(右)。

  這些有利于低視力用戶的基本設(shè)計(jì)策略不僅可以幫助他們,還可以幫助所有用戶。所有這些特征——?jiǎng)討B(tài)的類型,對(duì)比度,顏色的使用,黑色的模式——不僅幫助那些視力受損的用戶,而且也幫助那些“典型”的用戶,他們可能在晚上在手機(jī)上閱讀,或者想讓他們的眼睛瞇著眼看短信。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 據(jù)估計(jì)全世界有2.85億人視力受損,其中3900萬(wàn)人失明,2.46億人視力低下。如果您是一個(gè)數(shù)字產(chǎn)品團(tuán)隊(duì)的成員,希...
    TaaCoo糖炒閱讀 1,406評(píng)論 0 5
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,680評(píng)論 19 139
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,308評(píng)論 25 708
  • 為了一個(gè)眼神,我的足跡踏遍整個(gè)世界
    如風(fēng)如畫如未來(lái)閱讀 224評(píng)論 0 1
  • 例1.在防冶癌癥方在,橙汁有多種潛在的積極作用,尤其由于它富含橙皮素和柚苷素等類黃酮抗氧化劑。研究證據(jù)表明,橙汁可...
    c與php閱讀 490評(píng)論 0 1

友情鏈接更多精彩內(nèi)容