共用方式為


設計適用於所有人群的 Windows 軟體

瞭解如何使用適用於 Windows 的 Windows 應用程式來演進包容性設計。 設計和建置具有無障礙考量的包容性軟體。

在Microsoft,我們正在發展我們的設計原則和實務。 這些決定了我們的體驗在外觀、感覺、功能和行為上的表現。 我們正在擴展並提升我們的視野。

這個新的設計理念稱為包容性設計。 設計軟體的理念是從一開始就考慮到所有人的需求。 這與將無障礙視為在開發過程結束時匆忙加入的技術相反,目的是滿足少數使用者。

「我們將殘疾定義為個人與所提供的服務、產品或環境需求不符。 任何人都可以體驗到殘疾。 被排除是一種常見的人類特徵。 - 來自 包容性 影片

包容性設計創造出每個人都能用的產品。 這是關於考慮人類多樣性的全部範圍。 想想那種你現在會在大多數街角人行道看到的路緣護欄開口。 他們顯然打算由輪椅上的人使用。 但現在幾乎每個人都使用它們,包括嬰兒車的人,騎自行車的人,滑板運動員。 即使是行人也會經常使用路邊切口,因為它們在那裡,並提供更好的體驗。 電視遙控器可以被視為一種輔助技術(AT),適用於身體限制的人。 然而,今天幾乎不可能買到一台沒有該功能的電視。 在孩子們學會綁鞋帶之前,他們可以穿套入式或易穿脫的鞋子。 在進入家門前需要脫鞋的文化中,容易穿脫的鞋子通常更受歡迎。 它們也更適合有操作能力問題的人,例如關節炎患者或短期手腕骨折者。

包容性設計原則

下列 4 個原則指導Microsoft轉向包容性設計:

思考全球:我們專注於使人們團結一致的要素——人類的動機、關係和能力。 這促使我們考慮我們工作更廣泛的社會影響。 結果是一種能夠讓所有人以多樣方式參與的體驗。

使其個人化:接下來,我們將挑戰自己去創造情感上的聯繫。 人與人互動可以激發更好的人對技術互動。 個人的獨特情況可以改善每個人的設計。 結果呈現出一種體驗,感覺起來像是為一個人量身打造的。

保持簡單:我們以簡單作為終極的統一因素開始。 當我們減少雜亂的人知道接下來要做什麼。 他們受到鼓舞,向著乾淨、明亮且開放的空間邁進。 結果是一種誠實和永恆的體驗。

創造喜悅:令人愉快的體驗喚起了奇迹和發現。 有時這是神奇的。 有時候這是一個恰到好處的細節。 我們設計這些時刻,使其感覺像是節奏上的一種令人愉悅的變化。 結果是充滿動力且流暢的體驗。

包容性設計的使用者

輔助技術基本上有兩種類型的使用者(AT):

  1. 那些因殘疾、年齡相關疾病或暫時狀況(如因骨折而活動能力受限)而需要它的人
  2. 喜歡使用它的人,為了更舒適或方便的運算體驗。

大多數電腦使用者(54%)都知道某種形式的輔助技術,44%的電腦使用者實際使用某種形式的輔助技術,但其中許多人並未使用那些能夠給他們帶來益處的輔助技術(Forrester 2004年)。

2003-2004年由Microsoft委託進行的一項研究發現,18至64歲之間的美國計算機使用者中,超過一半(57%)可能受益於輔助技術。 這些使用者大多沒有將自己認定為殘疾或受損,但在使用計算機時表示某些工作相關困難或障礙。 Forrester (2003) 也發現下列數量的用戶有這些特定困難:四分之一的使用者有視覺困難。 四分之一的手腕或手部疼痛。 每五個人中就有一個有聽力困難。

除了永久殘疾外,個人經歷的嚴重性和類型困難在一生中可能會有所不同。 沒有正常人這種說法。 我們的能力總是在改變。 瑪格麗特·米德說,“我們都是唯一的。 正因為我們都是獨一無二的,所以我們都是一樣的。

Microsoft致力於進行計算機科學和軟體工程研究,旨在增強運算體驗併發明新穎的運算技術。 請參閱 目前Microsoft研發專案 ,旨在讓計算機更容易存取、更容易看到、聽到和互動。

實際設計步驟

如果您全心投入,那麼本節就是為您準備的。 它描述實作App包容性設計時要考慮的實際設計步驟。

描述目標受眾

定義您應用程式的潛在使用者。 思考他們所有不同的能力和特性。 例如,年齡、性別、語言、聾子或聽力障礙、視覺障礙、認知能力、學習風格、行動限制等。 您的設計符合其個人需求嗎?

與有特定需求的實際人類交談

與具有不同特性的潛在用戶會面。 在設計應用程式時,請確定您正在考慮其所有需求。 例如,Microsoft 發現耳聾使用者會在 Xbox 主機上關閉快顯通知。 當我們詢問聾人用戶時,我們瞭解到通知提示遮蔽了隱藏字幕的部分。 修正方式是在畫面上將通知視窗顯示得稍微高一點。 這是一個簡單的解決方法,這個方法未必能從最初揭示該行為的遙測數據中看出。

明智地選擇開發架構

在設計階段,您將使用的開發架構(也就是UWP、Win32、Web)對於開發產品至關重要。 如果您有選擇架構的奢侈,請考慮在架構中建立控件需要多少心力。 隨附的預設或內建輔助功能屬性為何? 您需要自定義哪些控制件? 選擇架構時,您基本上會選擇「免費」取得多少輔助功能控件(也就是有多少控件已經內建),以及因為控件自定義而需要多少額外的開發成本。

盡可能使用標準 Windows 控制件。 這些控制件已經具備與輔助技術介面互通所需的技術功能。

設計控件的邏輯階層

建立架構之後,請設計出邏輯層次來規劃控制項。 您的應用程式的邏輯階層包含控制元件的佈局和標籤順序。 當輔助技術(AT)程式,如螢幕助讀程式,閱讀您的UI時,僅有視覺呈現是不夠的;您必須提供一個具有結構性意義的程式化替代方案,以便使用者理解。 邏輯階層可協助您執行此動作。 這是一種研究 UI 配置並建構每個元素的方式,讓用戶能夠瞭解它。 邏輯階層主要用於:

  1. 提供包含 UI 中元素邏輯(閱讀)順序的程式內容
  2. 識別自定義控件與UI中標準控件之間的清楚界限
  3. 確定UI元件如何一起互動的方式

邏輯階層是解決任何潛在可用性問題的絕佳方式。 如果您無法以相對簡單的方式建構 UI,則可能有可用性方面的問題。 簡單對話框的邏輯表示不應轉變成滿是圖表的多頁內容。 對於變得太深或太寬的邏輯階層,您可能需要重新設計UI。 如需詳細資訊,請下載 工程軟體對於輔助功能 電子書。

設計適當的視覺UI設定

設計視覺UI時,請確定您的產品具有高對比度設定、使用預設系統字型和平滑選項、正確縮放至每英吋點數(dpi) 螢幕設定、具有預設文字與背景至少5:1的對比比例,而且具有色彩群組,可讓使用者更容易區分色彩不足。

高對比度設定

Windows 中的其中一個內建輔助功能功能是高對比度模式,可增強文字和影像的色彩對比。 對於一些人來說,增加色彩的對比度可減少眼睛疲勞,並使閱讀變得更容易。 當您在高對比度模式中驗證 UI 時,您需要檢查像是連結等控件是否已一致使用系統色彩(而不是硬編碼的色彩),以確保即使在未使用高對比度的情況下,使用者仍能看到所有畫面上的控件。

系統字型設定

為了確保可讀性並將文字的任何非預期失真降到最低,請確定您的產品一律遵守默認系統字型,並使用消除鋸齒和平滑選項。 如果您的產品使用自定義字型,當使用者自定義UI的呈現時,可能會面臨顯著的可讀性和干擾性問題(例如,透過螢幕助讀程式或使用不同的字型樣式來檢視UI)。

高 DPI 解析度

對於視力障礙的使用者而言,具有可調整UI很重要。 在高點(DPI)解析度中無法正確縮放的使用者介面,可能會導致重要元件重疊或被其他元件隱藏,並且可能會變成無法存取。

色彩對比比例

更新后的《美國殘疾人法》(ADA)第508條和其他立法要求文本與其背景之間的預設色彩對比必須是5:1。 對於大型文字(18 點字型大小或 14 點和粗體),所需的預設對比為 3:1。

色彩組合

大約7%的男性(不到1%的女性)有某種形式的顏色缺陷。 具有色盲的使用者有區分特定色彩的問題,因此請務必不要單獨使用色彩來傳達應用程式中的狀態或意義。 至於裝飾性影像(例如圖示或背景),應選擇色彩組合,讓色彩盲人對影像的感知最大化。 如果您從一開始便依照這些色彩建議進行設計,您的應用程式將會邁出重要一步,朝著包容性的方向邁進。

摘要 - 包容性設計的七個步驟

總而言之,請遵循這七個步驟,以確保您的軟體具有包容性。

  1. 決定包容性設計是否為軟體的重要層面。 如果是,了解並欣賞它如何讓真正的使用者生活、工作和玩,以協助引導您的設計。
  2. 當您設計需求的解決方案時,請盡可能使用架構所提供的控件(標準控件),並避免任何不必要的自定義控件工作和成本。
  3. 為您的產品設計邏輯階層,指出標準控件、任何自定義控件和鍵盤焦點在 UI 中的位置。
  4. 將實用的系統設定(例如鍵盤流覽、高對比度和高 DPI)設計到您的產品。
  5. 使用 Microsoft無障礙開發者中心 和您的框架的無障礙規範作為參考點,實作您的設計。
  6. 使用具有功能需求的用戶測試您的產品,以確保他們能夠利用其中實作的包容性設計技術。
  7. 完成提交您的產品,並記錄您的實作,以便後續可能接手專案的人使用。