[中国模板网]人机界面之设计.pptVIP

第八章 : 人機界面之設計 1. 輸出入畫面與報表之設計 輸出入畫面或報表與 DFD 之對應關係 畫面、報表或單據 也可能來自 E-R 模型 輸出入資料範例 輸入範例 : 產品之訂單、新進員工人事資料、學生選課單、自動提款機之輸入畫面、… 輸出範例 : 客戶收據、銷貨週報表、統計圖表、郵寄標籤、…. 輸出入資料之設計過程 1) 收集並了解使用者之需求 ( 4W1H) 2) 建構一個雛型供使用單位確認 3) 不斷地修正雛型直到使用單位滿意為止 非視窗系統使用之方格紙 (Coding Sheet ) 視窗界面之設計範例 包含三部份之 文件設計規範 1) 文件內涵描述 2) 設計樣本 3) 使用單位對文件試用後之評估 文件設計範例 : PVF 公司客戶資訊畫面 2. 輸出入設計之基本原則 1) 說明必須有其意義 2) 剔除無意義之資訊 3) 項目安排力求平衡 4) 頁碼之索取、 翻閱 應標示清楚 未依照 設計基本原則 規劃之畫面 依 設計基本原則 規劃之畫面 2.1. 各種提醒操作人員注意之設計 提醒注意之畫面設計範例 (利用大小寫、字型、字體精細、區隔線段 … ) 提醒操作人員注意之時機 1) 當有錯誤輸入或須告知作業正在處理中時 2) 當輸入異常資料值或系統內某一裝置無法使用時給予警告訊息 3) 向操作人員提示關鍵字、指令名稱、優先度最高之訊息、不合理的資料更新或計算、... 2.2. 文字資料之輸出規則 1) 大小寫字母之運用 2) 空白欄之使用 3) 向左靠齊之規矩 4) 避免使用連接符號 5) 少用縮寫的情形 未按照輸出規則設計之畫面 依照輸出規則設計之畫面 2.3. 圖表之設計 一般性規則 拙劣之設計範例 較為優異之設計範例 PVF 公司之報表設計範例 ( 符合設計規則但不夠清晰 ) 採用圖形取代報表 ( 一圖勝於千言萬語 ) 2.4. 螢幕畫面與報表列印 雷射印表機與噴墨印表機可完整地列印螢幕畫面之圖形及表格資料 撞擊式印表機具快速、高可靠性、低價等特性 , 卻無法將畫面之圖形予以列印 3. 人機界面之設計 螢幕畫面或單據之資料分類 1)表頭資訊 ( Header Information ) 2) 日期、時間及單據序號 ( Sequence Time ) 3) 注意事項之提示訊息 ( Instruction … ) 4) 主體資料或明細資料 ( Body or Data Details ) 5) 合計或彙總資料 ( Totals or Data Summary ) 6) 確認或簽名欄位 ( Authorization or Signatures ) 7) 備註欄 ( Comments ) PVF 公司銷售資料之設計 售貨發票之設計 對應於 售貨發票 之 螢幕畫面 設計 人手填寫之單據欄位 與 螢幕欄位 輸入之配合 ( 由上而下由左而右 ) 不當的 螢幕欄位 設計將造成輸入之不便 螢幕畫面設計 時之注意事項 1) 儘量將 輸入欄位區 予以 隔離 2)每一畫面使用之 指令 或 功能鍵應力求統一 3)資料輸入時 , 應具有游標控制、欄位內資料編輯、表單畫面間之切換、呼叫支援註解機制、…. 提高 螢幕畫面設計 的有效機制 單一輸入欄位之設計 基本原則 單一輸入欄位 設計原則 說明 1) 若某一欄位可由系統中取得或欄位間之運算求得則不應要求使用者再輸入 ( ie 日期或時間 .. ) 2)主動提供預設值 ( Defaults ) 並允許例外處理之修正 ( ie 銀行放款客戶每月繳交固定本息… ) 各種不同形式之輸入欄位提示 如何避免資料輸入錯誤 輸入資料之檢核 ( Data Validation ) 避免垃圾進垃圾出 ( Garbage In Garbage Out : GIGO ) 資料輸入錯誤之原因 ( Table 8-9 ) 1)多輸入了額外之字元 ( Appe