当前位置: 首页 > 科技观察

看完这篇学画流程图就够了

时间:2023-03-18 14:18:16 科技观察

1.什么是流程图?作为开发人员或者产品经理,画流程图是必备技能之一1.1。定义流程图=流程+图流程:流程是指特定主体为了满足特定需求而进行的具有特定逻辑关系的一系列操作过程,流程自然而然地存在。但它可能是不规则的、不固定的、充满问题的。图:Chart或Diagram是将基本固化并具有一定规律的过程进行显式化和记录化,有利于传播和沉淀,以及过程重组参考。1.2.流程图的意义对于产品经理来说,重视流程图的绘制是很重要的,背后是逻辑清晰的表达和思考。很多产品经理往往一上手就做出交互页面原型。但这往往是因为流程不清晰,导致需要重新绘制原型。所以先画流程图,再画原型。第二,研发经常批评产品经理不合逻辑。而画流程图是建立你的逻辑的一种方式,最终用在面试表达、产品评论演讲中2.流程图的分类常见的流程图包括交易流、页面流)2.1、业务流程图2.1.1、taskflowchart(basicflowchart)2.1.2、泳道图(cross-functionalflowchart),俗称“泳道图”,从外观上看确实像泳道,可以有水平泳道也可以有垂直泳道车道。2.1.2.1.垂直泳道图(垂直跨职能流程图)平时使用最多。2.1.2.1.横向泳道图(横向跨职能流程图)平时使用较少。2.2.数据流图最常使用Less2.3。页面流程图2.3.1。简要页面流程图页面=操作+内容,操作需要用户触发,包括链接、按钮、表单等。通过这些操作,用户可以在同一页面看到不同的内容,或者跳转到其他页面。页面流程图的目标:展示不同页面在用户不同操作指令下的流动关系。页面流程图元素:页面、操作或状态、链接线页面也有分类:请注意,有些操作可能不会带您到实际页面,但可能会发送短信、发送电子邮件等。这些也需要代表出来。2.3.2、页面流程图示例3、流程图的绘制方法3.1、流程图的符号3.2、常用符号3.3、流程图的三大结构流程图由顺序结构、选择结构和循环结构三大结构组成,这三个结构构成了流程执行的全过程。3.3.1.顺序结构在顺序结构中,每个步骤都按顺序执行,这是最简单的基本结构。如图所示,A、B、C是三个连续的步骤,按顺序执行,即只有完成上一个方框指定的操作后,才能执行下一步动作。3.3.2.选择结构选择结构也称为分支结构。选择结构用于判断给定条件,根据判断结果判断某些条件,根据判断结果控制程序流程。在实际应用中,判断结果可以是空操作(如图2和图3所示)。3.3.3.循环结构循环结构也称为重复结构,是进程在一定条件下重复执行某一操作的过程结构。在循环结构下,又可以分为【when类型结构】和【until类型结构】。when结构:首先判断给定的条件p是否为真,如果P为真,则执行A(step);然后判断条件p是否为真;如果P为真,则再次执行A,如此反复,直到某个条件p不为真为止。Until型结构:先执行A,然后判断给定的条件P是否为真,如果p不为真,则再次执行A,以此类推,直到P为真,循环过程结束。3.4.绘制流程图的注意事项(1)绘制流程图时,为提高流程图的逻辑性,应遵循从左到右、从上到下的顺序。(2)进程以开始字符开始,以结束字符结束。起始符号只能出现一次,而结束符号可以出现多次。如果过程足够清楚,开始和结束符号可以省略。(3)菱形为判断符号,必须有“是和否(或Y和N)”两个处理结果,即菱形判断框必须有两个箭头流出;判断符号的上下两端流入流出一般用“Yes(或Y)”,左右两端流入流出用“No(或N)”。(4)同一流程图中,符号大小需保持一致,连接线不能交叉,连接线不能无故弯曲。(5)如果进程处理关系是平行关系,进程需要放置在同一高度。(6)必要时应使用标签,对工艺进行清楚说明,并采用专用标识符号进行标注。(七)加工流程绘制单进单出,同一路径只能有一个指示箭头。4.画流程图的推荐工具4.1、依图图标4.2、processon(网页版)访问地址:https://www.processon.com/4.3、Visio