當(dāng)前位置:工程項(xiàng)目OA系統(tǒng) > ERP系統(tǒng) > ERP設(shè)計(jì)運(yùn)用 > ERP系統(tǒng)設(shè)計(jì)
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)度。
- 1哪里可以學(xué)erp系統(tǒng)課程設(shè)計(jì)技術(shù)
- 2erp系統(tǒng)如何設(shè)計(jì)車輛運(yùn)費(fèi)
- 3湖北服裝廠erp系統(tǒng)的設(shè)計(jì)
- 4erp系統(tǒng)設(shè)計(jì)案例
- 5erp供應(yīng)鏈管理軟件系統(tǒng)設(shè)計(jì)
- 6erp系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)
- 7湖州erp系統(tǒng)開發(fā)定制
- 8倉(cāng)庫(kù)系統(tǒng)erp教學(xué)設(shè)計(jì)案例模板
- 9哪里可以學(xué)erp系統(tǒng)設(shè)計(jì)專業(yè)
- 10邯鄲erp系統(tǒng)開發(fā)費(fèi)用
- 11erp企業(yè)管理系統(tǒng)界面
- 12電商金融產(chǎn)品erp系統(tǒng)設(shè)計(jì)
- 13合肥專業(yè)從事erp管理系統(tǒng)設(shè)計(jì)
- 14倉(cāng)庫(kù)erp系統(tǒng)項(xiàng)目課程設(shè)計(jì)
- 15erp系統(tǒng)采購(gòu)管理模塊設(shè)計(jì)
- 16企業(yè)erp系統(tǒng)的設(shè)計(jì)
- 17erp系統(tǒng)中庫(kù)存管理的整合設(shè)計(jì)
- 18進(jìn)銷存管理系統(tǒng)畢業(yè)設(shè)計(jì)
- 19裝修公司設(shè)計(jì)管理系統(tǒng)erp
- 20erp銷售子系統(tǒng)的分析與設(shè)計(jì)與實(shí)現(xiàn)
- 21erp系統(tǒng)與crm系統(tǒng)的設(shè)計(jì)
- 22erp系統(tǒng)規(guī)劃設(shè)計(jì)招標(biāo)系統(tǒng)
- 23武漢服裝廠erp系統(tǒng)的設(shè)計(jì)
- 24erp軟件中工資管理系統(tǒng)課程設(shè)計(jì)
- 25ERP(OA)設(shè)計(jì)系統(tǒng)相較于傳統(tǒng)系統(tǒng)的優(yōu)勢(shì)及獨(dú)特特征是什么?
- 26erp系統(tǒng)如何設(shè)計(jì)物料編號(hào)
- 27教育機(jī)構(gòu)erp系統(tǒng)開發(fā)
- 28如何設(shè)計(jì)與erp系統(tǒng)的接口
- 29如何有效安裝ERP(OA)設(shè)計(jì)系統(tǒng)?對(duì)企業(yè)運(yùn)營(yíng)有何深遠(yuǎn)影響?
- 30杭州erp發(fā)貨系統(tǒng)開發(fā)
成都公司:成都市成華區(qū)建設(shè)南路160號(hào)1層9號(hào)
重慶公司:重慶市江北區(qū)紅旗河溝華創(chuàng)商務(wù)大廈18樓