管理後臺原型設計分享- 政務管理系統

什麼是ERP系統?

現如今,越來越多的團隊開始注重對自動化系統的使用,ERP系統(企業資源計劃系統)應運而生。ERP系統是針對物資資源管理(物流)、人力資源管理(人流)、財務資源管理(財流)、信息資源管理(信息流)集成一體化的管理軟件。ERP系統具有以下優勢:

1.實用性:ERP系統可以對使用團隊所擁有的人、財、物、信息、時間和空間等綜合資源進行綜合平衡和優化管理,從而達成團隊的管理目標。

2.整合性:ERP系統是普通信息管理系統的整合,不僅比傳統單一的系統更具功能性,還能將分散的數據進行整合,保持數據一致性。

3.彈性:ERP系統模塊化的設計方式,可以根據需求來新增或減少功能模塊。

4.可靠性:ERP系統將現實工作內容與工作方式,用信息化的手段進行管理,可以有效降低工作的出錯率。

目前市場上面對不同行業和團隊,衍生和發展出了許多ERP產品,如客戶管理系統、銷售管理系統、財務管理系統等。今天我們要爲大家分享的政務管理系統,也是一種典型的ERP系統。以政務管理系統爲例,讓我們一起來看看,設計一款ERP系統,有哪些需要注意的地方吧。

政務管理系統原型設計

在設計政務管理系統原型時,可以從以下幾個方面入手:

1、瞭解政務管理系統的基本概念,可以參考工作中使用的管理系統或搜索網上可試用的管理系統,瞭解一個完整的政務管理系統應該包含哪些功能模塊;

2、根據瞭解到的情況,結合自身需求,對比梳理需要哪些功能,列出功能清單;

3、根據功能清單,結合用戶體驗梳理出業務流程,整理出原型框架;

4、結合原型框架,使用摹客Mockplus等快速原型設計工具完成原型的搭建;

5、分享給團隊成員,根據反饋進行修改和完善。

接下來我們一起來看看,在摹客Mockplus中,如何結合以上思路快速完成政務管理系統的原型設計。

摹客Mockplus原型分享——政務管理系統

這套政務管理系統屬於中高保真原型,包含登錄註冊、工作首頁、項目管理、郵件管理、協同工作、日程、會議管理、通訊錄、系統設置等20個頁面。主頁面採用了左右結構框架,業務邏輯條理清晰,功能全面。是一款值得參考的原型模板。

首先我們一起來看看該原型的界面總覽和交互效果演示。



在線預覽地址:https://run.mockplus.cn/3T7e0BDn6lnGOvxQ/index.html

接下來讓我們一起來看看,在使用Mockplus繪製政務管理系統時,有哪些實用技巧吧!

Mockplus實用技巧

快速格子:一鍵填充信息列表

對於功能模塊豐富的政務管理系統來說,數據整合是其一大亮點。我們在一些需要大量數據的表單中,可以藉助快速格子功能,一鍵填充信息列表,保證原型達到最優化的呈現效果。


① 以考勤管理頁面爲例,首先,我們使用複選框和單行文字完成簡單的單條信息設計;

② 選中剛剛設計好的組件,點擊主工具欄上的“轉爲格子”圖標,或右鍵選擇“轉爲格子”,即可生成格子;

③ 拉動格子,搭建好信息框架;

④ 雙擊任意一個格子,選擇單行文字組件,點擊主工具欄上的“數據填充”圖標,選擇填充類型,即可完成信息列表的設計。


相關教程地址:https://help.mockplus.cn/p/136#5

2. 頁面切換:巧用母版+頁面跳轉交互

在我的日程頁面,一共有日、周、月、年四種日程表格式可以切換,我們可以藉助母版功能,快速搭建好四種不同格式的日程表頁面。具體操作如下:

① 首先我們需要搭建好一個日程表頁面,並將頁面所有基礎組件添加爲母版;

② 創建其他格式的日程表,一鍵套用母版,完成四個頁面框架的搭建;


③ 將每個頁面的組件從母版中脫離出來,單獨設計好每個頁面的日程表格式;

④ 分別設置好標籤組和四個頁面的交互,即可實現以下效果。


相關教程地址:https://help.mockplus.cn/p/128

3. 彈出面板:快速設置信息提示

爲了符合我們日常的操作習慣,該原型在部分頁面使用了彈出面板設置了信息提示的彈窗,如在系統設置頁面提交表單時,會彈出“提交成功”的提示窗。該效果也可以使用彈窗等組件代替。操作方式如下:

① 從交互組件欄中拖一個彈出面板組件到工作區,雙擊進入編輯頁面;

② 在編輯頁面設置好提示內容,雙擊空白區域退出編輯模式;

③ 設置好彈出面板觸發方式,即可實現如下效果。


相關教程地址:https://help.mockplus.cn/p/130#4

4. 圖片輪播:封面新聞設計

對於新聞中心頁面設計來說,封面新聞都是其標配之一。在此款原型中,我們可以使用圖片輪播組件,輕鬆實現封面新聞自動輪播的呈現效果。


也可以使用圖片組件+分頁器,實現手動輪播效果:

① 選擇圖片組件,上傳所需要的新聞圖片;

② 將不同圖片與分頁器相關聯,即可實現手動輪播效果。


5. 封裝圖標:巧妙打造多級導航

Mockplus封裝了3000多個矢量圖標,可以滿足用戶的各種需求。在此款原型中,無論是側邊整體導航,還是郵件管理等頁面內部導航,都使用了Mockplus的封裝圖標來打造,從而使界面設計更直觀、細膩。


此款原型充分運用了Mockplus簡單的交互設置方式,完成了豐富的功能模塊搭建。對於原型設計新手來說,是一個不錯的參考模板。

以上就是摹客團隊爲大家分享的政務管理系統原型。

原型模板和圖片集下載

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章