APPS 設計要素

創建一個儘可能讓廣大用戶群都能受惠的移動應用程式(mobile apps),可比喻為一個無止境的旅程,因為不論是開發程式的技術,以及其作業平台,都會為移動程式的無障礙程度帶來挑戰,但這也有可能令制作過程變得更容易。

因此,本文將介紹七個能夠提高移動程式無障礙程度的準備步驟。無論你採用那一種硬件、作業系統、智能手機還是平板電腦,這些步驟都會適用。由於不同作業平台的輔助技術各有差異,因此,本文將不會為個別平台的實施手法作出特別指引。

現在,就讓我們先來認識一些無障礙的基本概念,以及開發人員如何可以為移動程式踏出無障礙的第一步。而下期內容則會淺談一下無障礙移動程式的幾個制作要點。

步驟一:認識無障礙
步驟二:快速檢測無障礙
步驟三、發佈無障礙聲明
步驟四:提供「聯絡我們」的功能
步驟五:確保有邏輯和可理解的閱讀順序
步驟六:創建一個容易理解和操作的用戶介面
步驟七:確保字型格式可以變更

 


步驟一:認識無障礙

要創建無障礙移動程式,我們就得要先了解殘障人士在使用程式時遇到的障礙及其需要。

主要的障礙可歸納如下:
完全失明的人需要把屏幕上的內容,包括可視圖像,轉換為語音或點字;
弱視的用戶可能需要把屏幕內容放大,或是增加顏色對比度;
色弱用戶則需要透過其他顏色以外的替代途徑以辨別物件;
喪失聽覺的人需要有聲音的替代品,例如字幕或手語;
聽力有限的人會受益於聲量增加,清晰音頻,以及消除雜音等功能;
上肢活動受限的用戶可能無法正常操作鍵盤,因此他們需要依靠語音、或是一些專用的輸入裝置;
有閱讀困難的人需要簡潔的畫面佈局,每行文字之間要有足夠距離,或透過語音輸出作為輔助;
有語言障礙的人可能意味著他們不能使用那些需要以語音作輸入的程式;
認知有障礙的人需要借助清晰、簡潔和一致的佈局、文字和指示;
癲癇的用戶可能會受到快速閃爍的畫面影響,程式需要避免或停用這些效果;
其他的無障礙問題,如文盲或是外國語言,也應一併考慮,因為它們都可從類似的解決方案中受惠。

從健全人士,到完全傷殘,人與人之間在看、聽、講、理解、行動等能力上都是各有差異的。只要一個人在某些能力上受到一定程度的限制時,他們就可以被定義為殘障了。但是,當中還可能有一大群夾在中間的人,他們某程度上也可能遇上一些困難,例如配帶眼鏡的人偏好閱讀較大字體,聽力稍遜的人喜愛把音量放大。許多國家都正在面對老齡化問題,這個夾在中間層的人口將不斷增加。因此,創建無障礙的信息及通訊方案對殘障者固然重要,但在中間層的用戶也是非常受益的。


步驟二:快速檢測無障礙

即使程式開發人員在建造程式時已考慮了加入無障礙元素,但通常只有經過測試後才能確定程式是否達至無障礙水平,以下就介紹了兩種基本的快速測試方法,分別是肉眼觀察和讀屏測試。

肉眼觀察:觀察屏幕畫面,並檢測以下部份:
看看屏幕上是否有提供程式資訊的按鈕,例如「信息」、「幫助」、「設定」等;
當按下資訊按鈕後,看看裡面有否提供無障礙聲明,以及回報問題的功能;
檢查程式有否提供字型放大功能,通常為一個'A'形的按鈕,或者是位於設定選項內;
把屏幕旋轉,看看程式在直向和橫向的畫面下是否可以如常操作;
用拇指按下畫面上的按鈕,看看它們的大小與距離是否足夠;
看看是否有一些只依賴顏色的信息,例如「請選擇紅色按鈕」。

讀屏測試:最基本的測試方法是利用讀屏軟件,檢查是否能夠聆聽和理解所有內容,在沒有觀看屏幕的情況下是否能夠執行程式。


步驟三、發佈無障礙聲明

即使你現有的程式還沒有達到無障礙的標準,你仍可以透過無障礙聲明來表達你對無障礙的支持與承諾。你應該把它加到軟件商店中的程式描述。這樣可以確保有需要的用戶在購買和下載前,能夠知悉程式是否合用。

無障礙聲明應包括:
表明程式為無障礙設計;
描述你在創建程式時所加入用以改善無障礙的功能,例如放大字型功能;
描述程式在輔助功能環境下的限制;
提供一些能夠增加無障礙性的硬件或作業系統資訊;

提供意見反饋的機制,讓用戶可以報告使用程式時所遇到的困難。


步驟四:提供「聯絡我們」的功能

這個功能的目的是讓用戶可以很容易地告訴你有關無障礙的問題;理想的情況下,用戶應該可以透過「聯絡我們」或無障礙聲明的頁面訪問這個意見反饋功能。而這些頁面連結應在「幫助」、「信息」或「設定」按鈕中提供。

如果用戶選擇進入無障礙聲明頁面,意見反饋的連結應該顯示於內容的較前位置。

如果用戶選擇了「聯絡我們」功能,那麼當中應該有一選項是用來回報無障礙相關問題的。

這個反饋系統應該收集所有有用的環境信息,例如作業系統、瀏覽器、正在使用的輔助技術等。

你應該只要求用戶填寫他們所遇到的無障礙問題;用戶可選擇性地填寫名稱和電郵地址,以便回覆有關問題狀況。

如果你提供了一個反饋機制,你的回應也是不可缺少的。用戶在提供問題的相關信息上作出了不少努力,他們應該為此而獲得感謝。但你更應該為他們提供一個完滿的答案,例如顯示你對問題的關注,提供一些可行的替代解決方法,以及你如何解決問題的長遠策略。


步驟五:確保有邏輯和可理解的閱讀順序

由於讀屏軟件是從左至右,上至下的順序來朗讀屏幕內容,因此,一個有邏輯的閱讀次序是十分重要的。

通常閱讀順序跟屏幕上的物理位置順序是相同的,但是在某些情況下,稍為改動閱讀順序可能會獲得更好效果。例如在天氣預告的應用程式中,當前溫度是屏幕上顯示的第一個元件,但讀屏軟件卻首先朗讀地區,然後才是溫度。

這個順序邏輯也可以用在輸入模式。如果程式要求提供多個輸入欄位,其次序也應該要有邏輯。例如在單位轉換工具中,程式應該要求用戶以下列順序輸入:
選擇轉換組別,例如:長度;
從那個單位,例如:厘米;
轉換到那個單位,例如:英吋;
數量,例如:10;
結果:例如:3.94。

然而,最大的問題是在某些開發過程中,屏幕元件的位置可能會被改動,繼而擾亂了讀屏軟件的閱讀次序。

圖像:一般可分為三種類型:

用於按鈕的圖像,例如:一個藍底白色'i'字圖像。這是一個經常用作提供更多程式相關資訊的按鈕。它需要一個可讓讀屏軟件閱讀的文字標籤,以及一些用於描述按鈕效果的額外提示信息。一般而言,只是描述圖像本身是沒有意義的,反而應該着重描述按鈕的效果。因此,標籤應為「相關資訊」,而提示則為「按此進行設定或查閱更多相關資訊」。

用於按鈕以外,但提供有用信息的圖像。例如:顯示附近咖啡店位置的地圖,開發者應為它加以描述。當讀屏軟件經過圖像時,它會讀出咖啡店的位置。如果這個信息對健視人士同樣重要,應把內容以文字方式顯示出來。

用於按鈕以外、不提供額外信息、只是用來增強畫面效果的裝飾性圖像。有些照片可能只是用來襯托文字內容,它們存在與否也不會影響視障用戶,這些照片純粹為了豐富畫面而已。裝飾性圖像應該加以標示,不應提供內容描述,讓讀屏軟件可以忽略這類圖像,不會在經過時發出聲音。

控件:所有設有輔助功能的作業系統都會為標準控件,包括按鈕、滑桿、標籤頁、輸入欄位等提供無障礙元素。例如讀屏軟件經過滑桿控件時,系統會讀出滑桿的當前數值,開發人員無須特別為它編寫程式。

因此,在可能的情況下,都應該使用標準控件。假如需要使用特別控件,請務必為它加入無障礙功能的編碼。

縮寫及符號:一些特別符號,例如:「°」(度數符號);以及縮寫字,例如:「C」(用作代表攝氏的英文字母);在朗讀時都應加以留意。因此,在理想的情況下,「30°C」應唸作「攝氏三十度」,或是「三十度攝氏」,而非「三十度數符號C」。

至於其他常用的英文縮寫詞,例如:「FAQ」、「Tel」、「Wed」等,在朗讀時應說出詞語的全寫,即「Frequently Asked Questions」、「Telephone」及「Wednesday」等。


步驟六:創建一個容易理解和操作的用戶介面

移動應用程式可在不同規格的移動設備上運行,包括智能手機與平板電腦。為了適應不同屏幕尺寸大小,最佳的做法是維持一個簡潔清晰的佈局,這包括:
限制顯示於同一畫面的按鈕數目;
按鈕要有適當面積,兩個按鈕之間要有適當距離,以減少用戶誤按的機會;
確保顏色不是用來區分物件的唯一途徑,這樣,色弱的用戶也可以辨別重要元素;
確保文字和背景顏色要有足夠的對比度;
有些用戶會發現橫向模式較直向易用,反之亦然;因此必須確保程式能夠在兩種方向下使用。

至於在操作性方面,要考慮的問題包括:
假如用戶按錯了按鈕或選項,他們能否返回先前的地方並重試呢。因此,可以考慮在畫面內提供一個「返回」按鈕;
「刪除」是一個相當危險的按鈕,尤其是當誤按之後,信息便立即消失。因此,確認刪除的功能對大部份用戶都十分有用。如果你認為這會減慢進階用戶的效率,你可以在程式設定選項中加入確定刪除的開關;
有些程式畫面雖然帶有按鈕控件,但它們不易被用戶察覺,有時可能是意外中才發現的。因此,屏幕上可以執行動作的物件都必須能被輕易察覺;
在觸控式屏幕的細小鍵盤上打字不是一件易事,用戶或可透過其他控件以減少輸入文字的需要,例如清單選擇器(list chooser)、旋轉選擇器(spin chooser)、預設輸入數值等;

有些程式畫面會因應不同位置而要求不同的操作手勢,然而這種做法常常會給用戶帶來混亂。假如有必要這樣做,請確保用戶能夠察覺並分辨不同的操控手勢。


步驟七:確保字型格式可以變更

有些應用程式的畫面可能會顯示大量文字,例如是電子書、電子雜誌、甚至是購物程式中的詳細產品說明。這個功能可讓用戶放大字體,以及調整字型和背景顏色。

有些移動平台設置了屏幕放大功能,它可按比例放大屏幕畫面。用戶可以集中放大其中一部份內容;但是在觀看大量文字畫面的時候,用戶需要上下左右來回捲動以顯示其他畫面部份。

有些平台會提供顏色調整功能,如黑底白字。這種組合可以幫助部份弱視用戶,而有些顏色組合則對閱讀障礙人士有幫助。

由於這些都是內置於作業系統的輔助功能,其好處是程式開發者無需為程式加入特別編碼。

有些平台會提供放大字體功能,但它可能只適用於某些地方。因此,你可以在程式內添加一個按鈕,讓用戶可按需要而增加字體大小。當用戶點擊按鈕後,頁面上的文本字體便會增大。你也可以在程式的設定中加入文字放大選項,這樣,用戶便可以把較大字型設為程式標準。

字型大小的程度應該以越大越好;從最小字型,即屏幕可以清晰地把文字顯示出來,到最大字型,即單字可以填滿整個畫面。

此外,你也可以把功能擴展至讓用戶選擇字體、文字前景與背景顏色組合。