erp界面設計英文

　　成熟的ERP系統的界面應該都是從模板中拷貝出來的，各類功能的界面有規(guī)律可遵循。軟件界面設計模式化或是藝術性的創(chuàng)作，我認可前者，模式化的界面客戶容易舉一反三，降低學習門檻。除了一些小部分的功能界面設計特殊一些，ERP絕大部分的功能的界面都相似。以我接觸和設計的ERP系統，總結常見的界面設計模式，供讀者參考。

　　模式1 單據 Entry

　　常用于各種單據的輸入界面，也可用于主文件/主檔(客戶，供應商，部門等)界面，參考下面的圖片。

　　我在圖中作了標識，A區(qū)是工具條按鈕，所有的界面共享工具條按鈕，接著是數據輸入區(qū)，數據輸入分為主表和明細表。

　　主表中關鍵的字段放在界面最頂層，其它各字段根據功能相似的類別組合在一起，B區(qū)中除了放置表頭數據，還需要用新增加選項卡的方式放置明細數據。C區(qū)是單據狀態(tài)欄，上圖中顯示了當前單據的創(chuàng)建時間和創(chuàng)建人，也可以增加顯示當前單據的狀態(tài)(未審核，未過帳)。D區(qū)是功能狀態(tài)欄，顯示與當前功能關聯最重要的會計期間，登入用戶和帳套等信息。

　　模式2 單據查詢 Enquiry

　　這是第一個界面的只讀版，去掉了工具條中的新增，刪除和編輯功能。代碼的實現也非常容易，只需要設定相關屬性。

　　模式3 數據查詢 Query

　　這種模式常用來作數據列表查詢，上面的兩個界面解決了單個數據的編輯，另一種情景中我們常常想要一個列表查詢(List)，看一下根據指定的過濾條件看一下系統有多少筆數據。

　　數據查詢界面設計模式包含四個部分，A區(qū)是過濾條件，B區(qū)是按鈕動作，可以執(zhí)行查詢或是清除A區(qū)的過濾條件，C區(qū)是數據結果呈現區(qū)域，D區(qū)是插足結果瀏覽，打印或是導出Excel。

　　這個界面模式中的C區(qū)結果數據帶有鉆取功能，看上圖中的User Id列，帶有藍色的下劃線，雙擊可以進入指定的功能。

　　模式4 功能操作 Perform Action

　　ERP系統中有一部分功能是為了執(zhí)行一項數據操作，比如日歷初始化功能，根據用戶輸入的日期范圍生成日歷數據。

　　這部分界面簡單，只需要放置相應的控件，從控件中取值之后執(zhí)行數據操作。

　　參考下面的數據存檔功能的界面，選擇要存檔的單據類型，點擊處理(Process)即可執(zhí)行單據存檔操作。

　　Perform Action模式因為是完全自定義的界面，所以要用后臺線程組件(BackgroundWorker)處理按鈕事件(Process中的事件)避免死鎖主界面，執(zhí)行過程中光標也應該是等待狀態(tài)(Cursors.Waiting)。

　　模式5 批次處理(過帳，批核) Batch Process(Posting,Approve)

　　批次處理界面用于簡化單據通用操作，比如需要將今天各部門提交上來的物料采購申請一次性或部分的批核完成。將銷售訂單部分全部過帳完成。通用的操作界面方便了管理層對數據的操作。

　　批次處理功能分五個區(qū)，A區(qū)是數據過濾條件區(qū)，用于輸入過濾條件，B區(qū)是根據A區(qū)中的過濾條件查詢到的未過帳的數據，C區(qū)是B區(qū)中的每筆數據的顯示，最后，通過D區(qū)中的全選或反選，點擊處理(Process)按鈕，完成批次處理。

　　E區(qū)可以對B區(qū)中的數據進行瀏覽，或是打印，導出。

　　這個界面模式與模式3操作相似，先根據過濾條件得到數據，再進行數據操作。

　　再舉一個批次申請加班的例子，參考下面的圖片，用于批次申請員工加班。

　　A區(qū)是過濾條件區(qū)，用于選擇一個部門或是班次的一組員工，B區(qū)是根據過濾條件得到的員工列表，在C區(qū)中填寫員工加班的開始時間和結束時間，最后點擊D區(qū)中的處理(Process)按鈕，批次生成加班記錄申請表。

　　2. 子窗體設置原則

　　以組件的主界面為第一層界面，子窗體的層數最好控制在3層以內，也就是連續(xù)打開三個界面為限，參見圖3。

　　□從菜單第一次打開的為主界面(父)。

　　□從主界面打開的第二層為子界面(子)

　　□從子界面打開的第三層為子界面的子界面(孫)等。

　　如果內容實在是比較多，最終彈出的子窗體要超過3層時，可以考慮另外再設置一個組件來分擔處理的內容，不然子界面彈出過多，就會造成界面的混亂，會降低用戶的操作效率。

　　3. 字段控件的標準

　　字段控件的表達格式根據內容不同而不同，字段控件由兩個部分構成：標題欄和輸入框

　　1 ) 標題欄的長度

　　標題的字數不要太多，因為標題長到如同一句話時就不容易記憶了，最佳字數在2～6個字之間(易于記憶與稱呼的長度)。另外標題中的文字位置可以參考：有背景框時居中，沒有時居左或居右，圖4中的標題欄有背景色，所以采用了文字居中的形式。

　　注：這里的”標題欄名稱“指的是”字段名稱“，不是4個業(yè)務功能中的”表單名稱“，后者可以按照實際的名稱寫，多少字都可以，不必要設置字數。

　　2 ) 輸入框的長度

　　輸入框的字段長度是不一定的，建議輸入框的長度與字數相匹配不必統一，如圖4(a)的式樣，因為如果要統一長度就一定會以字數最多的字段為準，那么字數少的字段也用長輸入框就不容易讀取，而且輸入框的長度一樣時字段之間的辨識度就會降低，尋找某個字段的時間會增加，比如：圖4(b)樣式的“工程月數”字段只有2個單位的長度，如果采用和具有30個單位長度的“項目名稱”一樣長的輸入框時，則“工程月數”就會因為標題與數據的距離太遠而不容易讀取(看不準)，相比較而言，圖4(a)樣式中的“座機號碼”、“郵政編號”、”工程月數“的輸入框長度比較短，就比較容易尋找和識別。

　　3 ) 數據的位置

　　輸入框內數據的位置，根據內容不同而不同，參見圖4(a)。

　　□ ①文字型數據：靠框的左端布置，如：名稱、說明文。

　　□②③數值型數據(長度固定)：居中布置，由于編號類數據長度是一定的，所以居中容易讀取，如：電話號碼，郵政編號、材料編號，這樣做也容易與“文字類”和“數值類”數據進行區(qū)分。

　　□④⑤數值型數據(長度非標)：靠框的右端布置，如：金額、數量、長度。

發(fā)布：2021-05-17 14:04 編輯：泛普軟件 · hujian [打印此頁] [關閉]

相關欄目：