第6章输出及使用者介面设计.ppt

1、1第第6章章 輸出輸出 及及 使用者介面設計使用者介面設計Prepared by S.F.Chang2簡介簡介 p320 輸出輸出及及使用者介面設計使用者介面設計是是SDLC系統設計系統設計階段的階段的第一件任務第一件任務。輸出設計輸出設計著眼於使用者所需的著眼於使用者所需的螢幕螢幕及及列印列印形式形式的產出。的產出。使用者介面設計使用者介面設計則強調使用者與電腦的互則強調使用者與電腦的互動，動，包括包括輸入設計輸入設計及及程序程序。3輸出設計輸出設計(1)p323 輸出的類型輸出的類型 大部分大部分系統輸出系統輸出是以是以報表方式報表方式列印列印或是或是顯示於顯示於畫面上畫面上。除了列印及螢

2、幕輸出外，資訊也可以透過除了列印及螢幕輸出外，資訊也可以透過網際網際網路網路、e-mail、語音輸出語音輸出、自動傳真系統自動傳真系統、電電腦輸出縮影膠卷腦輸出縮影膠卷、雷射光碟電腦輸出雷射光碟電腦輸出，及，及其他其他特殊方法特殊方法傳送給使用者。傳送給使用者。所需要的所需要的輸出類型輸出類型及及技術技術通常是在通常是在系統分析階系統分析階段段，依據，依據使用者要求使用者要求而決定的。而決定的。在在系統設計階段系統設計階段，你必須設計實際報表、畫面，你必須設計實際報表、畫面表格，及其他輸出傳遞方法。表格，及其他輸出傳遞方法。4輸出設計輸出設計(2)p323 以網際網路為基礎的資訊傳遞以網際網路

3、為基礎的資訊傳遞-數以百萬計的公司使數以百萬計的公司使用網際網路來接觸其在全世界的新客戶及市場。用網際網路來接觸其在全世界的新客戶及市場。例如例如 (1)(1)一家企業可以連結其一家企業可以連結其存貨系統存貨系統到其網頁上，以使得此存貨系統到其網頁上，以使得此存貨系統的輸出，有如目錄般地顯示在畫面上。客戶瀏覽其網頁，可以的輸出，有如目錄般地顯示在畫面上。客戶瀏覽其網頁，可以參看項目類別、取得目前價格，及檢查產品是否有存貨。參看項目類別、取得目前價格，及檢查產品是否有存貨。(2)提供提供回答客戶有關產品或是技術問題的系統回答客戶有關產品或是技術問題的系統。電子郵件電子郵件(e-mail or e

4、lectronic messaging)-公公司透過司透過e-mail寄送新的產品資訊給其客戶，而財務服務公司使寄送新的產品資訊給其客戶，而財務服務公司使用用e-mail來確定線上的股票交易。來確定線上的股票交易。e-mail幾乎已代替傳統的備幾乎已代替傳統的備忘錄或是書面信函。忘錄或是書面信函。語音輸出語音輸出(audio output)可以附加在可以附加在e-mail訊息中或是以訊息中或是以語音片段嵌在語音片段嵌在Microsoft Word文件中。文件中。許多公司使用自動系許多公司使用自動系統以處理語音交易及提供資訊給其客戶。統以處理語音交易及提供資訊給其客戶。自動傳真自動傳真(auto

5、mated facsimile)或稱為或稱為回傳回傳(fax-back)的系統。的系統。5輸出設計輸出設計(3)p326 電腦輸出縮影膠卷電腦輸出縮影膠卷(COMCOM,computer output computer output microfilmmicrofilm)可以抓取文件中的圖像且產生膠片輸出可以抓取文件中的圖像且產生膠片輸出。雷射光碟電腦輸出雷射光碟電腦輸出 (COLDCOLD,computer output to computer output to laser disklaser disk)-利用利用COLD科技，紙張文件會被掃描，而科技，紙張文件會被掃描，而其數位化影像會被

6、存在高密度的雷射光碟媒體上其數位化影像會被存在高密度的雷射光碟媒體上。輸出的特殊格式輸出的特殊格式-例如例如:(1)處理電腦化信用卡交易、處理電腦化信用卡交易、列印收據，及更新庫存記錄的零售列印收據，及更新庫存記錄的零售銷售點銷售點(POS)終端機終端機。(2)處理銀行交易並印出存款及提款條的處理銀行交易並印出存款及提款條的自動櫃員機自動櫃員機(ATM,Automatic Teller Machine#)。(3)產生高品質的圖像，如產生高品質的圖像，如藍圖、地圖，及電子電路圖的藍圖、地圖，及電子電路圖的繪圖機繪圖機。在今日的互聯世界中，在今日的互聯世界中，一個系統的輸出通常可一個系統的輸出通常

7、可成為另一個系統的輸入成為另一個系統的輸入。例如。例如:(1)在公司內，在公司內，從製造系統所產生的資料將成為存貨系統的輸從製造系統所產生的資料將成為存貨系統的輸入。入。(2)公司可能將員工公司可能將員工W-2表的報稅資料以表的報稅資料以電子形式傳送到國稅局的系統中。電子形式傳送到國稅局的系統中。6輸出設計輸出設計(4)p326 雖然數位科技打開了企業通訊上的新紀元，但雖然數位科技打開了企業通訊上的新紀元，但是是列印輸出列印輸出仍是常用的輸出形式仍是常用的輸出形式，且一些特定，且一些特定考量適用於列印輸出，例如考量適用於列印輸出，例如:收據，收據，發票等。發票等。7列印及螢幕輸出列印及螢幕輸出

8、(1)p327 雖然很多組織努力想降低紙張及列印報表雖然很多組織努力想降低紙張及列印報表的使用量，但是的使用量，但是很少有公司有辦法將列印很少有公司有辦法將列印輸出完全消除輸出完全消除。因為它們。因為它們易於攜帶易於攜帶，列印列印報表比較方便報表比較方便，且在，且在某些狀況下甚至是必某些狀況下甚至是必要的要的。-(e.g.許多使用者發現很難去閱讀畫面上的輸出，所以許多使用者發現很難去閱讀畫面上的輸出，所以就印出他們為了討論或是開業務會議所需要的資訊。就印出他們為了討論或是開業務會議所需要的資訊。)列印輸出也使用於列印輸出也使用於回轉文件回轉文件(turnaround documents)，這些

9、，這些輸出文件隨後將再登錄輸出文件隨後將再登錄於相同或是另一個資訊系統中於相同或是另一個資訊系統中。(e.g.你的你的電話或電話或是水電帳單是水電帳單，也可算是由電話等公司的帳單系統所印出來的，也可算是由電話等公司的帳單系統所印出來的回轉文件回轉文件。當你使用此帳單去繳款時，此帳單就被掃描進入公司的應付帳款系統當你使用此帳單去繳款時，此帳單就被掃描進入公司的應付帳款系統中以記錄你已繳付的帳款。中以記錄你已繳付的帳款。)8列印及螢幕輸出列印及螢幕輸出(2)p327報表報表 不論是列印出來或在螢幕上看，報表必須具不論是列印出來或在螢幕上看，報表必須具有有吸引力吸引力且且易於了解易於了解。當在設計報

10、表時，非常重要的目標是當在設計報表時，非常重要的目標是讓報表讓報表符合使用者需要的特定資訊符合使用者需要的特定資訊。依據依據使用者的職務功能使用者的職務功能而定，他們可能需要而定，他們可能需要一個或是多個以下所述之報表一個或是多個以下所述之報表1.1.細節報表細節報表(detail reportdetail report#)#)對所處理的每筆紀對所處理的每筆紀錄，產生一行或是多行的輸出。錄，產生一行或是多行的輸出。列印輸出的每一列印輸出的每一行稱為行稱為細節行細節行(detail linedetail line)。優良設計的細節優良設計的細節報表應該提供報表應該提供數字欄位的總計數字欄位的總計

11、。(圖圖6-4 及及圖圖6-5 for 控制欄位控制欄位、控制分段控制分段、控制分段報表控制分段報表)9列印及螢幕輸出列印及螢幕輸出(3)p3292.例外報表例外報表(exception report#)僅顯示滿足一項或僅顯示滿足一項或多項條件的紀錄。多項條件的紀錄。當使用者只想要知道可能需要當使用者只想要知道可能需要採取行動的紀錄之資訊，而並不需要知道細節時，採取行動的紀錄之資訊，而並不需要知道細節時，例外報表很有用處。例外報表很有用處。(e.g.(e.g.授信經理可能使用例外報授信經理可能使用例外報表以確認表以確認過期帳款未繳付的客戶過期帳款未繳付的客戶 或是或是:一份例外報表，它一份例外

12、報表，它僅包含僅包含加班工作的員工加班工作的員工，而不是列出所有員工的資訊。，而不是列出所有員工的資訊。圖圖6-6 6-6)3.3.彙總報表彙總報表(summary reportsummary report#):#):高階管理人有時高階管理人有時候要看候要看整體狀況整體狀況，而不需要詳細內容。，而不需要詳細內容。(e.g.(e.g.銷售銷售經理可能要知道經理可能要知道每一位業務代表的銷售總額每一位業務代表的銷售總額，而不想要每一，而不想要每一位業務代表的每項細節報表。在此種狀況下，彙總報表就很位業務代表的每項細節報表。在此種狀況下，彙總報表就很適用了。適用了。圖圖6-76-7)。一般來說，在組

13、織中一般來說，在組織中愈高階層愈高階層的人所使用之報表的人所使用之報表，相較之於低階層員工所使用，相較之於低階層員工所使用的報表，的報表，包含較少細節資訊包含較少細節資訊。10列印及螢幕輸出列印及螢幕輸出(4)p331 使用者參與報表設計使用者參與報表設計 列印報表列印報表是是傳遞資訊給使用者傳遞資訊給使用者很重要的方法，很重要的方法，所以報表的接收者必須要在所有報表設計之前，所以報表的接收者必須要在所有報表設計之前，加以認可，而不是要等到完成整個報表設計，加以認可，而不是要等到完成整個報表設計，才做這個工作。才做這個工作。在設計一個報表時，你應該要準備一個在設計一個報表時，你應該要準備一個範

14、例報範例報表表，也就是一個，也就是一個打樣打樣(mock-up)或是或是雛型雛型，以，以讓使用者可檢視。此模型應包含讓使用者可檢視。此模型應包含樣本欄位值樣本欄位值，並要有足夠的紀錄以顯示整個設計特色。並要有足夠的紀錄以顯示整個設計特色。依依據據列印輸出的類型列印輸出的類型，你可以使用，你可以使用文字處理軟體文字處理軟體、報表產生器報表產生器，或是，或是列印空間圖列印空間圖(printer spacing chart)以產生報表打樣。以產生報表打樣。11列印及螢幕輸出列印及螢幕輸出(5)p331 報表設計原則報表設計原則 列印報表必須是具有列印報表必須是具有吸引力吸引力、專業化專業化，及，及易

15、於閱讀易於閱讀。報表標頭及標尾報表標頭及標尾-每一份報表必須有一個每一份報表必須有一個報表標頭報表標頭及及一個一個報表標尾報表標尾。報表標頭報表標頭(report header)都是出現在都是出現在報表的最前面，係用以識別此份報表，它包含報表的最前面，係用以識別此份報表，它包含報表標報表標題題、日期日期及及其他必要資訊其他必要資訊(e.g.報表使用單位報表使用單位)。報表報表標尾標尾(report footer)則是出現在報表結束之處，可以包則是出現在報表結束之處，可以包含含數字欄位的總計數字欄位的總計，及，及其他結束報表的資訊其他結束報表的資訊。(圖圖6-8)頁首及頁尾頁首及頁尾-每頁應包含

16、一個每頁應包含一個頁首頁首(page header)，它是出現在每頁的頂端，它包含它是出現在每頁的頂端，它包含欄標題欄標題以確認資料。以確認資料。這些標題必須這些標題必須簡短簡短又又具備描述能力具備描述能力。除非你知道使用除非你知道使用者可以清楚了解其意義，否則者可以清楚了解其意義，否則不要使用縮寫不要使用縮寫。而而頁尾頁尾(page footer)則是出現在每頁的底部。你可以使用則是出現在每頁的底部。你可以使用頁頁首首來顯示來顯示欄標題，欄標題，使用使用頁尾頁尾來顯示來顯示報表的頁數報表的頁數。(圖圖6-8)12列印及螢幕輸出列印及螢幕輸出(6)p331 欄標題對齊方式欄標題對齊方式(圖圖6

17、-9)，大部分有經驗的設計師比較，大部分有經驗的設計師比較喜歡喜歡 欄標題欄標題在在文數字欄位文數字欄位上上靠左對齊靠左對齊，而在，而在數字欄數字欄位位上上靠右對齊靠右對齊(即圖即圖6-96-9之例之例4)4)。欄距欄距-太擠的報表閱讀困難，太大的欄距則會造成不太擠的報表閱讀困難，太大的欄距則會造成不容易目視判斷資料是否在同一個橫列。各個欄位應該容易目視判斷資料是否在同一個橫列。各個欄位應該橫跨報表展開，要有橫跨報表展開，要有一致的間隔一致的間隔，同時在上下左右均，同時在上下左右均要有要有合度的邊界合度的邊界。欄位次序欄位次序-欄位必須依照欄位必須依照合理次序的方式來顯示及群合理次序的方式來顯

18、示及群組化組化。如如圖圖6-8，在一個在一個商店號碼商店號碼之後的之後的員工姓名員工姓名是是依照字母次序排列，所以依照字母次序排列，所以商店號碼商店號碼是放在最左邊一欄，是放在最左邊一欄，接著是接著是員工姓名員工姓名。因為。因為員工的職位員工的職位與其姓名相關聯，與其姓名相關聯，所以此二者緊鄰著。所以此二者緊鄰著。細節行群組化細節行群組化-通常，將通常，將細節行細節行依照其依照其控制欄位控制欄位來加來加以以群組化群組化是有意義的，例如是有意義的，例如:使用使用部門號碼部門號碼為為控制欄位控制欄位，個別員工可依部門而加以群組。個別員工可依部門而加以群組。13列印及螢幕輸出列印及螢幕輸出(7)p3

19、33 報表設計議題報表設計議題 比較比較p332 圖圖6-8 與與 p334 圖圖6-10。好的設計標準產生好的設計標準產生形式一致形式一致的報表。當系統產生多份的報表。當系統產生多份報表時，每一個報表都應該具有相同的設計元件。例報表時，每一個報表都應該具有相同的設計元件。例如，如，日期日期及及頁數頁數都應該印在每張報表頁中的都應該印在每張報表頁中的相同位置相同位置。在報表中的在報表中的縮寫縮寫也應該也應該保持一致保持一致。當要表示一個數字。當要表示一個數字值時，如果一張使用值時，如果一張使用#,另一張用另一張用NO，第三張用，第三張用NUM，將讓使用者產生混亂。將讓使用者產生混亂。你應該讓你

20、應該讓欄標題簡短欄標題簡短，但又，但又具有描述性具有描述性並並避免使用非避免使用非標準的縮寫標準的縮寫。在各欄之間使用。在各欄之間使用合理的間隙合理的間隙，可增進閱，可增進閱讀的容易程度。列印讀的容易程度。列印欄位的順序及位置欄位的順序及位置應該要合理，應該要合理，總和也要清楚地標示出來。總和也要清楚地標示出來。在報表設計批准後，你必須將此設計以在報表設計批准後，你必須將此設計以報表分析表報表分析表加加以歸檔，此報表分析表包含以歸檔，此報表分析表包含欄位欄位、資料類別資料類別及及長度長度、報表頻率報表頻率與與分配分配，及，及其他註解其他註解等資訊。等資訊。14列印及螢幕輸出列印及螢幕輸出(8)

21、p335 設計以文字為基礎的報表設計以文字為基礎的報表 雖然絕大部分報表可選擇各種形式、字體及圖雖然絕大部分報表可選擇各種形式、字體及圖片，以產生誘人佈局的設計方式，但仍有許多片，以產生誘人佈局的設計方式，但仍有許多資訊系統仍會產生一些以資訊系統仍會產生一些以文字為基礎的報表文字為基礎的報表。以以高速衝擊式列印文字高速衝擊式列印文字為基礎的報表，為基礎的報表，仍是產仍是產生大量報表最快速最經濟的方法生大量報表最快速最經濟的方法，如如:企業中企業中的的薪資薪資或或庫存報表庫存報表，或，或學校的註冊名單學校的註冊名單。當報表設計師當報表設計師產生或修改文字產生或修改文字為基礎的報表時，為基礎的報表

22、時，他們使用一種目前仍然使用良好，稱為他們使用一種目前仍然使用良好，稱為列印空列印空間圖間圖的傳統工具。的傳統工具。列印空間圖列印空間圖(printer spacing chart)是畫滿橫條及縱條的是畫滿橫條及縱條的方格表方格表，你可以在上面指定列印位置及欄位大小。你可以在上面指定列印位置及欄位大小。15列印及螢幕輸出列印及螢幕輸出(9)p336 列印量及時間需求列印量及時間需求 功能強大的功能強大的雷射印表機雷射印表機是是企業列印的標準配備企業列印的標準配備，因為它提供快速、優良列印品質，及圖形輸出。因為它提供快速、優良列印品質，及圖形輸出。而而衝擊式印表機衝擊式印表機仍然使用於仍然使用於

23、列印多張複印表格列印多張複印表格輸出，及相當高速的應用中。輸出，及相當高速的應用中。雖然雖然列印輸出列印輸出在許多狀況下是必須的，但是在許多狀況下是必須的，但是大大量的報表量的報表也會明顯增加系統的也會明顯增加系統的總取得成本總取得成本(TCO)，因為紙張的購買、列印、儲存，及丟棄都是相因為紙張的購買、列印、儲存，及丟棄都是相當昂貴，且列印出來的資訊很快就會過時。當昂貴，且列印出來的資訊很快就會過時。在完成報表設計後，估計此在完成報表設計後，估計此列印輸出的長度列印輸出的長度也也是相當重要的。是相當重要的。16列印及螢幕輸出列印及螢幕輸出(10)p337圖圖6-86-8中中(p332)(p33

24、2)所示的所示的員工工時報表員工工時報表的報表的報表用紙量用紙量計算。計算。66 每頁列印紙的總可用行數每頁列印紙的總可用行數 -6 上下邊緣留出的行數上下邊緣留出的行數 -6 每頁有每頁有2名稱行、名稱行、1空白行、空白行、2欄標題行、和欄標題行、和1短劃線行短劃線行-54 每頁可用的細節行每頁可用的細節行 3 每個商店有每個商店有1行短劃線、行短劃線、1行商店合計、和行商店合計、和 1行空白行空白 X 6 共共6個商店個商店-18 商店群組標尾行商店群組標尾行+3 每個報表有每個報表有2行短劃線行短劃線 和和 1行總計行總計 (即報表標尾即報表標尾)-21 標尾行標尾行(群組標尾群組標尾+

25、報表標尾報表標尾)+380 細節行細節行(即即380位員工位員工)-401 報表行報表行 54 54 每頁行數每頁行數-7.4 7.4 列印頁列印頁 -即即 八八 頁頁17列印及螢幕輸出列印及螢幕輸出(11)p337 估計列印此報表所需的時間。估計列印此報表所需的時間。雷射印表機是雷射印表機是以以每分鐘列印頁數每分鐘列印頁數(ppm,pages per minute#)來表示其列印速度。來表示其列印速度。例如例如:以以16 ppm的雷射印的雷射印表機為例，列印八頁的員工工時報表約需表機為例，列印八頁的員工工時報表約需30秒秒鐘。鐘。(16/8=1/x,x=0.5(min),即即30秒鐘秒鐘)公

26、司也用高速的公司也用高速的行印表機行印表機(line printers#)，這，這是是衝擊式印表機衝擊式印表機，通常，通常使用於列印內部報表使用於列印內部報表。衝擊式印表機衝擊式印表機可以使用可以使用多頁複寫的表格多頁複寫的表格來來產生產生多份報表多份報表，這對需要產生多份報表複本的公司，這對需要產生多份報表複本的公司非常有用。非常有用。18列印及螢幕輸出列印及螢幕輸出(12)p338報表長度報表長度的計算的計算 66 每頁列印紙的總可用行數每頁列印紙的總可用行數-6 上下邊緣留出的行數上下邊緣留出的行數-6 每頁有每頁有2標題行、標題行、1空白行、空白行、2欄標題行、和欄標題行、和1短劃線行

27、短劃線行-54 每頁可用的細節行每頁可用的細節行2,100,000 細節行細節行 54 54 每頁細節行數每頁細節行數-38,889 38,889 列印頁列印頁行印表機行印表機來列印這個報表的來列印這個報表的時間計算時間計算 4 每頁列印的標題行數每頁列印的標題行數X 38,889 頁頁-155,556 列印標題行列印標題行+2,100,000 列印細節行列印細節行-2,255,556 列印行數列印行數 2,000 2,000 每分數列印行數每分數列印行數-1,128 1,128 分鐘分鐘 =18.8=18.8小時小時19列印及螢幕輸出列印及螢幕輸出(13)p338 以每分鐘以每分鐘16頁頁(

28、16PPM)的的雷射印表機雷射印表機列印列印 38,889 頁頁 16 16 每分鐘頁數每分鐘頁數 -2,431 2,431分鐘分鐘 =40.5=40.5 小時小時20列印及螢幕輸出列印及螢幕輸出(14)p339 輸出控制及安全性輸出控制及安全性 輸出必須具備輸出必須具備正確正確、完整完整、及時及時，及，及安全性安全性。公司使用許多公司使用許多輸出控制輸出控制(output control)方法方法以以維持輸出的維持輸出的完整性完整性及及安全性安全性。例如，每個例如，每個報表報表必須包必須包含含適當的標題適當的標題、報表號碼報表號碼或或編號編號、列印日期列印日期，及其所，及其所涵蓋的時間涵蓋的

29、時間範圍範圍。報表必須。報表必須有連續編號的頁碼有連續編號的頁碼，如第，如第mm頁頁/共共nn頁，且報表頁，且報表的結束必須標示清楚。的結束必須標示清楚。控制總計控制總計及及紀錄總數紀錄總數必須與必須與輸入總和輸入總和及及筆筆數數相一致。相一致。輸出安全輸出安全(output security)保護隱私權且避免保護隱私權且避免組織的專有資料被盜取或是未授權存取。組織的專有資料被盜取或是未授權存取。首先，列印副本的數量必須加以限制，並對每一個首先，列印副本的數量必須加以限制，並對每一個副本，使用追蹤程序。副本，使用追蹤程序。使用一些特殊程序以保障輸出結果只傳送給已被授使用一些特殊程序以保障輸出結

30、果只傳送給已被授權的接收者。權的接收者。21列印及螢幕輸出列印及螢幕輸出(15)p339 所有的所有的敏感性報表敏感性報表，例如，例如薪資資料薪資資料，必須要，必須要儲存在安全的地儲存在安全的地方方，機密性報表機密性報表的每一頁都應該適當地的每一頁都應該適當地加以標示加以標示。將將敏感性報表敏感性報表、過期報表過期報表，及，及放棄列印的輸出放棄列印的輸出等資料等資料加以加以切碎處理切碎處理是很重要的。是很重要的。在大部分的組織中，在大部分的組織中，資訊科技資訊科技(IT)部門部門是負責是負責輸出控制輸出控制及及安全措施安全措施的單位。當系統分析師在進行設計、製作，的單位。當系統分析師在進行設計

31、、製作，及支援資訊系統時，必須考慮各種安全問題。可能的及支援資訊系統時，必須考慮各種安全問題。可能的話，可話，可使用密碼使用密碼、保護敏感性資料保護敏感性資料，及，及控制使用者存控制使用者存取權取權等方法將安全性設計到系統中。等方法將安全性設計到系統中。無硬碟工作站無硬碟工作站(diskless workstation)是一種提供全功是一種提供全功能使用者介面的能使用者介面的網路終端機網路終端機，除了某些易於監控及控，除了某些易於監控及控制的特定網路資源之外，制的特定網路資源之外，限制其資料的列印或複製限制其資料的列印或複製。22使用者介面設計使用者介面設計(1)P341 使用者介面使用者介面

32、(UI,user interface#)描述使用者如何描述使用者如何與電腦系統互動。與電腦系統互動。使用者介面使用者介面包含所有影響使用包含所有影響使用者與電腦雙向溝通的者與電腦雙向溝通的硬體硬體、軟體軟體、螢幕畫面螢幕畫面、選選單單、功能功能，輸出輸出，及，及特性特性。使用者介面的演進使用者介面的演進 當開發舊系統當開發舊系統(傳統系統開發傳統系統開發)時，分析師一般都是時，分析師一般都是先先設計所有的設計所有的列印及畫面輸出列印及畫面輸出，才再針對要產生的這些，才再針對要產生的這些結果設計所須的結果設計所須的輸入輸入。通常，使用者介面主要包含可以讓使用者將命令傳送通常，使用者介面主要包含可

33、以讓使用者將命令傳送給系統的給系統的程序控制程序控制(process control)畫面畫面。此種方式。此種方式在傳統將在傳統將輸入資料輸入資料轉變成特定的轉變成特定的輸出資訊輸出資訊的系統中運的系統中運作得很好。作得很好。23使用者介面設計使用者介面設計(2)P342 隨著資訊系統管理的發展從隨著資訊系統管理的發展從集中式資料處理集中式資料處理演變到演變到動動態及遍及整個企業態及遍及整個企業的系統，其主要的焦點也隨之改變的系統，其主要的焦點也隨之改變-從從資訊科技部門資訊科技部門轉移到轉移到使用者本身使用者本身。IT團隊變成團隊變成資訊科技的提供者資訊科技的提供者，而，而不是資訊的提供者不

34、是資訊的提供者。(圖圖6-16 所示的是將傳統以所示的是將傳統以處理為中心處理為中心的資訊系統與現的資訊系統與現代代使用者為中心使用者為中心的資訊系統做比較。注意到，的資訊系統做比較。注意到，以往作以往作為使用者資訊需求的主要介面的為使用者資訊需求的主要介面的IT部門部門已經變成了為其已經變成了為其使用者維護及支援系統的使用者維護及支援系統的系統協助者系統協助者。)在一個在一個使用者為中心使用者為中心(user-centered)的系統中，的系統中，輸入、輸入、輸出，及介面本身的差異並沒有清楚的界線輸出，及介面本身的差異並沒有清楚的界線。大部分。大部分使用者在每日例行的工作中所面對的是包含各種

35、不同使用者在每日例行的工作中所面對的是包含各種不同的輸入、畫面輸出，及資料查詢等的混合。的輸入、畫面輸出，及資料查詢等的混合。24使用者介面設計使用者介面設計(3)P342 使用者介面設計使用者介面設計需要了解需要了解人與電腦的互動人與電腦的互動及及以以使用者為中心使用者為中心的設計原則。的設計原則。人與電腦互動人與電腦互動 使用者介面使用者介面是以是以人與電腦互動人與電腦互動的基本原則為基的基本原則為基礎。礎。人與電腦互動人與電腦互動(HCI,human-computer interaction)描述描述電腦電腦與使用這些電腦來執行與與使用這些電腦來執行與營運相關工作的營運相關工作的人人之間

36、的關係。之間的關係。廣義的使用者介面廣義的使用者介面，包含，包含必須輸入給系統的所必須輸入給系統的所有溝通內容或是指令有溝通內容或是指令，以及，以及以螢幕畫面顯示或以螢幕畫面顯示或報表列印等形式獲得輸出結果報表列印等形式獲得輸出結果。25使用者介面設計使用者介面設計(4)P344 IBM追溯人與電腦介面的歷史與演進追溯人與電腦介面的歷史與演進-由使由使用者在一個黑色螢幕上打入綠色文字的複雜指用者在一個黑色螢幕上打入綠色文字的複雜指令開始，再經由介紹具有令開始，再經由介紹具有圖形物件圖形物件及及指引設備指引設備的的圖形使用者介面圖形使用者介面(GUI,graphical user interfa

37、ce#)，直到目前，直到目前介面設計者介面設計者極力將使極力將使用者行為，需求及慾望轉譯為透明化的介面用者行為，需求及慾望轉譯為透明化的介面(e.g.Virtual Reality)。介面將以介面將以使用者的觀點使用者的觀點為基礎而不是基於電腦為基礎而不是基於電腦工程師、程式設計師，或系統分析師。工程師、程式設計師，或系統分析師。IBM可用性專家可用性專家Clare-Marie Karat博士所做的強力博士所做的強力陳述中提到陳述中提到:在新的電腦世紀中，客戶不僅是在新的電腦世紀中，客戶不僅是對的，他們更擁有權益。對的，他們更擁有權益。26使用者介面設計使用者介面設計(5)P347Karat博

38、士所述的使用者權益包括下列十項博士所述的使用者權益包括下列十項:角度角度(perspective):使用者永遠是對的使用者永遠是對的。如果在系統使用上有問。如果在系統使用上有問題，那一定是系統的問題，而不是使用者。題，那一定是系統的問題，而不是使用者。安裝安裝(installation):輕易地安裝或卸除軟體或硬體系統輕易地安裝或卸除軟體或硬體系統，而不會，而不會有負面結果是使用者應得的。有負面結果是使用者應得的。承諾承諾(compliance):使用者應得的是使用者應得的是一套完全依其承諾運作的系一套完全依其承諾運作的系統統。說明說明(instruction):使用者應得的是一套使用者應得的

39、是一套易於使用的說明易於使用的說明(使用者使用者手冊、線上或文字導引的輔助，及錯誤訊息手冊、線上或文字導引的輔助，及錯誤訊息)以了解並使用該系統以了解並使用該系統以達成所期望的目標，以達成所期望的目標，並從有問題的情況中快速而又優雅地回復並從有問題的情況中快速而又優雅地回復過來過來。控制控制(control):使用者應得的是使用者應得的是對系統的控制權對系統的控制權，而能夠，而能夠在對系在對系統下令時得到系統的回應統下令時得到系統的回應。回饋回饋(feedback):使用者應得的是使用者應得的是一個會對於其所執行中的工作一個會對於其所執行中的工作及完成工作進度提供清楚、可理解，及正確資訊的系統

40、及完成工作進度提供清楚、可理解，及正確資訊的系統。27使用者介面設計使用者介面設計(6)P348 可靠可靠(dependencies):使用者有權清楚地得知使用者有權清楚地得知要成功地使用軟體或硬體要成功地使用軟體或硬體的所有系統需求的所有系統需求。範疇範疇(scope):使用者有權得知使用者有權得知系統能力的極限系統能力的極限。協助協助(assistance):使用者使用者有權與科技提供者溝通有權與科技提供者溝通而在而在發出疑慮時獲得發出疑慮時獲得體貼且有幫助的回應體貼且有幫助的回應。可用性可用性(usability):使用者使用者應該是軟體及硬體的主宰應該是軟體及硬體的主宰而非受其牽制。而

41、非受其牽制。產產品應該能自然而直覺地被使用品應該能自然而直覺地被使用。使用者為中心設計的基本原則使用者為中心設計的基本原則 IT專業人士大多數均同意專業人士大多數均同意好的介面設計好的介面設計仰賴以下仰賴以下八八個基本原則個基本原則:1.了解基本營運功能了解基本營運功能-介面設計師必須了解基本營運功能，介面設計師必須了解基本營運功能，以及系統是如何支援個人、部門，及企業達成其目標。整以及系統是如何支援個人、部門，及企業達成其目標。整體的目的是體的目的是設計一個可以幫助使用者完成其工作的介面設計一個可以幫助使用者完成其工作的介面。一個好的起始點可能是去分析一個好的起始點可能是去分析功能分解圖功能

42、分解圖(FDD，Functional decomposition diagram#)(p133 圖圖3-9)。28使用者介面設計使用者介面設計(7)P3482.圖形效益最大化圖形效益最大化-一個完美設計的一個完美設計的GUI可以幫助使用者，可以幫助使用者，很快地學習新系統，並有效地利用此系統完成工作。很快地學習新系統，並有效地利用此系統完成工作。3.了解系統的使用者了解系統的使用者-系統分析師必須了解使用者的經驗、系統分析師必須了解使用者的經驗、知識，及其技術能力。知識，及其技術能力。如果能力差距很大，則介面必須有如果能力差距很大，則介面必須有足夠的彈性，以同時滿足初學者及經驗豐富的使用者。足

43、夠的彈性，以同時滿足初學者及經驗豐富的使用者。4.以使用者的角度思考以使用者的角度思考-要發展以使用者為中心的介面，設要發展以使用者為中心的介面，設計師必須學習以使用者的方式來思考，並從使用者的角度計師必須學習以使用者的方式來思考，並從使用者的角度來看系統。來看系統。介面應該採用使用者熟悉的字詞及比喻介面應該採用使用者熟悉的字詞及比喻。5.使用雛型使用雛型-從使用者的角度來看從使用者的角度來看，介面介面是是系統設計的最重系統設計的最重要部分要部分，因為這是他們賴以與系統互動的地方。所以，利，因為這是他們賴以與系統互動的地方。所以，利用用模型模型及及雛型雛型的建構來徵詢使用者的同意是相當重要的。

44、的建構來徵詢使用者的同意是相當重要的。你可以用連續的你可以用連續的故事腳本故事腳本(storyboard)將畫面模型呈現給使將畫面模型呈現給使用者看，而所謂的用者看，而所謂的故事腳本故事腳本就是用來就是用來顯示出概略畫面佈置顯示出概略畫面佈置與設計的概略圖與設計的概略圖。29使用者介面設計使用者介面設計(8)P3496.設計易於了解的介面設計易於了解的介面-使用者介面應該要包含了在使用者使用者介面應該要包含了在使用者與資訊系統之間所有的工作、命令，及溝通。與資訊系統之間所有的工作、命令，及溝通。(p350 圖圖6-21)。在一個畫面上有太多選項會把使用者弄迷糊，但是太在一個畫面上有太多選項會把

45、使用者弄迷糊，但是太少選項則會增多次級選單的層級而使遊走的過程變得複雜。少選項則會增多次級選單的層級而使遊走的過程變得複雜。通常一個好的策略是通常一個好的策略是顯示出最常使用的選項作為預設值，顯示出最常使用的選項作為預設值，而讓使用者另行點選其他選項而讓使用者另行點選其他選項。7.持續回饋程序持續回饋程序-即使在系統已經開始運作之後，監測系統即使在系統已經開始運作之後，監測系統使用狀況並請使用者提供建議仍然是非常重要。使用狀況並請使用者提供建議仍然是非常重要。8.建立介面設計文件建立介面設計文件-你應該為所有畫面設計建立文件，以你應該為所有畫面設計建立文件，以提供給程式設計師使用。如果你有使用

46、提供給程式設計師使用。如果你有使用CASE工具或是畫面工具或是畫面產生器，應該將這些產生器，應該將這些畫面設計加以編號畫面設計加以編號，並以類似於，並以類似於選單選單樹狀結構樹狀結構的方式儲存這些設計的方式儲存這些設計(p353 圖圖6-24)。30使用者介面設計使用者介面設計(9)P350 使用者介面設計準則使用者介面設計準則 當你產生使用者介面時，你應該遵循八個基本的準當你產生使用者介面時，你應該遵循八個基本的準則則1.1.著眼於基本目標著眼於基本目標 使系統設計目標易於完成，而不是讓人將注意力放在介面使系統設計目標易於完成，而不是讓人將注意力放在介面上。上。產生容易使用與記憶的設計。產生

47、容易使用與記憶的設計。設計介面以增進使用者效率及產能。設計介面以增進使用者效率及產能。編寫命令、動作，及系統回應要一致且可預期。編寫命令、動作，及系統回應要一致且可預期。減小資料登錄問題減小資料登錄問題(e.g.(e.g.提供資料驗證檢查提供資料驗證檢查)。讓使用者易於更正錯誤。讓使用者易於更正錯誤。建立合理又有吸引力的佈局。建立合理又有吸引力的佈局。31使用者介面設計使用者介面設計(10)P3522.建構易學易用的介面建構易學易用的介面 將所有控制項、按鍵，及圖像都加以標示說明。將所有控制項、按鍵，及圖像都加以標示說明。如果有使用圖案來表示圖像或控制項，儘量選擇使用者易如果有使用圖案來表示圖

48、像或控制項，儘量選擇使用者易於了解的圖案，畫面所提示的指令要合乎邏輯、簡單，且清於了解的圖案，畫面所提示的指令要合乎邏輯、簡單，且清楚。楚。(ref.p352 圖圖6-23)顯示選單的所有命令，但是將目前不可使用的命令項目亮顯示選單的所有命令，但是將目前不可使用的命令項目亮度調暗。度調暗。在選單架構中，使易於遊走或回到任何一層。在選單架構中，使易於遊走或回到任何一層。3.提供增進效率的功能提供增進效率的功能 你應該你應該將功能及子選單項目將功能及子選單項目群組化群組化，成為一個，成為一個多重階層架多重階層架構或是樹狀架構構或是樹狀架構。(ref.p353 圖圖6-24)產生產生依字母排序的選單

49、依字母排序的選單表列，或是將表列，或是將最常使用的選項最常使用的選項放在放在整個選單表列的整個選單表列的最上方最上方。事實上，並不存在廣為接受的選單。事實上，並不存在廣為接受的選單項目的放置方法，項目的放置方法，最好的策略是設計一個雛型，再從使用者最好的策略是設計一個雛型，再從使用者得到意見回饋得到意見回饋。32使用者介面設計使用者介面設計(11)P353 提供捷徑給有經驗的使用者，以跳過多層的選單。提供捷徑給有經驗的使用者，以跳過多層的選單。捷徑的建立可以使用捷徑的建立可以使用熱鍵熱鍵(Hot Key#)，讓使用者，讓使用者按按AIt再加上命令中有加底線的字母。再加上命令中有加底線的字母。如

50、果在欄位中大部分的值都是相同，可以將其定如果在欄位中大部分的值都是相同，可以將其定為為預設值預設值。使用使用複製內容值的功能複製內容值的功能，讓使用者在輸入新紀錄，讓使用者在輸入新紀錄的值時，會引入前一筆紀錄中相同欄位中的內容的值時，會引入前一筆紀錄中相同欄位中的內容值值(e.g.網址的輸入網址的輸入)。提供提供快速尋找功能快速尋找功能，讓使用者在輸入部分字母時，讓使用者在輸入部分字母時，即可顯示可能內容值的表列。即可顯示可能內容值的表列。4.使用者易於得到協助或更正錯誤使用者易於得到協助或更正錯誤 保證隨時可以取得保證隨時可以取得求助資訊求助資訊。33使用者介面設計使用者介面設計(12)P3