Transcript Џ*ࡱ*က

第6章 輸出 及
使用者介面設計
Prepared by S. F. Chang
1
簡介
p320
• 輸出及使用者介面設計是SDLC系統設計
階段的第一件任務。
• 輸出設計著眼於使用者所需的螢幕及列印
形式的產出。
• 使用者介面設計則強調使用者與電腦的互
動，包括輸入設計及程序。
2
輸出設計(1)
p323
• 輸出的類型
 大部分系統輸出是以報表方式列印或是顯示於
畫面上。
 除了列印及螢幕輸出外，資訊也可以透過網際
網路、e-mail、語音輸出、自動傳真系統、電
腦輸出縮影膠卷、雷射光碟電腦輸出，及其他
特殊方法傳送給使用者。
 所需要的輸出類型及技術通常是在系統分析階
段，依據使用者要求而決定的。
 在系統設計階段，你必須設計實際報表、畫面
表格，及其他輸出傳遞方法。
3
輸出設計(2)
p323
 以網際網路為基礎的資訊傳遞 --- 數以百萬計的公司使
用網際網路來接觸其在全世界的新客戶及市場。 例如︰ (1)
一家企業可以連結其存貨系統到其網頁上，以使得此存貨系統
的輸出，有如目錄般地顯示在畫面上。客戶瀏覽其網頁，可以
參看項目類別、取得目前價格，及檢查產品是否有存貨。 (2)
提供回答客戶有關產品或是技術問題的系統。
 電子郵件 (e-mail or electronic messaging) --- 公司
透過e-mail寄送新的產品資訊給其客戶，而財務服務公司使用
e-mail來確定線上的股票交易。 e-mail幾乎已代替傳統的備忘
錄或是書面信函。
 語音輸出(audio output)可以附加在e-mail訊息中或是以
語音片段嵌在Microsoft Word文件中。 許多公司使用自動系
統以處理語音交易及提供資訊給其客戶。
 自動傳真(automated facsimile)或稱為回傳(faxback)的系統。
4
輸出設計(3)
p326
 電腦輸出縮影膠卷(COM, computer output
microfilm)可以抓取文件中的圖像且產生膠片輸出。
 雷射光碟電腦輸出 (COLD, computer output to
laser disk) --- 利用COLD科技，紙張文件會被掃描，而
其數位化影像會被存在高密度的雷射光碟媒體上。
 輸出的特殊格式 --- 例如: (1) 處理電腦化信用卡交易、
列印收據，及更新庫存記錄的零售銷售點(POS)終端機。 (2)
處理銀行交易並印出存款及提款條的自動櫃員機(ATM,
Automatic Teller Machine #) 。(3) 產生高品質的圖像，如藍
圖、地圖，及電子電路圖的繪圖機。
 在今日的互聯世界中，一個系統的輸出通常可
成為另一個系統的輸入。例如: (1) 在公司內，
從製造系統所產生的資料將成為存貨系統的輸
入。 (2) 公司可能將員工W-2表的報稅資料以
電子形式傳送到國稅局的系統中。
5
輸出設計(4)
p326
 雖然數位科技打開了企業通訊上的新紀元，但
是列印輸出仍是常用的輸出形式，且一些特定
考量適用於列印輸出，例如: 收據， 發票等。
6
列印及螢幕輸出(1)
p327
雖然很多組織努力想降低紙張及列印報表
的使用量，但是很少有公司有辦法將列印
輸出完全消除。因為它們易於攜帶，列印
報表比較方便，且在某些狀況下甚至是必
要的。--- (e.g. 許多使用者發現很難去閱讀畫面上的輸出，所以
就印出他們為了討論或是開業務會議所需要的資訊。)
列印輸出也使用於回轉文件(turnaround
documents)，這些輸出文件隨後將再登錄
於相同或是另一個資訊系統中。 (e.g. 你的電話或
是水電帳單，也可算是由電話等公司的帳單系統所印出來的回轉文件。
當你使用此帳單去繳款時，此帳單就被掃描進入公司的應付帳款系統
中以記錄你已繳付的帳款。)
7
列印及螢幕輸出(2)
•
p327
報表
 不論是列印出來或在螢幕上看，報表必須具
有吸引力且易於了解。
 當在設計報表時，非常重要的目標是讓報表
符合使用者需要的特定資訊。
 依據使用者的職務功能而定，他們可能需要
一個或是多個以下所述之報表︰
1.
細節報表(detail report #)對所處理的每筆紀
錄，產生一行或是多行的輸出。 列印輸出的每一
行稱為細節行(detail line) 。 優良設計的細節
報表應該提供數字欄位的總計。 (圖6-4 及圖6-5 for
控制欄位、控制分段、控制分段報表)
8
列印及螢幕輸出(3)
p329
2. 例外報表(exception report #)僅顯示滿足一項或
多項條件的紀錄。 當使用者只想要知道可能需要
採取行動的紀錄之資訊，而並不需要知道細節時，
例外報表很有用處。 (e.g. 授信經理可能使用例外報
表以確認過期帳款未繳付的客戶﹔ 或是:一份例外報表，它
僅包含加班工作的員工，而不是列出所有員工的資訊。 圖
6-6 )
3.
彙總報表(summary report #): 高階管理人有時
候要看整體狀況，而不需要詳細內容。(e.g. 銷售
經理可能要知道每一位業務代表的銷售總額，而不想要每一
位業務代表的每項細節報表。在此種狀況下，彙總報表就很
適用了。 圖6-7)。 一般來說，在組織中愈高階層
的人所使用之報表，相較之於低階層員工所使用
的報表，包含較少細節資訊。
9
列印及螢幕輸出(4)
p331
• 使用者參與報表設計
 列印報表是傳遞資訊給使用者很重要的方法，
所以報表的接收者必須要在所有報表設計之前，
加以認可，而不是要等到完成整個報表設計，
才做這個工作。
 在設計一個報表時，你應該要準備一個範例報
表，也就是一個打樣(mock-up)或是雛型，以
讓使用者可檢視。此模型應包含樣本欄位值，
並要有足夠的紀錄以顯示整個設計特色。 依
據列印輸出的類型，你可以使用文字處理軟體、
報表產生器，或是列印空間圖(printer
spacing chart)以產生報表打樣。
10
列印及螢幕輸出(5)
p331
• 報表設計原則
列印報表必須是具有吸引力、專業化，及易於閱讀。
 報表標頭及標尾 --- 每一份報表必須有一個報表標頭及
一個報表標尾。 報表標頭(report header)都是出現在
報表的最前面，係用以識別此份報表，它包含報表標
題、日期及其他必要資訊(e.g. 報表使用單位)。 報表
標尾(report footer)則是出現在報表結束之處，可以包
含數字欄位的總計，及其他結束報表的資訊。 (圖6-8)
 頁首及頁尾 --- 每頁應包含一個頁首(page header)，
它是出現在每頁的頂端，它包含欄標題以確認資料。
這些標題必須簡短又具備描述能力。除非你知道使用
者可以清楚了解其意義，否則不要使用縮寫。 而頁尾
(page footer)則是出現在每頁的底部。你可以使用頁
首來顯示欄標題，使用頁尾來顯示報表的頁數。 (圖68)
11
列印及螢幕輸出(6)
p331
 欄標題對齊方式 (圖6-9)，大部分有經驗的設計師比較
喜歡︰ 欄標題在文數字欄位上靠左對齊，而在數字欄
位上靠右對齊(即圖6-9之例4)。
 欄距 --- 太擠的報表閱讀困難，太大的欄距則會造成不
容易目視判斷資料是否在同一個橫列。各個欄位應該
橫跨報表展開，要有一致的間隔，同時在上下左右均
要有合度的邊界。
 欄位次序 --- 欄位必須依照合理次序的方式來顯示及群
組化。 如圖6-8， 在一個商店號碼之後的員工姓名是
依照字母次序排列，所以商店號碼是放在最左邊一欄，
接著是員工姓名。因為員工的職位與其姓名相關聯，
所以此二者緊鄰著。
 細節行群組化 --- 通常，將細節行依照其控制欄位來加
以群組化是有意義的，例如: 使用部門號碼為控制欄位，
個別員工可依部門而加以群組。
12
列印及螢幕輸出(7)
p333
• 報表設計議題
 比較p332 圖6-8 與 p334 圖6-10。
 好的設計標準產生形式一致的報表。當系統產生多份
報表時，每一個報表都應該具有相同的設計元件。例
如，日期及頁數都應該印在每張報表頁中的相同位置。
在報表中的縮寫也應該保持一致。當要表示一個數字
值時，如果一張使用#,另一張用NO，第三張用NUM，
將讓使用者產生混亂。
 你應該讓欄標題簡短，但又具有描述性並避免使用非
標準的縮寫。在各欄之間使用合理的間隙，可增進閱
讀的容易程度。列印欄位的順序及位置應該要合理，
總和也要清楚地標示出來。
 在報表設計批准後，你必須將此設計以報表分析表加
以歸檔，此報表分析表包含欄位、資料類別及長度、
報表頻率與分配，及其他註解等資訊。
13
列印及螢幕輸出(8)
p335
• 設計以文字為基礎的報表
 雖然絕大部分報表可選擇各種形式、字體及圖
片，以產生誘人佈局的設計方式，但仍有許多
資訊系統仍會產生一些以文字為基礎的報表。
 以高速衝擊式列印文字為基礎的報表，仍是產
生大量報表最快速最經濟的方法， 如: 企業中
的薪資或庫存報表，或學校的註冊名單。
 當報表設計師產生或修改文字為基礎的報表時，
他們使用一種目前仍然使用良好，稱為列印空
間圖的傳統工具。列印空間圖(printer
spacing chart)是畫滿橫條及縱條的方格表，
你可以在上面指定列印位置及欄位大小。
14
列印及螢幕輸出(9)
p336
• 列印量及時間需求
 功能強大的雷射印表機是企業列印的標準配備，
因為它提供快速、優良列印品質，及圖形輸出。
而衝擊式印表機仍然使用於列印多張複印表格
輸出，及相當高速的應用中。
 雖然列印輸出在許多狀況下是必須的，但是大
量的報表也會明顯增加系統的總取得成本(TCO)，
因為紙張的購買、列印、儲存，及丟棄都是相
當昂貴，且列印出來的資訊很快就會過時。
 在完成報表設計後，估計此列印輸出的長度也
是相當重要的。
15
列印及螢幕輸出(10)
p337
圖6-8中(p332)所示的員工工時報表的報表用紙量計算。
66 每頁列印紙的總可用行數
- 6 上下邊緣留出的行數
- 6 每頁有2名稱行、1空白行、
2欄標題行、和1短劃線行
-----------54 每頁可用的細節行
3 每個商店有1行短劃線、
1行商店合計、和 1行空白
X 6 共6個商店
---------18 商店群組標尾行
+
3 每個報表有2行短劃線 和
1行總計 (即報表標尾)
----------21 標尾行 (群組標尾 +報表標尾)
+ 380 細節行(即380位員工)
----------401 報表行
÷ 54 每頁行數
-----------7.4 列印頁 ------> 即 八 頁
16
列印及螢幕輸出(11)
p337
 估計列印此報表所需的時間。 雷射印表機是
以每分鐘列印頁數(ppm, pages per minute #)
來表示其列印速度。 例如: 以16 ppm的雷射印
表機為例，列印八頁的員工工時報表約需30秒
鐘。 ( 16 / 8 = 1 / x, x=0.5 (min), 即30秒鐘)
 公司也用高速的行印表機(line printers #)，這
是衝擊式印表機，通常使用於列印內部報表。
 衝擊式印表機可以使用多頁複寫的表格來產生
多份報表，這對需要產生多份報表複本的公司
非常有用。
17
列印及螢幕輸出(12)
p338
報表長度的計算
行印表機來列印這個報表的時間計算
66 每頁列印紙的總可用行數
6 上下邊緣留出的行數
6 每頁有2標題行、1空白行、
2欄標題行、和1短劃線行
---------54 每頁可用的細節行
2,100,000 細節行
÷
54 每頁細節行數
--------------38,889 列印頁
4 每頁列印的標題行數
X 38,889 頁
--------------155,556 列印標題行
+2,100,000 列印細節行
---------------2,255,556 列印行數
÷
2,000 每分數列印行數
-----------------1,128 分鐘 = 18.8小時
18
列印及螢幕輸出(13)
p338
以每分鐘16頁(16PPM)的雷射印表機列印
38,889 頁
÷
16 每分鐘頁數
---------------2,431分鐘 = 40.5 小時
19
列印及螢幕輸出(14)
p339
• 輸出控制及安全性
 輸出必須具備正確、完整、及時，及安全性。
公司使用許多輸出控制(output control)方法以
維持輸出的完整性及安全性。例如，每個報表必須包
含適當的標題、報表號碼或編號、列印日期，及其所涵蓋的時間
範圍。報表必須有連續編號的頁碼，如第mm頁/共nn頁，且報表
的結束必須標示清楚。控制總計及紀錄總數必須與輸入總和及筆
數相一致。
 輸出安全(output security)保護隱私權且避免
組織的專有資料被盜取或是未授權存取。
 首先，列印副本的數量必須加以限制，並對每一個
副本，使用追蹤程序。
 使用一些特殊程序以保障輸出結果只傳送給已被授
權的接收者。
20
列印及螢幕輸出(15)
p339
 所有的敏感性報表，例如薪資資料，必須要儲存在安全的地
方，機密性報表的每一頁都應該適當地加以標示。
 將敏感性報表、過期報表，及放棄列印的輸出等資料
加以切碎處理是很重要的。
 在大部分的組織中，資訊科技(IT)部門是負責輸出控制
及安全措施的單位。當系統分析師在進行設計、製作，
及支援資訊系統時，必須考慮各種安全問題。可能的
話，可使用密碼、保護敏感性資料，及控制使用者存
取權等方法將安全性設計到系統中。
 無硬碟工作站(diskless workstation)是一種提供全功
能使用者介面的網路終端機，除了某些易於監控及控
制的特定網路資源之外，限制其資料的列印或複製。
21
使用者介面設計(1)
P341
使用者介面(UI, user interface #)描述使用者如何
與電腦系統互動。 使用者介面包含所有影響使用
者與電腦雙向溝通的硬體、軟體、螢幕畫面、選
單、功能，輸出，及特性。
• 使用者介面的演進
 當開發舊系統(傳統系統開發)時，分析師一般都是先設
計所有的列印及畫面輸出，才再針對要產生的這些結
果設計所須的輸入。
 通常，使用者介面主要包含可以讓使用者將命令傳送
給系統的程序控制(process control)畫面。此種方式
在傳統將輸入資料轉變成特定的輸出資訊的系統中運
作得很好。
22
使用者介面設計(2)
P342
 隨著資訊系統管理的發展從集中式資料處理演變到動
態及遍及整個企業的系統，其主要的焦點也隨之改變------ 從資訊科技部門轉移到使用者本身。
 IT團隊變成資訊科技的提供者，而不是資訊的提供者。
(圖6-16 所示的是將傳統以處理為中心的資訊系統與現
代使用者為中心的資訊系統做比較。注意到，以往作
為使用者資訊需求的主要介面的IT部門已經變成了為其
使用者維護及支援系統的系統協助者。)
 在一個使用者為中心(user-centered)的系統中，輸入、
輸出，及介面本身的差異並沒有清楚的界線。大部分
使用者在每日例行的工作中所面對的是包含各種不同
的輸入、畫面輸出，及資料查詢等的混合。
23
使用者介面設計(3)
P342
 使用者介面設計需要了解人與電腦的互動及以
使用者為中心的設計原則。
• 人與電腦互動
 使用者介面是以人與電腦互動的基本原則為基
礎。人與電腦互動(HCI, human-computer
interaction)描述電腦與使用這些電腦來執行與
營運相關工作的人之間的關係。
 廣義的使用者介面，包含必須輸入給系統的所
有溝通內容或是指令，以及以螢幕畫面顯示或
報表列印等形式獲得輸出結果。
24
使用者介面設計(4)
P344
 IBM追溯人與電腦介面的歷史與演進 ----- 由使
用者在一個黑色螢幕上打入綠色文字的複雜指
令開始，再經由介紹具有圖形物件及指引設備
的圖形使用者介面(GUI, graphical user
interface #) ，直到目前介面設計者極力將使
用者行為，需求及慾望轉譯為透明化的介面
(e.g. Virtual Reality)。
 介面將以使用者的觀點為基礎而不是基於電腦
工程師、程式設計師，或系統分析師。 IBM
可用性專家Clare-Marie Karat博士所做的強力
陳述中提到:「在新的電腦世紀中，客戶不僅是
對的，他們更擁有權益。」
25
使用者介面設計(5)
P347
Karat博士所述的使用者權益包括下列十項:
 角度(perspective) : 使用者永遠是對的。如果在系統使用上有問
題，那一定是系統的問題，而不是使用者。
 安裝(installation) : 輕易地安裝或卸除軟體或硬體系統，而不會
有負面結果是使用者應得的。
 承諾(compliance) : 使用者應得的是一套完全依其承諾運作的系
統。
 說明(instruction) : 使用者應得的是一套易於使用的說明(使用者
手冊、線上或文字導引的輔助，及錯誤訊息)以了解並使用該系統
以達成所期望的目標，並從有問題的情況中快速而又優雅地回復
過來。
 控制(control) : 使用者應得的是對系統的控制權，而能夠在對系
統下令時得到系統的回應。
 回饋(feedback) : 使用者應得的是一個會對於其所執行中的工作
及完成工作進度提供清楚、可理解，及正確資訊的系統。
26
使用者介面設計(6)
P348
可靠(dependencies) : 使用者有權清楚地得知要成功地使用軟體或硬體
的所有系統需求。
 範疇(scope) : 使用者有權得知系統能力的極限。
 協助(assistance) : 使用者有權與科技提供者溝通而在發出疑慮時獲得
體貼且有幫助的回應。
 可用性(usability) : 使用者應該是軟體及硬體的主宰而非受其牽制。產
品應該能自然而直覺地被使用。

•
使用者為中心設計的基本原則
IT專業人士大多數均同意好的介面設計仰賴以下八
個基本原則:
1. 了解基本營運功能 --- 介面設計師必須了解基本營運功能，
以及系統是如何支援個人、部門，及企業達成其目標。整
體的目的是設計一個可以幫助使用者完成其工作的介面。
一個好的起始點可能是去分析功能分解圖(FDD，
Functional decomposition diagram #) (p133 圖3-9 )。
27
使用者介面設計(7)
P348
2. 圖形效益最大化 --- 一個完美設計的GUI可以幫助使用者，
很快地學習新系統，並有效地利用此系統完成工作。
3. 了解系統的使用者 --- 系統分析師必須了解使用者的經驗、
知識，及其技術能力。 如果能力差距很大，則介面必須有
足夠的彈性，以同時滿足初學者及經驗豐富的使用者。
4. 以使用者的角度思考 --- 要發展以使用者為中心的介面，設
計師必須學習以使用者的方式來思考，並從使用者的角度
來看系統。介面應該採用使用者熟悉的字詞及比喻。
5. 使用雛型 --- 從使用者的角度來看，介面是系統設計的最重
要部分，因為這是他們賴以與系統互動的地方。所以，利
用模型及雛型的建構來徵詢使用者的同意是相當重要的。
你可以用連續的故事腳本(storyboard)將畫面模型呈現給使
用者看，而所謂的故事腳本就是用來顯示出概略畫面佈置
與設計的概略圖。
28
使用者介面設計(8)
P349
6. 設計易於了解的介面--- 使用者介面應該要包含了在使用者
與資訊系統之間所有的工作、命令，及溝通。(p350 圖621)。 在一個畫面上有太多選項會把使用者弄迷糊，但是太
少選項則會增多次級選單的層級而使遊走的過程變得複雜。
通常一個好的策略是顯示出最常使用的選項作為預設值，
而讓使用者另行點選其他選項。
7. 持續回饋程序 --- 即使在系統已經開始運作之後，監測系統
使用狀況並請使用者提供建議仍然是非常重要。
8. 建立介面設計文件 --- 你應該為所有畫面設計建立文件，以
提供給程式設計師使用。如果你有使用CASE工具或是畫面
產生器，應該將這些畫面設計加以編號，並以類似於選單
樹狀結構的方式儲存這些設計(p353 圖6-24)。
29
使用者介面設計(9)
•
P350
使用者介面設計準則
當你產生使用者介面時，你應該遵循八個基本的準
則︰
1. 著眼於基本目標







使系統設計目標易於完成，而不是讓人將注意力放在介面
上。
產生容易使用與記憶的設計。
設計介面以增進使用者效率及產能。
編寫命令、動作，及系統回應要一致且可預期。
減小資料登錄問題(e.g.提供資料驗證檢查)。
讓使用者易於更正錯誤。
建立合理又有吸引力的佈局。
30
使用者介面設計(10)
2.
P352
建構易學易用的介面


將所有控制項、按鍵，及圖像都加以標示說明。
如果有使用圖案來表示圖像或控制項，儘量選擇使用者易於
了解的圖案，畫面所提示的指令要合乎邏輯、簡單，且清楚。
(ref. p352 圖6-23)
 顯示選單的所有命令，但是將目前不可使用的命令項目亮度
調暗。
 在選單架構中，使易於遊走或回到任何一層。
3.
提供增進效率的功能

你應該將功能及子選單項目群組化，成為一個多重階層架構
或是樹狀架構。(ref. p353 圖6-24)
 產生依字母排序的選單表列，或是將最常使用的選項放在整
個選單表列的最上方。事實上，並不存在廣為接受的選單項
目的放置方法，最好的策略是設計一個雛型，再從使用者得
到意見回饋。
31
使用者介面設計(11)
P353
 提供捷徑給有經驗的使用者，以跳過多層的選單。
捷徑的建立可以使用熱鍵(Hot Key #)，讓使用者
按AIt再加上命令中有加底線的字母。
 如果在欄位中大部分的值都是相同，可以將其定
為預設值。
 使用複製內容值的功能，讓使用者在輸入新紀錄
的值時，會引入前一筆紀錄中相同欄位中的內容
值(e.g. 網址的輸入)。
 提供快速尋找功能，讓使用者在輸入部分字母時，
即可顯示可能內容值的表列。
4. 使用者易於得到協助或更正錯誤
 保證隨時可以取得求助資訊。
32
使用者介面設計(12)
P355
 提供使用者選擇的線上求助(ref. p355 圖6-26)及內
文相關的線上求助(ref. p355 圖6-27) 。
 放入聯絡資訊，例如，負責支援使用者的部門或求
助專櫃的電話號碼碼或e-mail地址等。
 在使用者刪除資料前，再加以確認，並在使用者不
小心刪除資料時，提供回復方法。
 使用還原鍵或選單選項，讓使用者可以取消新近執
行的命令或動作。
 當使用者輸入的命令有錯誤時，標示出錯誤部分，
並讓使用者可以修改該錯誤部分，而不用重新輸入
整個命令。
 使用超連結來協助使用者，引導他們在線上求助主
題中瀏覽。(e.g...\MyDocuments\中華民國身份証
號碼之檢查碼產生方式.doc )
33
使用者介面設計(13)
P356
5. 儘量減少輸入資料問題
 提供資料驗證檢查。
 顯示事件驅動訊息及提醒。 當要讓使用者做某些
特定工作時，也要顯示一些必要且合適的訊息。
(e.g.欲離開系統時,提醒使用者儲存未儲存的資料)
 建立預設值的表列，讓使用者可以直接按鍵選擇。
 內建增強資料完整性的原則。例如，如果使用者
試圖輸入新客戶的訂單，則系統在接受此一訂單
之前，此客戶必須先被新增。
 使用輸入遮罩(input mask)，這是可以讓使用者
更容易輸入資料的樣板或是模式。 Microsoft
Access 提供標準輸入遮罩給各種欄位，例如，如
果使用者輸入小寫字母，則輸入遮罩 > LLLLLLL
可以將之轉換為大寫字母。
34
使用者介面設計(14)
P357
6. 提供回應給使用者
 在畫面的合適位置(e.g. 狀態列)顯示訊息，並且
要保持一致。
 警告使用者處理時間過長或是有延遲。
 讓訊息在畫面停留的時間足夠使用者讀完。
 讓使用者知道該工作或是作業是否完成。
 如果控制按鈕是使用圖像或圖形來識別時，當游
標在此圖像或圖形上時，要提供文字說明。
 使用特殊、易了解，及專業的訊息。避免使用可
愛、神祕，或是模糊的訊息，例如，錯誤---不可
接受之數值，或是，錯誤DE4-16。
35
使用者介面設計(15)
7.
P358
建立吸引人的佈局及設計






使用適當的顏色來強調畫面的不同區域(e.g.必須輸入資料
的區域用藍色)﹔避免使用太炫耀或明亮的顏色。
節制地使用特殊效果。例如，動畫及聲音在某些情況下可
能有用，但太多特殊效果也會讓使用者分心或造成困擾。
使用超連結讓使用者可以跳到相關議題。
(e.g. ..\..\MyDocuments\中華民國身份証號碼之檢查碼產
生方式.doc)
將相關的物件及資訊群組化。
畫面的密度也是很重要。不要讓畫面看起來太雜亂，保留
一些空白的地方是比較有吸引力及易於閱讀的設計。
以一致的方式顯示標題、訊息，及指令，並放置在畫面中
的相同位置。
36
使用者介面設計(16)
P358
 使用一致的術語名稱。例如，不要使用刪除、取消，
及抹去來表示相同的動作。
 確定同一命令總是會產生相同的結果。
 確定相似的滑鼠動作，在整個應用軟體中，會產生
相同的結果。
 當使用者輸入的資料填滿一個欄位時，不要自動地
移到下個欄位，而要請使用者在每個填入欄位最後
按ENTER鍵或是TAB鍵確認所輸入的資料。
37
使用者介面設計(17)
P358
8. 使用熟悉的術語及圖形
 記得使用者是已經習慣於: 紅色代表停止; 黃色代
表小心; 及綠色代表通行的行為模式。
 為每一個選單命令提供由鍵盤輸入的選擇，並使
用好記的字母，例如，以開檔(File)使用F、離開
(Exit)使用E ，及線上求助(Help)使用H等。
 儘可能使用熟悉的命令，例如，剪下、複製，及
貼上等。
 如果使用者對Windows視窗應用軟體相當熟悉，
則可以在介面設計中提供類似視窗的外觀及感覺。
 避免複雜的術語或太專業性的用語; 相反地，選用
在每天企業營運程序中，就會用的字或是一般使
用者都知道的詞彙。
38
使用者介面設計(18)
P359
• 使用者介面控制
設計者可以放入許多控制功能，例如，選單欄、
工具欄、對話框、文字框、開關按鈕、表列框、
滾動軸、下拉式表列框、選項按鈕、核選框、命
令按鈕、旋轉軸，以及日曆控制等。 (ref. p359
圖6-29所示)。
在設計啟動畫面時，你可以利用一個主表單作為
控制面板。所謂控制面板(switchboard)是使用命
令按鈕讓使用者可以操縱整個系統，並在相關工
作的群組中進行選擇。(p361 圖6-31a,圖6-31b )
39
輸入設計(1)
P362
 今天，可以使用的主要輸入設備及技術列於P363
圖6-32中。
 垃圾進，垃圾出(GIGO, garbage in, garbage
out)是資訊技術人員非常熟悉的概念，所以他們
知道避免問題發生的最佳時機就是在資料輸入的
時候。 輸入設計的主要目的保證輸入資料品質、
正確，與及時性。
 在輸入設計時，你要決定資料將要如何擷取及如
何登錄到系統中。 資料擷取(data capture)使用
自動化或手動操作的設備來辨認資料，並將之轉
換成電腦可讀取的形式。 資料擷取設備的例子包
括信用卡刷卡機和條碼閱讀機; 資料登錄(data
entry)則是以手工方式將資料輸入資訊系統的過
程，通常都是以鍵盤或滑鼠點選的方式來進行。
40
輸入設計(2)
P364
 輸入設計有以下六個主要目標: (1) 選擇合適的
輸入及資料登錄方法、 (2) 減少輸入數量、 (3) 設
計具有吸引力的資料輸入畫面、 (4) 使用驗證檢
查以降低輸入錯誤、 (5) 設計必要的原始文件、
(6) 發展有效的輸入控制。
• 輸入與資料登錄方法
 使用批次輸入(batch input #)，資料的輸入是在按某
一個排定的時程來處理，像是每天、每週、每月或是
更長的時間。例如，薪資部門在每週末收集工時卡時，
再將它整批(batch)輸入，就是批次輸入。 另一個例子，
是在學校中每學期末將學科成績整批輸入。
41
輸入設計(3)
P365
 雖然批次輸入可使用於某些特定狀況下，但大
部分企業活動仍然需要線上資料輸入(online
data entry #)。 線上輸入方法具有一些重要優
點，包括資料的即時驗證及可用性。 一種普遍
的線上輸入方法是結合線上資料輸入及自動資
料擷取的(如: 大賣場的刷條碼結帳方式)。
 原始資料自動化(source data automation)，
此種方法使用像是無線射頻識別標籤(RFID
tags )及資料磁條(magnetic data strips)等設
備，一些常用的原始資料自動化之例子是:
 銷售點系統(POS, point-of-sale #)，這些終端機配
備條碼掃描器及磁性讀卡機以輸入信用卡資料。
42
輸入設計(4)
P365
 自動提款機(ATM, automatic teller machine #)可讀取銀行
提款卡的磁條。
 工廠員工使用磁性ID卡，可用以針對某工作的工作時間做打
卡紀錄，公司即可正確追蹤生產成本。
 醫院將條碼印在病患的身份手環上，就可以使用可攜式掃描
器收集該病患的醫療處理資料。‧ ‧ ‧
 批次輸入與線上輸入互為取捨。 雖然線上輸入提供
許多優點，它仍然存在一些缺點。例如，除非使用原
始資料自動化，否則線上資料輸入比批次輸入要慢且
昂貴(*需修改書上課文)，因為這是進行於交易發生的
同時，而通常在這種時候，電腦使用的需求是在最高
點。 使用批次或是線上輸入的決策是要依企業的需求
而定。例如，旅館預約就必須馬上輸入與處理，但是
旅館可以將他們每月營運狀況以批次處理。
43
輸入設計(5)
•
P366
輸入量
以下準則可以幫忙降低輸入量︰
1.
只輸入必要資料。 除非是系統所需，否則就不要輸
入這筆資料項。
2. 不要輸入使用者可以從系統檔案取得或是透過其他
資料加以計算就可以得到的資料。如p367 圖6-34所
示，系統產生訂單號碼，並記錄目前日期及時間，
‧‧‧
3. 不要輸入不變的資料。如果訂單是在同一天以批次
處理，使用者應該只要在此批次作業的第一個訂單中，
輸入一次日期。如果訂單是線上處理的，則使用者可
以自動由目前系統日期，獲取訂單日期。
4. 使用代碼。 代碼比它們所代表的資料要短得多，使
用代碼輸入可以降低資料輸入時間。
44
輸入設計(6)
•
P366
設計資料登錄畫面
 線上資料登錄最有效方法是填表(form
filling)，其方式是在畫面上完成一份與原始
文件的內容相同或是近似的空白表格。
 以下的準則會協助你設計出易學易用的資料
登錄畫面︰
1.
限制使用者只能存取欲登錄資料之畫面位置。使
用者應該只可以將游標放在表格中資料要輸入的
地方。 (P367 圖6-34)
2. 每一個欄位都提供描述性標題，顯示出使用者可
在哪裏輸入資料及需要的或是最大的欄位大小。
45
輸入設計(7)
P368
3. 如果使用者必須在欄位中，輸入特定格式，就該
顯示樣本格式。例如，在畫面上提供指示，讓使
用者知道日期格式是MMDDYY 。如果使用者必須
輸入區隔符號(separators)，例如斜線，則提供範
例。最好是使用輸入遮罩，讓使用者只要輸入
112705，就可代表2005年11月27日。
4. 每一個欄位都需要一個結束確認按鍵。按下
ENTER或是TAB鍵表示此欄位輸入的結束。避免
設計在欄位被填滿時，就自動跳至下個欄位。使
用兩種不同資料輸入程序容易產生混淆。
5. 不要要求使用者在輸入數字欄位時，在數字的前
面補0。此規則可能會有例外，可能發生在輸入日
期時，需要在前面補0以表示單位數的月份或日子，
例如06-04-2005。
46
輸入設計(8)
P368
6. 不要要求使用者在輸入含小數的數字欄位時，在
小數點之後補0。例如，在含兩位小數的數字欄位，
當使用者輸入98時，系統即要將之解讀為98.00。
只有當小數點後有非0的數如98. 76時，才需要輸
入小數點。
7. 顯示內定值。讓操作者可以只要按ENTER鍵，以
接受此建議值。如果此內定值不合適，操作者再
加以更改。
8. 當欄位的值在接下來的輸入紀錄中或是整個輸入
程序中將會持續不變時，則將此值定為內定值。
例如，如果紀錄是依日期順序輸入，則將第一筆
交易的日期設為內定值，直到輸入新日期為止。
47
輸入設計(9)
P368
9. 顯示欄位可接受之內容值的表列，且如果使用者
輸入不被接受的值時，則提供清楚的錯誤訊息。
更好的方法是提供一個下拉式表列框，其中包含
可接受值的表列，讓使用者可以直接加以點選。
10. 提供一個方法，在任何時候都可以離開資料輸入
畫面，而不用登錄目前的紀錄(即「取消」鈕)。
ref. P369 圖6-35
11. 提供使用者可以再確認輸入資料正確的機會，可
在登錄資料之前，在畫面上顯示某些訊息，例如，
「是否新增此紀錄?(Y/N)」。
12. 提供方法讓使用者可以在表格中的各個欄位間以
標準順序，或依自訂的順序移動。
13. 設計畫面格式佈局以匹配原始文件的佈局。
48
輸入設計(10)
P369
14. 允許使用者可以新增、更改、刪除，及查看紀錄。
15. 提供方法讓使用者可以搜尋某特定資訊。
•
輸入錯誤
 減少輸入錯誤的次數可提高資料品質。有一
種減少輸入錯誤的方法是去除不必要資料的
登錄，例如，如果不輸入客戶姓名或是依據
所輸入之客戶ID而自動帶出，就不可能拼錯
客戶姓名。相同的，如果項目價格是從主檔
案中擷取，而不是由人工輸入，則就不會使
用到過時的價格。
49
輸入設計(11)
P370
 防止不正確資料的最好方法是使用資料驗證
檢查，在資料登錄之前加以確認並更正之。
資料驗證檢查(data validation check)利用檢
查資料未滿足某些特定條件，則拒絕接受其
登錄的方法來提高輸入品質。
 你至少可以設計八項資料驗證檢查在輸入程
序中︰
1.
順序檢查(sequence check)是使用於當資料必須
要以某種預定的順序輸入時。例如，如果使用者
必須依據數字順序輸入訂單，則若有未依序訂單
就會出現錯誤。
50
輸入設計(12)
P370
存在檢查(existence check)是使用於強制資料
項目。例如，如果員工紀錄需要社會安全號碼，
則存在檢查將在社會安全號碼欄位未有適當值時，
不允許使用者儲存該項紀錄。
3. 資料類型檢查(data type check)是用以保證資
料項目符合所需之資料類型。例如，數字欄位必
須只是數字或是數字符號。
4. 範圍檢查(range check)是用以檢驗資料項目，
看其內容有否落於規定的最小值及最大值之間。
例如，員工每日工作時數必須是在0到24之間。
2.
當驗證檢查只是涉及一個最小值或是最大值，而
不是兩個數值都檢查，則稱為界限檢查(limit
check)。 檢查薪資金額是否大於0，而沒有規定
其最大值，就是界限檢查的一個例子。。
51
輸入設計(13)
P371
5. 合理性檢查(reasonableness check)用以確認數
值是否有問題，但是它不一定是錯的。例如，輸
入薪資$0.5及$5,000,000.00都可通過僅要求薪資
大於0的簡單界限檢查，然而兩者都有可能是錯的。
相同的，每日工作時數24，會通過0到24的範圍檢
查，但是此值似乎是不太可能，所以系統應使用
一個合理性檢查來加以檢驗。
6. 驗證檢查(validity check)是用以確定資料項目必
須是某些特殊值。例如，(a)一個存貨系統有20個有效的
項目種類，則如果輸入項目未滿足這些有效種類之一，則將
不能通過驗證檢查。(b)檢驗在訂單中的客戶號碼，是否有一
個相對應於在客戶檔案中的號碼，是驗證檢查的另一種類型。
(c)因為輸入的值必須參考到另外一個值，此種類型的檢查也
稱為參考完整性(referential integrity),如:訂單資料表中之
所有的「客戶號碼」 必須存在於客戶資料表中。
52
輸入設計(14)
P371
組合檢查(combination check)是使用兩個或是
多個欄位上，以保證當它們是一起考量時，是一
致的或是合理的。即使在組合檢查中的所有欄位
都各自通過其驗證檢查，這些欄位值的組合有可
能是不一致或是不合理。例如，如果一份訂單中
的某一個項目之訂購量，若超過100以上，可適用
20%折扣，現在該項目的訂購量是30，卻是使用
此種折扣，則示此種組合是無效，要不就是訂購
量輸入錯誤，否則就是折扣率輸入錯誤。
8. 批次控制(batch controls)是用以檢查批次輸入
的總值。批次控制可以檢查像是紀錄筆數或是數
值欄位總和的資料項目。例如，在登錄批次訂單
之前，使用者可以計算訂單總數及所有訂購量的
總額。當此批次訂單登錄後，訂購系統也計算相
同的兩個總值。如果系統計算的總值與輸入的總
值不符，則表示資料輸入有錯誤。與其他種驗證
檢查不同，批次控制無法確認某個特定的錯誤。
7.
53
輸入設計(15)
P373
 檢查碼檢查 (補充教材)
中華民國身份証號碼之檢查碼產生方式.doc
• 原始文件
 原始文件(source document #)是一種用來要
求並收集輸入資料、起動或是授權輸入動作，
及提供原始交易紀錄的表格。
 好的表格佈局(form layout)會讓表格易於填寫
完成，且在水平及垂直方向都有足夠的空間，
好讓使用者輸入資料。(p372 圖6-36)
 在表格中資訊的順序也很重要。原始文件通常
包含在p373 圖6-37中所示的大部分區域︰
54
輸入設計(16)
P373
 標題區(heading zone)通常包含公司名稱或商標，及此
表格的標題。(ref. p388 圖6-43 ， 圖6-46a ，圖6-46b )
 控制區(control zone)包含儲存完整表格之編號、及日
期等。
 指示區(instruction zone)包含完成表格的各種指示。
 表格的主要部分稱為主體區(body zone)，通常至少佔
整個表格的一半，且包含輸入資枓所需的標題及空間。
 如果總計也放在表格中，它們都是出現在總計區(totals
zone) 。
 核可區(authorization zone)包含任何需要的簽章。
 表格資訊流動方向必須是從左到右，從上到下，以符
合使用者閱讀文件的自然習慣。此種佈局可使表格較
易於讓填表人填寫，也讓使用者易於以此填寫完成的
表格登錄於系統中。
55
輸入設計(17)
P375
• 輸入控制
 輸入控制(input control)包含保證輸入資料是
正確、完整，及安全的各種必要方法。
 在輸入設計的每一個階段中，你必須要注意輸
入控制，可從提升資料正確性及品質的原始文
件開始。
 每項資訊都必須可追溯到產生此資訊的輸入資
料。也就是說，你必須提供稽核軌跡(audit
trail)，當資料項目登錄至系統，記錄每項資料
的來源，除記錄原始來源外，稽核軌跡也必須
顯示出資料是何時、由誰，及如何被存取及更
改。所有這些動作都必須儲存在稽核軌跡檔中
並仔細監控。
56
輸入設計(18)
P376
 公司必須要有處理這些原始文件的程序，以保證資料
不會在登錄到系統前遺失。
 當收到任何從組織外所產生出來的原始文件時，都必
須加以記錄。
 每當原始文件在部門間流動，此種傳遞也必須加以記
錄。
 資料安全(data security)政策及程序確保資料不致於
遺失或損壞。 如果安全防護不是百分之百有效，那麼
資料回復措施該能夠將遺失或損壞的資料恢復。
每當資料輸入完成，公司必須將原始文件放在一個安
全的地方，並儲放至某特定時間。公司也必須有符合
法規需求及企業需要的紀錄保留政策(records
retention policy) 。
57
輸入設計(19)
P377
 稽核軌跡檔及報告必須加以儲存。而後，在資
料檔案遭受損壞時，你可以使用此資訊來重建
遺失的資料。
 資料安全也牽涉到保護資料以避免遭受未授權
的存取。
 系統簽入程序必須防制未授權實體進入系統，
且使用者必須經常定期更改他們的密碼。也建
議系統應該要有數個不同存取等級。
 敏感的資料可利用加密程序(encryption)來加
密(encrypted)或是編碼(coded)，只讓擁有解
碼軟體的使用者可以解讀。
----------------------- 本章結束 ------------------------58