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

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

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

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

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

 

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

 

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

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

用戶(hù)體驗(yàn)無(wú)障礙訪問(wèn)性原則

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

認(rèn)知能力;

視覺(jué);

聽(tīng)力;

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

 

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

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

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

簡(jiǎn)單性

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

導(dǎo)航簡(jiǎn)單,

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

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

 

印象

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

 

責(zé)任和同情心

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

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

 

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

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

這里最簡(jiǎn)單和最具啟發(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

 

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

底線(xiàn)

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

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

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

 

 

 

作者: Slava Todavchich

翻譯:高慧

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

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