流程图介绍 以及工具推荐

news/2024/5/19 0:49:00 标签: 流程图, 工具

流程图是符号化的图形语言,有自己的规范。
在这里插入图片描述

产品中设计的流程图主要有三种,业务路程图、任务流程图、页面流程图

1、业务流程图
业务流程图就是描述那些个体在什么条件下做了什么事情,他们之间有何关联。主要分三个方面:①涉及到哪些主体?②每个主体都有哪些任务?③各个主体之间怎么联系的?一般涉及到多个主体,每个主体之间有联系,比如p2p平台。
在这里插入图片描述

这是p2p的业务流程图、涉及到借款人、平台、投资人、第三方支付四个主体,以及每个主题需要完成的任务、任务之间的联系和先后顺序。

2、任务流程图

泳道图一般是从战略上分析整个业务流程,让你对公司所做的业务有个大概的了解,而任务流程图就是在你的产品操作上,用户通过什么样的操作来完成它的目标,比如你去银行ATM机器上取钱,你是如何一步步操作把钱取出来的,这里以p2p理财产品购买为例,来说明购买的任务流程图

在这里插入图片描述
流程图的时候注意主要流程和异常流程,在这个例子中,主要流程就是购买流程、异常流程就是没有设置交易密码、用户忘记交易密码、以及超过重试次数这些流程,画流程图的时候先画主要的流程,然后再把异常额流程考虑上,查漏补缺,保证不遗漏,产品的逻辑漏洞多半是由于异常情况没有考虑清楚,画流程图可以有效的帮助你梳理逻辑。

3、页面流程图

如果说业务流程图帮助你梳理战略,任务流程图帮助你梳理用户操作行为(主要给程序员看)、页面跳转流程在帮助你梳理各个页面之间的跳转关系(主要给UI和前端程序员看)这是一个逐步从整体到局部,从后端到前端的过程。

所有的产品都是由页面组成的,不论是APP、PC、H5都是由一个个页面组成的,页面流程图描述完成一个任务需要经过哪些步骤,你在画图的时候只需要清晰的表现出用户点击页面的什么地方,然后跳转到那个页面。主要由页面、行动点、连接线组成,下面以用户购买理财产品举例。

在这里插入图片描述
页面流程一般只考虑正常的操作流程就行,对于异常的操作流程在正常流程的旁边画出,例如:上面的正常页面跳转是用户购买这个流程,异常页面跳转流程是在购买界面金额不足的时候点击去充值流程,这个在正常流程的旁边标示出来就好。

五、如何绘制流程图

上面说了需要绘制流程图,这里说说绘制流程图的思路。

1、调查研究

对于业务流程图,如果你不懂业务,可以让业务人员给你讲解,嘴甜一点;对于操作流程图你可以实地观察用户的操作,或者自己走一下业务流程以及使用竞品;至于页面流程图,只要你元素出来了,怎么跳转,这个难度应该不大。

2、梳理提炼

业务人员给我们讲解的流程,我们要梳理提炼出来,可以把主要的流程画出来,然后再向里面补进异常流程,我们可以先在纸上画画,这样速度比较快,根据业务员的讲解,然后再用专业的工具展现出来。一般流程图有三种结构:顺序结构、选择结构、循环结构。
在这里插入图片描述

3、评估确认

我们可以让精通业务和涉及到流程图的角色都参与到评估流程图里来,众人拾柴火焰高,其他人员说不定能把我们没有想到的流程提出来,产品经理要多和别人交流。

4、维护更新

我们的流程图需要不断的维护和更新,因为我们的流程有可能变更或者优化,流程图也需要定期维护和更新。比如以前你是绑卡和充值两个流程,你现在为了用户体验把他们整合到一起,直接绑卡充值,这个时候你的流程图就需要变更。

六、绘制流程图工具有哪些

1、visio
visio破解方法
Visio是微软推出的一款流程图绘制工具,它有很多组件库,可以方便快捷的完成流程图、泳道图、结构图的绘制,但是不支持mac电脑(苦恼),其实我一直觉得它挺好用的,虽然画出来可能没有mac上用Omnigraffle画出来的美。
在这里插入图片描述
2、Omnigraffle(Mac)

Mac下没有Visio很多人就用这个,这个一般流程图都能绘制,但是效率感觉没有Visio高,优点就是画出来的图形比较美,同时支持外部插件,缺点就是没有比较好的泳道流程图插件,画起泳道图来不是你太方便,需要下载的画可以去马云家买一个,省时省力,还可更新。
在这里插入图片描述

3、ProcessOn

https://www.processon.com/ (地址)
是一款网页版的在线作图工具,优点是无需下载安装、破解这些破事,同时支持在线协作,可以多人同时对一个文件协作编辑,而且上手比较容易,它提供很多流程图模版,可以方便的画出流程图、思维导图、原型图、UML图,缺点就是在绘制泳道图需要增加泳道的时候,只能在最后一列加入,不能在中间加入这一点有点麻烦,还有要吐槽的就是由于是在线的,有时候导出图片,导出来的并不太好,流程图画的大的时候也无法截图。
在这里插入图片描述

4、Axure

axure画原型挺好用的,画人物流程图的时候也可以用,但是要画泳道图、UML图的时候,没有对应的模版,需要自己画,效率不高,如果你觉得画原型,制作文档都在Axure里,不想来回切换软件的画,可以在里面自己制作一个组件,下次直接调用。
在这里插入图片描述


http://www.niftyadmin.cn/n/1646751.html

相关文章

CentOS7下安装单机zookeeper

1. 下载安装文件zookeeper-3.4.6.tar.gz镜像地址1: http://apache.fayea.com/zookeeper/镜像地址2: http://mirrors.hust.edu.cn/apache/zookeeper/2. 还是copy到虚拟机的centos系统桌面3. 新建/usr/loca/zookeeper文件夹[rootlocalhost ~]# mkdir -pv /usr/local/zookeeper4.拷…

【笔试面试——32】判断链表环的入口

找到环的入口点 当fast若与slow相遇时&#xff0c;slow肯定没有走遍历完链表&#xff0c;而fast已经在环内循环了n圈(1<n)。假设slow走了s步&#xff0c;则fast走了2s步&#xff08;fast步数还等于s 加上在环上多转的n圈&#xff09;&#xff0c;设环长为r&#xff0c;则&am…

MySQL把本地数据库上传到服务器

1.安装Navicat  虽然这个软件是收费的&#xff0c;但是给了20天试用期&#xff0c;所以可以放心大胆的用正版&#xff0c;毕竟&#xff0c;上传数据库这种事儿&#xff0c;只在项目上线部署的时候用一次&#xff0c;20天怎么也够用了。 2.建立连接1.先新建连接&#xff0c;跟…

Activity、FragmentActivity和AppCompatActivity的区别

Activity Activity是最基础的一个&#xff0c;是其它类的直接或间接父类。 Activity中只能使用系统自带的host Fragment&#xff08;API Level 11中加入&#xff09;&#xff0c;对应getFragmentManager方法来控制Activity和Fragment之间的交互。 FragmentActivity 在v4包中引入…

Vue启动报错 Error: listen EADDRNOTAVAIL: address not available

前言&#xff1a; 搭建一个分布式项目&#xff0c;自己找了个vue框架的前端项目做接口测试&#xff0c;使用nodeJS 报错Error: listen EADDRNOTAVAIL: address not available。 问题解析&#xff1a; 在上述报错后&#xff0c;下面还有一些报错语句&#xff0c;我这里是显示…

【笔试面试——36】二叉树03——二叉树的镜像

/************************************************* 题目&#xff1a;12. 二叉搜索树的镜像 思路&#xff1a;1&#xff1a;交换根节点的左右子树 2.递归交换左右子树的左右节点 需要注意&#xff1a; 1.根节点为空 2.左右节点为空*****************************************…

排序:前负后正

题目描述&#xff1a;(2018吉林大学941)一个长度为 n 的数组由负数、0、正数组成。编写函数&#xff0c;将其重新排序为前段都是负数&#xff0c;后段均为非负数的结构。要求时间复杂度为 O(n)。 思路分析&#xff1a; 1、遍历整个初始数组a&#xff0c;查看数组元素a[i]的正…

前后端分离概念浅析

描述&#xff1a;前端和后端都有自己开发的工具和运行的环境&#xff0c;前端不需要依赖后端可以单独进行开发测试&#xff0c;所以实现了前后端分离