APP UI/UX無障礙設(shè)計(jì)的原則

移動(dòng)應(yīng)用程序和網(wǎng)站設(shè)計(jì)的無障礙訪問性是什么?無論用戶的物理能力如何,設(shè)計(jì)人員和開發(fā)人員如何才能提供對移動(dòng)服務(wù)的完全訪問?在今天的文章中,位于荷蘭的Moqod公司的聯(lián)合創(chuàng)始人Slava Todavchich分享了如何遵循設(shè)計(jì)可訪問性原則、為什么它非常重要以及移動(dòng)可訪問性如何使世界變得更加溫暖的想法。

移動(dòng)設(shè)備的無障礙訪問性是什么

全球超過50%的互聯(lián)網(wǎng)流量都來自移動(dòng)設(shè)備。對于身體能力有限的人來說,信息獲取的問題可能與這些人完全沒有基礎(chǔ)設(shè)施的問題具有同樣的意義。沒有必要的信息,不可能成為一個(gè)完整的社會(huì)成員。我們是否考慮如何為有聽力或視力問題、認(rèn)知障礙和運(yùn)動(dòng)障礙的人提供全面的信息獲取渠道?

視頻鏈接:https://youtu.be/XB4cjbYywqg

 

現(xiàn)在,有一些國家已經(jīng)在W3C聯(lián)盟中采用了無障礙標(biāo)準(zhǔn)。移動(dòng)應(yīng)用程序的無障礙訪問設(shè)計(jì)的基本原則非常簡單:遵循常識(shí)和設(shè)計(jì)指南的基本原則。很明顯,任何移動(dòng)服務(wù)都是在現(xiàn)實(shí)生活中執(zhí)行某些操作或遵循現(xiàn)實(shí)生活模式的特定工具。在殘疾人的現(xiàn)實(shí)生活中,幾乎沒有任何行動(dòng)比其他人花費(fèi)更多的時(shí)間。這就是為什么UI/UX設(shè)計(jì)的簡單性、純粹性和直觀性原則特別重要的原因。

 

為了檢查它,讓我們做一個(gè)簡單的實(shí)驗(yàn)。讓我們想象一個(gè)盲人夢想著找到愛。大多數(shù)人的正常愿望。如今,經(jīng)常通過Tinder移動(dòng)應(yīng)用程序等在AWS云中被創(chuàng)造出來。一個(gè)漂亮的應(yīng)用程序,有一個(gè)大多數(shù)人都熟悉的明亮的用戶界面;你只需要左右滑動(dòng),即“愛”或“不愛”?,F(xiàn)在讓我們打開畫外音模式,試著找到她或他。刷卡不起作用。畫外音可以閱讀的可理解的按鈕標(biāo)簽完全不見了。該產(chǎn)品幾乎不可能使用。而在同一個(gè)AWS能夠識(shí)別一個(gè)人的照片并為其提供足夠清晰的語音描述的日子里,所有這些都已經(jīng)足夠了。

現(xiàn)在讓我們考慮一個(gè)在應(yīng)用程序中實(shí)現(xiàn)出色的設(shè)計(jì)無障礙訪問性的例子。在歐盟國家,根據(jù)法律,國家當(dāng)局的數(shù)字產(chǎn)品必須對所有用戶開放,無論他們的能力如何。荷蘭是這樣一個(gè)國家,每一米的公共空間,包括一個(gè)信息空間,被認(rèn)為是最小的細(xì)節(jié)。主要城市的街道和所有火車站都設(shè)有標(biāo)志和觸覺圍欄。荷蘭鐵路應(yīng)用程序是根據(jù)這些要求設(shè)計(jì)和開發(fā)的。每個(gè)標(biāo)簽都在應(yīng)用程序的所有本地化中適當(dāng)?shù)睾灻i]上眼睛,你可以建立和計(jì)劃路線,聽到關(guān)于火車、車站、晚點(diǎn)、買票等的信息。

用戶體驗(yàn)無障礙訪問性原則

現(xiàn)在讓我們回到適合每個(gè)人的設(shè)計(jì)原則。首先,值得一提的是,在無障礙設(shè)計(jì)中,有四個(gè)主要的障礙區(qū)域:

認(rèn)知能力;

視覺;

聽力;

運(yùn)動(dòng)障礙。

 

視頻鏈接:https://youtu.be/SUXCrOq2vj0

這些損傷可以是永久性的(例如癱瘓),也可以是暫時(shí)性的(例如手?jǐn)嗔耍?,也可以是先天性的(自閉癥)和后天性的(老年人視力模糊或手顫抖)。

設(shè)計(jì)無障礙的主要原則是:

簡單性

即使閉上眼睛,產(chǎn)品也應(yīng)清晰可見。這包括任何良好設(shè)計(jì)的基本原則:

導(dǎo)航簡單,

快速啟動(dòng)和反應(yīng),

可靠且可預(yù)測的用戶體驗(yàn)。

 

印象

優(yōu)先級應(yīng)設(shè)置為產(chǎn)品及其用戶界面的清晰度,無論是對比度、字體大小,還是按鈕、表格和模式元素的正確標(biāo)簽。

 

責(zé)任和同情心

幸運(yùn)的是,我們大多數(shù)人并不打算以殘疾人的身份去體驗(yàn)這個(gè)世界。這就是為什么作為數(shù)字解決方案和產(chǎn)品的設(shè)計(jì)者和開發(fā)人員,我們應(yīng)該注意使我們的信息能夠?yàn)樽畲蟮氖鼙娝L問。

視頻鏈接:https://youtu.be/ElifzykHt7U

 

不要忘記測試具有輔助功能的應(yīng)用程序。創(chuàng)建具有無障礙訪問性選項(xiàng)的界面:動(dòng)態(tài)字體大小、畫外音、放大對比度等。

將無障礙訪問性集成到應(yīng)用程序設(shè)計(jì)中不需要付出很大的努力。以下是一些有效的實(shí)踐,可以擴(kuò)展殘疾人的應(yīng)用程序無障礙訪問性。

這里最簡單和最具啟發(fā)性的步驟是用代碼中相應(yīng)的標(biāo)簽標(biāo)記應(yīng)用程序控件、圖形和必要的動(dòng)態(tài)內(nèi)容。因此,VoiceOver和Talk Back的內(nèi)置機(jī)制將轉(zhuǎn)錄它們的值。

 

視頻鏈接:https://youtu.be/IFnqBtLNoPY

 

測試這個(gè)功能并不消耗資源:QAS只需在Voiceover和Talk-Back模式下查看應(yīng)用程序,并確認(rèn)所有必需的元素都被適當(dāng)?shù)剞D(zhuǎn)錄和標(biāo)記。如果應(yīng)用程序支持多個(gè)本地化,則應(yīng)在所有本地化中進(jìn)行測試。您應(yīng)該應(yīng)用適當(dāng)?shù)膭?dòng)態(tài)字體,如果用戶在“設(shè)置”中設(shè)置放大的字體,則可以對其進(jìn)行縮放。驗(yàn)證標(biāo)簽是否以放大字體正確顯示,應(yīng)用程序的用戶界面是否未損壞。使用各種輔助功能測試應(yīng)用程序,如粗體字體、增加的合同、暗模式等。確保UI正確響應(yīng)這些更改。

底線

所有這些都不需要花費(fèi)大量的開發(fā)和測試費(fèi)用。對于許多專業(yè)團(tuán)隊(duì)來說,它是任何項(xiàng)目的必要組成部分。

谷歌和蘋果的指南清楚地描述了適合無障礙設(shè)計(jì)的詳細(xì)原則。設(shè)計(jì)人員和開發(fā)人員的主要任務(wù)是使技術(shù)可訪問。技術(shù)對更多的人來說越容易獲得,就越有機(jī)會(huì)使它對每個(gè)人都有利。

一如既往,一切都取決于目標(biāo)。對于政府服務(wù)和公司的應(yīng)用程序,這條規(guī)則應(yīng)該是強(qiáng)制性的。如果你正在用更有趣的表情符號(hào)開發(fā)另一種類似Instagram的軟件,那么很難理解你對此的困擾。然而,你的受眾范圍越廣,支持殘疾用戶就越重要。

 

 

 

作者: Slava Todavchich

翻譯:高慧

原文鏈接:https://icons8.com/articles/accessibility-ux-mobile-app-design/

每天更新,
全站高品質(zhì)素材免費(fèi)下載!