共用方式為


設計適用於 Windows 的全人軟體

了解包容性設計在適用於 Windows 之 Windows 應用程式中的演進歷程。 從無障礙的角度出發,設計並建構全人軟體。

Microsoft 正在持續發展我們的設計準則和實務做法。 這些準則和措施,影響了我們旗下所有體驗的外觀、風格、功能及操作行為。 我們正致力擴展我們的視野。

我們將這個新的設計理念稱為「包容性設計」。 我們的理念是從一開始設計軟體時,就將所有人的需求納入考量。 這樣的設計理念,與我們看待協助工具的觀點 (為了滿足少數使用者群體的需求,而在開發過程的最後階段補上的技術) 形成了鮮明對比。

「我們將『身心障礙』定義為:服務、產品或環境與個人需求之間存在落差。 每個人都可能有某種形式的身心障礙。 被排除在外,是所有人都有過的經歷。」 - 來源:包容性影片

包容性設計創造出每個人都能用的產品。 我們的設計重點,在於全面考慮人類的多樣性。 以街角人行道上常見的斜坡為例。 顯然,它們的存在原本是為了方便輪椅人士。 但現在幾乎人人都會使用它們,包括推嬰兒車的人、單車騎士和滑板玩家。 就連行人也經常為了獲得更好的體驗,而使用這些斜坡。 對於行動不便人士來說,電視遙控器可以算是一種輔助技術 (AT)。 然而,如今想要買到一台沒有遙控器的電視機,幾乎是不可能的。 對於還沒學會綁鞋帶的孩子來說,套腳鞋或易繫鞋是一個好選擇。 在脫鞋才能進入家門的社會中,容易穿脫的鞋子通常更受歡迎。 然而,這些鞋也更適合關節炎患者或手腕暫時受傷的行動不便人士使用。

包容性設計準則

以下 4 項原則,是 Microsoft 邁向包容性設計的指導原則:

思考通用性:我們專注於人類的共通點 – 我們的動機、關係和能力。 這也促使我們思考,我們的工作對社會產生的廣泛影響。 成果:一種多元化的體驗,讓所有人都能以各種方式參與其中。

力求個人化:接著,我們挑戰自己,努力打造能夠產生情感連結的體驗。 人與人之間的互動,可以激發更好的人機互動方式。 個人的獨特處境,也可能全面改善適用於所有人的設計。 成果:讓使用者感覺該體驗彷彿是專為他們量身打造。

保持簡約:我們打從一開始,就以簡約作為最終的統一標準。 減少雜亂無紊的設計,能讓使用者清楚知道下一步該做什麼。 簡潔、明亮、開闊的環境,將激發人們持續向前的渴望。 成果:一種真誠且歷久彌新的體驗。

創造愉悅:令人愉悅的體驗,能夠喚起人們的好奇心與探索慾望。 結果有時十分神奇。 有時則是一個恰到好處的細節。 我們精心設計了這些時刻,以帶給使用者意料之外的驚喜。 成果:一段流暢又充滿活力的體驗。

包容性設計的使用者

輔助技術 (AT) 的使用者主要可分為兩大類型:

  1. 因身心障礙、年齡相關疾病或臨時狀況 (例如手腳骨折造成行動不便) 而有所需求的使用者。
  2. 基於舒適或便利性等個人偏好,而主動使用的使用者

大多數電腦使用者 (54%) 都知道某種形式的輔助技術,並有 44% 的使用者實際使用過相關技術,但仍有許多人並未使用能讓自己受益的技術 (Forrester 2004)。

Microsoft 於 2003-2004 年委託 Forrester Research 進行的一項研究發現,超過一半 (57%) 的 18 到 64 歲美國電腦使用者可以從輔助技術中獲益。 在這些使用者當中,大多數人並不認為自己有身心障礙,卻在使用電腦執行特定任務時遇到相關的困難或障礙。 Forrester (2003) 的研究結果還顯示:四分之一的人有視覺障礙。 每 4 人中就有 1 人感到手腕或手部疼痛。 每 5 人中就有 1 人有聽力障礙。

除了永久性身心障礙外,個人也可能在人生的各個階段經歷不同程度和類型的身心障礙。 沒有所謂「正常」的人類。 每個人的能力無時無刻不在變化。 美國人類學家 Margaret Meade 曾說:「每個人都是獨一無二的。 正因如此,你我其實並無不同。」

Microsoft 致力於電腦科學和軟體工程研究工作,旨在提升電腦使用體驗,並研發創新運算科技。 請查看 Microsoft 目前的研發項目,了解我們如何致力於讓電腦更易於使用、觀看、聆聽和互動。

實際設計步驟

如果您已準備好全力投入,那麼本節内容就是為你準備的。 本節說明在為應用程式實作包容性設計時,應考慮的實用設計步驟。

描述目標對象

定義您應用程式的潛在使用者。 請考量他們可能擁有的各種不同能力和特徵。 例如:年齡、性別、語言、失聰或聽力障礙、視覺障礙、認知能力、學習風格、行動不便等。 您的設計是否符合他們的個人需求?

與具有特定需求的真實使用者對話

與具有不同特徵的潛在使用者會面。 設計應用程式時,請務必考慮所有使用者的需求。 例如,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. 交付您的成品,並記錄您的實作情況,以供之後接手的專案人員參考。