erp界面設(shè)計(jì)要點(diǎn)

　　ERP系統(tǒng)是企業(yè)內(nèi)部管理所需的業(yè)務(wù)應(yīng)用系統(tǒng)，主要包括訂單、查詢、物流等模塊。如何設(shè)計(jì)一個(gè)美觀且用戶操作方便的ERP界面呢?ERP系統(tǒng)界面設(shè)計(jì)有什么思路呢?一起來(lái)看看吧。

　　ERP系統(tǒng)后臺(tái)界面設(shè)計(jì)思路

　　1、思維導(dǎo)圖

　　在進(jìn)行ERP開(kāi)發(fā)和設(shè)計(jì)之前需要整理整個(gè)ERP功能需求，因?yàn)镋RP項(xiàng)目一般都比較大，牽涉的模塊比較多，所以用思維導(dǎo)圖先將功能需求整理出來(lái)是很有必要的。

　　2、線框圖

　　線框圖在UI設(shè)計(jì)中是非常重要的一個(gè)環(huán)節(jié)，線框圖可以確定一個(gè)建立在基本概念結(jié)構(gòu)上的架構(gòu)，同時(shí)指出了視覺(jué)設(shè)計(jì)應(yīng)該前進(jìn)的方向。ERP系統(tǒng)一般由左側(cè)菜單欄、頂部狀態(tài)欄、內(nèi)容區(qū)域和底部狀態(tài)欄組成。左側(cè)菜單欄目錄更高為三級(jí)目錄，采用下拉展開(kāi)展示。內(nèi)容根據(jù)功能的不同布局會(huì)有相應(yīng)的變化。所以線框圖是必要的第一步。

設(shè)計(jì).png

　　3、顏色確定

　　如果設(shè)計(jì)突出色用綠色，色值#26BC9C。其他顏色配合如下：

　　4、各界面設(shè)計(jì)

　　該ERP系統(tǒng)界面分為系統(tǒng)桌面、單據(jù)界面、單據(jù)編輯界面、查詢報(bào)表、打印報(bào)表格式等。

　　查詢報(bào)表界面設(shè)計(jì)

　　ERP數(shù)據(jù)展示的時(shí)候，其實(shí)用戶剛進(jìn)來(lái)可以顯示空白。只有用戶在點(diǎn)擊查詢后才會(huì)顯示相應(yīng)的查詢數(shù)據(jù)，這樣設(shè)計(jì)可以大大減輕了服務(wù)器端壓力，還可以引導(dǎo)用戶查詢自己想要的數(shù)據(jù)。

　　基礎(chǔ)單據(jù)界面設(shè)計(jì)

　　5、控件設(shè)計(jì)

　　6、菜單欄區(qū)域⑥

　　通常設(shè)置在界面的最左側(cè)，所謂的“菜單”就是一個(gè)樹(shù)形結(jié)構(gòu)體，結(jié)構(gòu)的節(jié)點(diǎn)上是按照父子的關(guān)系布置了以下要素的名稱：系統(tǒng)、子系統(tǒng)、模塊和組件，通過(guò)菜單欄內(nèi)可以找到系統(tǒng)中所有的功能，菜單的結(jié)構(gòu)關(guān)系是參考下面的兩個(gè)架構(gòu)圖設(shè)計(jì)而成的：

　　注：這個(gè)菜單指的是系統(tǒng)整體的功能菜單，不是某個(gè)業(yè)務(wù)功能內(nèi)的數(shù)據(jù)結(jié)構(gòu)，如果是后者，則包含在業(yè)務(wù)區(qū)域內(nèi)，在此不顯示。

　　7、作業(yè)區(qū)域的規(guī)劃

　　作業(yè)區(qū)域是布置業(yè)務(wù)功能設(shè)計(jì)成果的位置，一般將作業(yè)區(qū)域劃分為主次區(qū)域。

　　□主要區(qū)域：界面的左上角為“主”，重要信息在此顯示，如：業(yè)務(wù)編號(hào)、客戶名稱、合同總金額、工程期日等;

　　□次要區(qū)域：界面的右下角為“次”，次要的或是輔助類信息在此顯示，如：備注信息、來(lái)自于其它組件的參考信息等;

　　設(shè)計(jì)時(shí)要注意功能區(qū)域與作業(yè)區(qū)域面積的比例關(guān)系，作業(yè)區(qū)域面積占全屏幕總面積的比例越大，一次顯示的信息量就越多，用戶的體驗(yàn)就越好，反之就會(huì)比較差

　　比如：缺乏經(jīng)驗(yàn)的設(shè)計(jì)師會(huì)將屏幕的30～50%用于功能區(qū)域的布置(菜單、工具欄等)，由于作業(yè)界區(qū)域小，所以用戶的操作體驗(yàn)非常差。因此，為了擴(kuò)大作業(yè)區(qū)域的有效面積可以采用收起菜單欄和工具欄的方法。但當(dāng)一次要顯示的內(nèi)容非常多的時(shí)候，最好還是另外彈出一個(gè)專用的子窗口，將主窗體的部分處理內(nèi)容用專用的窗體顯示為好，這樣操作面積增大，用戶體驗(yàn)就會(huì)相應(yīng)地變好了。

　　另外，比例上雖然沒(méi)有大問(wèn)題，但是作業(yè)區(qū)域內(nèi)顯示的細(xì)表行數(shù)太少，也不利于用戶的輸入、查看，此時(shí)最好將作業(yè)區(qū)域的內(nèi)容放到一個(gè)單獨(dú)地界面上去顯示為佳。

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

相關(guān)欄目：