105年郵政人員升資員級晉高員級資訊系統與分析
二、良好的使用者介面設計,將能夠有效降低使用者的抗拒,並減少不必要的錯誤資料輸入。請說明最常見的五個使用者介面設計原則,並詳細舉例。(20分) |
答:
1.著眼於基本目標:
(1)使系統設計目標易於完成。
(2)產生容易使用與記憶的設計。
(3)設計介面以增進使用者效率及產能。
(4)編寫命令、動作,及系統回應要一致且可預期。
(5)減小資料登錄問題 (如提供資料數誼被查)。
(6)讀使用者易於更正錯誤。
(7)建立合理又有吸引力的佈局。
2.建構易學易用的介面:
(1)將所有控制項、按鍵,及圖像都加以標示說明。
(2)選擇使用者易於了解的圖案。
(3)畫面所提示的指令要合乎邏輯、簡單,且清楚。
(4)顯示選單的所有命令。
(5)在選單架構中,使易於遊走或回到任何一層。
(6)介面需保持簡單的顯示,減少繁複的視窗動作,並清楚的提供指引的資訊給使用者。
3.提供增進效率的功能:
(1)應該將功能及子還單項目群組化,成為一個多重階層架構或是樹狀架構。
(2)彙總整理網站的資訊,便能針對不同需求的使用者,提供不同程度的資訊 (如彙總資訊或詳細資訊)。網站可以很清楚的透過階層的方式提供彙總或詳細不同程度的資訊,供廣大使用者不同的資訊需求。然而,在行動商務方面,螢幕無法呈現出過多的資訊量,再者,使用者並不樂於在行動設備的螢幕上讀取過多的資訊,因此行動設備上應握供較彙總性的資訊,並提供線上電子商務網站的連結,供有興趣的使用者可進一步的取得較詳盡的資訊。
(3)將工作、命令,及功能群組化以反映實際的營運作業。
(4)產生依字母排序的選單表列。
(5)提供捷徑給有經驗的使用者,以跳過多層的選單。捷徑的建立可以使用熱鍵,例如使用者按 Alt 再加上命令中有加底線的字母。
(6)如果在欄位中大部分的值都是相同,可以將其定為預設值。
(7)使用複製內容值的功能,讓使用者在輸入新紀錄的值時,會引入前一筆紀錄中相同欄位中的內容值。例如網址的輸入。
(8)提供快速尋找功能,讓使用者在輸入部分字母時,即可顯示可能內容值的表列。
4.使用者易於得到協助或更正錯誤:
(1)提供使用者選擇的線上求助。
(2)放入聯絡資訊,例如負責支援使用者的部門或求助專櫃的電話號碼碼或e-mail 地址等。
(3)在使用者刪除資料前,再加以確認。
(4)使用還原鍵或還單選項,讓使用者可以取消新近執行的命令或動作。
(5)當使用者輸入的命令有錯誤時,標示出錯誤部分,並讀使用者可以修改該錯誤部分,而不用重新輸入整個命令。
(6)使用超連結來協助使用者,引導他們在線上求助主題中瀏覽。
(7)如果控制按鈕是使用圖像或圖形來識別時,當游標在此圖像或圖形上時,要提供文字說明。
5.儘量減少輸入資料問題:
(1)提供資料驗證檢查。
(2)顯示事件驅動訊息及提醒。當要讀使用者做某些特定工作時,也要顯示一些必要且合適的訊息。
(3)建立預設值的表列,讓使用者可以直接按鍵選擇。
(4)內建增強資料完整性的原則。例如使用者試圖輸入新客戶的訂單,則系統在接受此一訂單之前,此客戶必須先被新增。
(5)使用輸入遮罩 (input mask)。這可以讓使用者更容易輸入資料的樣本。
6.提供回應給使用者:
(1)在畫面的合適位置顯示訊息,並且要保持一致。
(2)警告使用者處理時間過長或是有延遲。
(3)讓訊息在畫面停留的時間足夠使用者讀完。
(4)讓使用者知道該工作或是作業是否完成。
(5)使用特殊、易了解,及專業的訊息。避免使用模糊訊息,例如錯誤一不可接受的數值,或是錯誤碼307。
(6)對使用者的每個動作,隨時握供回饋。
(7)讀訊息在畫面停留的時間足夠使用者讀完。在某些狀況下,畫面應該一直顯示訊息,直到使用者做出某些動作為止。
7.建立有組織的佈局及設計和維持設計一致性:
(1)使用適當的顏色來強調畫面的不同區域。
(2)簡潔美觀的畫面資訊、段落內容明確單純、使用明確的項目名稱和畫面分割避免過於複雜等,力求版面的乾淨利美觀,版面配置合宣讀使用者樂於使用。
(3)使用適當的顏色,強調畫面的不同區域。避免使用太炫耀或明亮的顏色。
(4)節制地使用特殊效果。例如在某些情況下,動畫及聲音可能有用,但太多特殊效果也會讓使用者分心或造成困擾,尤其是必須重複檢視時。
(5)畫面的密度也很重要。不要讀畫面看起來太雜亂,保留一些空白的地方,可以產生比較有吸引力及易於閱讀的設計。
(6)以一致的方式顯示標題、訊息,及指令,並放置在畫面中的相同位置。
(7)確定同一命令總是會產生相同的結果。
(8)使用一致的術語名稱。例如不要使用刪除、取消,及抹去來表示相同的動作。
8.使用熟悉的術語及圖形:
(1)避免複雜的術語或太專業性的用語;相反地,選用在每天企業營運程序中, 就會用的字或是一般使用者都知道的詞彙。例如記得使用者是已經習慣於:紅色代表停止;黃色代表小心;及綠色代表通行的行為模式。
(2)為每一個選單命令提供由鍵盤輸入的選擇, 並使用好記的字母,例如以開檔 (File) 使用 F、離開 (Exit) 使用 E,及線上求助 (Help) 使用 H 等。
(3)儘可能使用熟悉的命令。
(4)如果使用者對 Windows 視窗應用軟體相當熟悉,則可以在介面設計中提供類似視窗的外觀及感覺。
※參考資料:
1.Gary B. Shelly-Systems Analysis and Design, Fifth Edition-ch07使用者介面、輸入與輸出設計.ppt
2.99年楊誠-系統分析與設計 p.369~p.372
3.Shelly Cashman-System Analysis and Design 9e p.342~p.349
留言列表