erp界面設計要點

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

　　ERP系統(tǒng)后臺界面設計思路

　　1、思維導圖

　　在進行ERP開發(fā)和設計之前需要整理整個ERP功能需求，因為ERP項目一般都比較大，牽涉的模塊比較多，所以用思維導圖先將功能需求整理出來是很有必要的。

　　2、線框圖

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

設計.png

　　3、顏色確定

　　如果設計突出色用綠色，色值#26BC9C。其他顏色配合如下：

　　4、各界面設計

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

　　查詢報表界面設計

　　ERP數(shù)據(jù)展示的時候，其實用戶剛進來可以顯示空白。只有用戶在點擊查詢后才會顯示相應的查詢數(shù)據(jù)，這樣設計可以大大減輕了服務器端壓力，還可以引導用戶查詢自己想要的數(shù)據(jù)。

　　基礎單據(jù)界面設計

　　5、控件設計

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

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

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

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

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

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

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

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

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

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

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

相關欄目：