交互

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

4295

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

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

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

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

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

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

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

用戶體驗無障礙訪問性原則

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

認知能力；

視覺；

聽力；

運動障礙。

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

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

設(shè)計無障礙的主要原則是：

簡單性

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

導(dǎo)航簡單，

快速啟動和反應(yīng)，

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

印象

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

責(zé)任和同情心

幸運的是，我們大多數(shù)人并不打算以殘疾人的身份去體驗這個世界。這就是為什么作為數(shù)字解決方案和產(chǎn)品的設(shè)計者和開發(fā)人員，我們應(yīng)該注意使我們的信息能夠為最大的受眾所訪問。

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

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

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

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

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

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