為視障人士進(jìn)行設計,似乎是一項艱巨的任務(wù),但卻是最佳實(shí)踐項目。在可訪(fǎng)問(wèn)的移動(dòng)應用程序上,你可以獲得巨大的設計經(jīng)驗。
重要的是要確保網(wǎng)站也可以訪(fǎng)問(wèn),并且有很多地方可以閱讀關(guān)于網(wǎng)頁(yè)的可訪(fǎng)問(wèn)性,從WCAG指南開(kāi)始。
“全世界有2億8500萬(wàn)人有視力障礙。我們需要確保我們可以為他們進(jìn)行設計?!?/p>
在這篇文章中,我們將重點(diǎn)討論移動(dòng)應用程序的可訪(fǎng)問(wèn)性。因為雖然我們有多年積累的文檔和許多網(wǎng)站上的可訪(fǎng)問(wèn)性相關(guān)的法律,但移動(dòng)應用程序仍然相對較新的,移動(dòng)應用的全部含義與WCAG無(wú)關(guān)。
出于這個(gè)原因,許多開(kāi)發(fā)人員和設計人員仍然不知道如何讓?xiě)贸绦蚋尤菀捉咏M管智能手機平臺提供了一些工具來(lái)幫助提升可訪(fǎng)問(wèn)的體驗。
你可能會(huì )想,“視力受損的用戶(hù)會(huì )使用我的應用嗎?”“是否值得花時(shí)間讓我的應用程序可以訪(fǎng)問(wèn)?”通過(guò)讓你的應用程序對視力受損的用戶(hù)開(kāi)放,你不僅能讓視障人士受益,還能讓你所有的用戶(hù)受益。
我們每天都在為殘疾人使用“發(fā)明和空間”,但現在人人都喜歡。一個(gè)很受歡迎的例子就是削減開(kāi)支,最初是為了讓輪椅使用者能夠在人行道上行走。然而,如今,這些限制措施不僅被坐在輪椅上的人使用,還包括那些有嬰兒車(chē)的家長(cháng)、購物車(chē)里的重型貨物、或者在機場(chǎng)運送行李的旅客。同樣地,讓你的應用程序可以訪(fǎng)問(wèn),不僅可以讓殘障人士受益,也包括其他所有用戶(hù)。
視力障礙有兩種不同類(lèi)型的用戶(hù):低視力的和沒(méi)有視力的,他們的需求非常不同。在這篇文章中,我將討論需求低視力的用戶(hù)。
讓你的應用程序可以照顧到視力受損的用戶(hù)利益,即你的所有用戶(hù)。
低視力
一
低視力的原因有很多,從遠視,到白內障,到退化的眼睛狀況,僅僅是由于年老而失去視力。盡管有各種各樣的低視力,我們仍然可以通過(guò)一些簡(jiǎn)單的方式來(lái)設計滿(mǎn)足這些用戶(hù)的需求,這將使所有的用戶(hù)受益。
動(dòng)態(tài)類(lèi)型
一
確定您的設計帳戶(hù)和支持動(dòng)態(tài)類(lèi)型。你可以讓你的應用程序為低視力的用戶(hù)訪(fǎng)問(wèn)。在幾乎所有設備的操作系統中,用戶(hù)可以將文本大小進(jìn)行更改。對于那些改變操作系統字體更大的用戶(hù),下載不允許動(dòng)態(tài)類(lèi)型的應用程序可能會(huì )讓用戶(hù)感到沮喪,并可能阻止用戶(hù)使用你的應用程序。
iOS(左)和安卓(右)都允許用戶(hù)通過(guò)操作系統設置調整字體大小。這種能力被稱(chēng)為動(dòng)態(tài)型。
對比
一
確保正確的對比。很容易假設每個(gè)使用你的應用程序的人都是2000年出生的千禧一代,但這并不是事實(shí)。設計漂亮的東西是很容易的,但是會(huì )變得難以接近和不可讀。
多做一些額外的工作,以確保顏色、排版和視覺(jué)效果對所有用戶(hù)來(lái)說(shuō)都是清晰易讀的??焖贆z查這個(gè)的一個(gè)很好的方法是去找材料。io/color并單擊可訪(fǎng)問(wèn)選項卡。它會(huì )讓你知道你的顏色、字體大小和不透明度在你真正開(kāi)始設計之前是清晰易讀的。如果你使用草圖,那么你也應該下載Stark(一個(gè)插件),它允許你直接從草圖檢查你的設計的可訪(fǎng)問(wèn)性。
“確保所有用戶(hù)的顏色,排版,視覺(jué)效果清晰可讀?!?/p>
色彩的運用
一
不要僅僅依靠顏色來(lái)傳達信息。紅色是不好的,綠色是好的——我們假設這是一個(gè)普遍的真理。但是對于視力受損或色盲的用戶(hù)來(lái)說(shuō),很難在屏幕上檢測到顏色的變化。為了防止這種情況發(fā)生,請確保您通過(guò)使用顏色來(lái)傳遞消息。當你的應用程序被應用到其他國家時(shí),這一點(diǎn)也很重要,因為不同的文化對顏色的理解不同。
另外,如果你正在設計一款應用程序,它可以在多個(gè)國家或地區使用,你可以將你的標簽和內容本地化。例如,在美國,“Got It”是按鈕的常見(jiàn)標簽,但在世界的不同地方可能就沒(méi)有這層意義。
下面的例子顯示了一個(gè)輸入錯誤的密碼,谷歌呈現的提示錯誤狀態(tài)。這條線(xiàn)變紅了,但也會(huì )彈出一條錯誤消息。這種信息可以被色盲的人看到,也可以被視障人士放大。
谷歌錯誤狀態(tài)用顏色和文字來(lái)提醒用戶(hù)的問(wèn)題。
黑暗模式
一
在你的應用程序中實(shí)現一個(gè)夜晚或黑暗模式。如果你有一個(gè)有很多文本內容的應用程序,這一點(diǎn)尤其重要。對于低視力的用戶(hù)來(lái)說(shuō),在黑暗背景下閱讀輕文本比在淺色背景上閱讀傳統的黑色文本要容易得多。最近,蘋(píng)果發(fā)布了iOS 11,它有一個(gè)“智能反轉顏色”功能。這個(gè)功能只會(huì )反轉UI,這意味著(zhù)圖像和應用程序圖標保持原來(lái)的顏色。
如果你正在為Android設計一個(gè)應用程序,你仍然需要實(shí)現一個(gè)黑暗模式,如果你正在為iOS設備設計,那么請確保你的開(kāi)發(fā)人員正在考慮與新的智能反轉顏色特性的兼容性,并且你正在考慮你的圖標和其他圖像將如何在反向模式下觀(guān)察。
蘋(píng)果音樂(lè )應用程序的默認狀態(tài)(左),和蘋(píng)果新的智能反轉模式(中),相對于顏色反轉的老方法(右)。
這些有利于低視力用戶(hù)的基本設計策略不僅可以幫助他們,還可以幫助所有用戶(hù)。所有這些特征——動(dòng)態(tài)的類(lèi)型,對比度,顏色的使用,黑色的模式——不僅幫助那些視力受損的用戶(hù),而且也幫助那些“典型”的用戶(hù),他們可能在晚上在手機上閱讀,或者想讓他們的眼睛瞇著(zhù)眼看短信。
來(lái)源:UI中國【UIPark編譯】