erp界面設(shè)計(jì)英文

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

　　模式1 單據(jù) Entry

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

　　我在圖中作了標(biāo)識，A區(qū)是工具條按鈕，所有的界面共享工具條按鈕，接著是數(shù)據(jù)輸入?yún)^(qū)，數(shù)據(jù)輸入分為主表和明細(xì)表。

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

　　模式2 單據(jù)查詢 Enquiry

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

　　模式3 數(shù)據(jù)查詢 Query

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

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

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

　　模式4 功能操作 Perform Action

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

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

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

　　Perform Action模式因?yàn)槭峭耆远x的界面，所以要用后臺線程組件(BackgroundWorker)處理按鈕事件(Process中的事件)避免死鎖主界面，執(zhí)行過程中光標(biāo)也應(yīng)該是等待狀態(tài)(Cursors.Waiting)。

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

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

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

　　E區(qū)可以對B區(qū)中的數(shù)據(jù)進(jìn)行瀏覽，或是打印，導(dǎo)出。

　　這個界面模式與模式3操作相似，先根據(jù)過濾條件得到數(shù)據(jù)，再進(jìn)行數(shù)據(jù)操作。

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

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

　　2. 子窗體設(shè)置原則

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

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

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

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

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

　　3. 字段控件的標(biāo)準(zhǔn)

　　字段控件的表達(dá)格式根據(jù)內(nèi)容不同而不同，字段控件由兩個部分構(gòu)成：標(biāo)題欄和輸入框

　　1 ) 標(biāo)題欄的長度

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

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

　　2 ) 輸入框的長度

　　輸入框的字段長度是不一定的，建議輸入框的長度與字?jǐn)?shù)相匹配不必統(tǒng)一，如圖4(a)的式樣，因?yàn)槿绻y(tǒng)一長度就一定會以字?jǐn)?shù)最多的字段為準(zhǔn)，那么字?jǐn)?shù)少的字段也用長輸入框就不容易讀取，而且輸入框的長度一樣時字段之間的辨識度就會降低，尋找某個字段的時間會增加，比如：圖4(b)樣式的“工程月數(shù)”字段只有2個單位的長度，如果采用和具有30個單位長度的“項(xiàng)目名稱”一樣長的輸入框時，則“工程月數(shù)”就會因?yàn)闃?biāo)題與數(shù)據(jù)的距離太遠(yuǎn)而不容易讀取(看不準(zhǔn))，相比較而言，圖4(a)樣式中的“座機(jī)號碼”、“郵政編號”、”工程月數(shù)“的輸入框長度比較短，就比較容易尋找和識別。

　　3 ) 數(shù)據(jù)的位置

　　輸入框內(nèi)數(shù)據(jù)的位置，根據(jù)內(nèi)容不同而不同，參見圖4(a)。

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

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

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

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

相關(guān)欄目：