×

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

作者:anny2020.03.24来源:Web前端之家浏览:3217评论:0
关键词:appUI
微信公众号

微信公众号

什么是ERP系统?

现如今,越来越多的团队开始注重对自动化系统的使用,ERP系统(企业资源计划系统)应运而生。ERP系统是针对物资资源管理(物流)、人力资源管理(人流)、财务资源管理(财流)、信息资源管理(信息流)集成一体化的管理软件。ERP系统具有以下优势:

1.实用性:ERP系统可以对使用团队所拥有的人、财、物、信息、时间和空间等综合资源进行综合平衡和优化管理,从而达成团队的管理目标。

2.整合性:ERP系统是普通信息管理系统的整合,不仅比传统单一的系统更具功能性,还能将分散的数据进行整合,保持数据一致性。

3.弹性:ERP系统模块化的设计方式,可以根据需求来新增或减少功能模块。

4.可靠性:ERP系统将现实工作内容与工作方式,用信息化的手段进行管理,可以有效降低工作的出错率。

目前市场上面对不同行业和团队,衍生和发展出了许多ERP产品,如客户管理系统、销售管理系统、财务管理系统等。今天我们要为大家分享的政务管理系统,也是一种典型的ERP系统。以政务管理系统为例,让我们一起来看看,设计一款ERP系统,有哪些需要注意的地方吧。

政务管理系统原型设计

在设计政务管理系统原型时,可以从以下几个方面入手:


1、了解政务管理系统的基本概念,可以参考工作中使用的管理系统或搜索网上可试用的管理系统,了解一个完整的政务管理系统应该包含哪些功能模块;

2、根据了解到的情况,结合自身需求,对比梳理需要哪些功能,列出功能清单;

3、根据功能清单,结合用户体验梳理出业务流程,整理出原型框架;

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

5、分享给团队成员,根据反馈进行修改和完善。

接下来我们一起来看看,在摹客Mockplus中,如何结合以上思路快速完成政务管理系统的原型设计。

摹客Mockplus原型分享——政务管理系统

这套政务管理系统属于中高保真原型,包含登录注册、工作首页、项目管理、邮件管理、协同工作、日程、会议管理、通讯录、系统设置等20个页面。主页面采用了左右结构框架,业务逻辑条理清晰,功能全面。是一款值得参考的原型模板。

接下来让我们一起来看看,在使用Mockplus绘制政务管理系统时,有哪些实用技巧吧!

Mockplus实用技巧

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

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

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

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

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

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


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

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

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


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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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


温馨提示:本文作者系anny ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/appjdsluowieuroiweuroi.html

网友评论文明上网理性发言已有0人参与

发表评论:

最新留言

  • Web前端之家

    是的,等其他人验证没问题再装吧,总会有第一个吃螃蟹的人,哈哈!!...

  • a235

    Windows11现在还不敢装吧,貌似需要等待很多软件测试,不然装了,就怕不兼容。...

  • Web前端之家

    GoogleAdSense可以的,可以加群主,帮你搞定这事情~~...

  • s121

    GoogleAdSense好弄吗,想弄一个账号。...

  • s121

    不错,正好用到,收藏了!...

  • 访客

    什么机翻...

  • Web前端之家

    只是更轻便,还是有些差距的呢,小项目可以玩玩。...

  • ja124

    这个跟vue和react比,好些吗?...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2021 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.8 Valyria