管理后台原型设计分享- 政务管理系统

成都/设计爱好者/5年前/1429浏览
管理后台原型设计分享- 政务管理系统

以政务管理系统为例,让我们一起来看看,设计一款ERP系统,有哪些需要注意的地方吧

什么是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实用技巧


  1. 快速格子:一键填充信息列表

对于功能模块丰富的政务管理系统来说,数据整合是其一大亮点。我们在一些需要大量数据的表单中,可以借助快速格子功能,一键填充信息列表,保证原型达到最优化的呈现效果。



① 以考勤管理页面为例,首先,我们使用复选框和单行文字完成简单的单条信息设计;

② 选中刚刚设计好的组件,点击主工具栏上的“转为格子”图标,或右键选择“转为格子”,即可生成格子;

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

④ 双击任意一个格子,选择单行文字组件,点击主工具栏上的“数据填充”图标,选择填充类型,即可完成信息列表的设计。



相关教程地址:https://help.mockplus.cn/p/136#5?hmsr=wenzk

2. 页面切换:巧用母版+页面跳转交互

在我的日程页面,一共有日、周、月、年四种日程表格式可以切换,我们可以借助母版功能,快速搭建好四种不同格式的日程表页面。具体操作如下:


① 首先我们需要搭建好一个日程表页面,并将页面所有基础组件添加为母版;

② 创建其他格式的日程表,一键套用母版,完成四个页面框架的搭建;



③ 将每个页面的组件从母版中脱离出来,单独设计好每个页面的日程表格式;

④ 分别设置好标签组和四个页面的交互,即可实现以下效果。



相关教程地址:https://help.mockplus.cn/p/128?hmsr=wenzk

3. 弹出面板:快速设置信息提示

为了符合我们日常的操作习惯,该原型在部分页面使用了弹出面板设置了信息提示的弹窗,如在系统设置页面提交表单时,会弹出“提交成功”的提示窗。该效果也可以使用弹窗等组件代替。操作方式如下:


① 从交互组件栏中拖一个弹出面板组件到工作区,双击进入编辑页面;

② 在编辑页面设置好提示内容,双击空白区域退出编辑模式;

③ 设置好弹出面板触发方式,即可实现如下效果。



相关教程地址:https://help.mockplus.cn/p/130#4?hmsr=wenzk

4. 图片轮播:封面新闻设计

对于新闻中心页面设计来说,封面新闻都是其标配之一。在此款原型中,我们可以使用图片轮播组件,轻松实现封面新闻自动轮播的呈现效果。



也可以使用图片组件+分页器,实现手动轮播效果:


① 选择图片组件,上传所需要的新闻图片;

② 将不同图片与分页器相关联,即可实现手动轮播效果。


5. 封装图标:巧妙打造多级导航

Mockplus封装了3000多个矢量图标,可以满足用户的各种需求。在此款原型中,无论是侧边整体导航,还是邮件管理等页面内部导航,都使用了Mockplus的封装图标来打造,从而使界面设计更直观、细腻。



此款原型充分运用了Mockplus简单的交互设置方式,完成了丰富的功能模块搭建。对于原型设计新手来说,是一个不错的参考模板。


以上就是摹客团队为大家分享的政务管理系统原型。


原型模板和图片集下载


6
Report
|
23
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
后台管理
后台管理
后台管理
后台管理
作品收藏夹
数据可视化设计
数据可视化设计
数据可视化设计
数据可视化设计
作品收藏夹
知识
知识
知识
知识
作品收藏夹
后台
后台
后台
后台
作品收藏夹
APP
APP
APP
APP
作品收藏夹
大家都在看
Log in