監(jiān)理公司管理系統(tǒng) | 工程企業(yè)管理系統(tǒng) | OA系統(tǒng) | ERP系統(tǒng) | 造價(jià)咨詢管理系統(tǒng) | 工程設(shè)計(jì)管理系統(tǒng) | 甲方項(xiàng)目管理系統(tǒng) | 簽約案例 | 客戶案例 | 在線試用
X 關(guān)閉

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

申請(qǐng)免費(fèi)試用、咨詢電話:400-8352-114

   成熟的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)識(shí),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)建時(shí)間和創(chuàng)建人,也可以增加顯示當(dāng)前單據(jù)的狀態(tài)(未審核,未過帳)。D區(qū)是功能狀態(tài)欄,顯示與當(dāng)前功能關(guān)聯(lián)最重要的會(huì)計(jì)期間,登入用戶和帳套等信息。

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

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

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

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

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

  這個(gè)界面模式中的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ù)。

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

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

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

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

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

  批次處理功能分五個(gè)區(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ū)可以對(duì)B區(qū)中的數(shù)據(jù)進(jìn)行瀏覽,或是打印,導(dǎo)出。

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

  再舉一個(gè)批次申請(qǐng)加班的例子,參考下面的圖片,用于批次申請(qǐng)員工加班。

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

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

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

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

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

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

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

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

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

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

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

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

  2 ) 輸入框的長(zhǎng)度

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

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

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

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

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

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

發(fā)布:2021-05-17 14:04    編輯:泛普軟件 · hujian    [打印此頁(yè)]    [關(guān)閉]
相關(guān)文章:
功能詳情
聯(lián)系方式

成都公司:成都市成華區(qū)建設(shè)南路160號(hào)1層9號(hào)

重慶公司:重慶市江北區(qū)紅旗河溝華創(chuàng)商務(wù)大廈18樓

咨詢:400-8352-114

加微信,免費(fèi)獲取試用系統(tǒng)

QQ在線咨詢

相關(guān)欄目

ERP系統(tǒng)設(shè)計(jì) ERP系統(tǒng)開發(fā) ERP需求調(diào)研 ERP系統(tǒng)實(shí)施 ERP系統(tǒng)培訓(xùn) ERP解決方案 ERP售后服務(wù) ERP系統(tǒng)免費(fèi)下載 ERP系統(tǒng)破解 ERP系統(tǒng)二次開發(fā) ERP系統(tǒng)怎么用 ERP是什么意思 行業(yè)動(dòng)態(tài) 規(guī)劃選型 技術(shù)文章