交互

APP UI/UX無障礙設計的原則

4286

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

移動設備的無障礙訪問性是什么

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

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

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

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

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

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

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

認知能力；

視覺；

聽力；

運動障礙。

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

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

設計無障礙的主要原則是：

簡單性

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

導航簡單，

快速啟動和反應，

可靠且可預測的用戶體驗。

印象

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

責任和同情心

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

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

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

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

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

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

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