流程图是符号化的图形语言,有自己的规范。

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

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里,不想来回切换软件的画,可以在里面自己制作一个组件,下次直接调用。

流程图介绍 以及工具推荐相关推荐

  1. DevOps到底是什么鬼?DevOps介绍及工具推荐

    转载自 DevOps到底是什么鬼?DevOps介绍及工具推荐 什么是DevOps DevOps是Development和Operations的组合,是一组过程.方法与系统的统称,用于促进开发(应用程序 ...

  2. 【建模】法线贴图基本介绍及工具推荐

    法线贴图基本介绍及工具推荐 一.基本介绍 1. 什么是法线贴图? 2. 制作法线贴图的步骤 3. 制作法线贴图的注意事项 二.工具推荐 1. 常规工具 2. 在线工具 一.基本介绍 1. 什么是法线贴 ...

  3. html5的网页布局工具,HTML5网站响应式布局的主流设计方法介绍及工具推荐

    我们都知道,目前主流的pc屏幕的分辨率都是1366*768.1440*900 .1280*1024等大屏的显示器.所以网页不能再按照1024的标准来设计或者是前端重构了.加上现在移动互联网的发展势头, ...

  4. 【ChatGPT】Window便签工具推荐几款,不用详细介绍

    Window便签工具推荐几款,不用详细介绍 Stickies(Windows) Microsoft Sticky Notes(Windows) Simplenote(Windows & Mac ...

  5. 推荐一款最流行的流程图及图表工具draw.io,老掉牙的工具已无人再用

    推荐一款最流行的流程图及图表工具draw.io,老掉牙的工具已无人再用 目录 推荐一款最流行的流程图及图表工具draw.io,老掉牙的工具已无人再用 一.前身今世 二.原始库作者 三.大面积被跟进与扩 ...

  6. 工具推荐-Colab介绍与使用方法

    工具推荐-Colab介绍与使用方法 之所以能够接触到Colab,是由一位好朋友的推荐,首先得先感谢他安利了这么好的一个东西,哈哈哈!我先浅聊一下我目前对这个Colab的理解吧,我认为它就相当于一台云主 ...

  7. 在 Windows 上拥有舒适的码字体验,12 款 Markdown 写作工具推荐

    在 Windows 上拥有舒适的码字体验,12 款 Markdown 写作工具推荐 Eric_hong 2017年12月05日  292  46 少数派上关于写作工具的介绍已经成为热门的内容之一,ma ...

  8. 干货分享丨如何创建在线培训手册的五大步骤,附带工具推荐。

    每个企业/团队都需要创建培训手册.并且需要创建多个手册来满足内部和外部培训需求. 在内部,培训手册可帮助所有员工在工作过程中保持高效和高产. 在外部,培训手册是客户教育,为用户普及产品使用过程中的方方 ...

  9. 学python用什么软件开发-5款Python程序员高频使用开发工具推荐

    很多Python学习者想必都会有如下感悟:最开始学习Python的时候,因为没有去探索好用的工具,吃了很多苦头.后来工作中深刻体会到,合理使用开发的工具的便利和高效.今天,我就把Python程序员使用 ...

  10. 工作中常用,实用工具推荐!

    原文:工作中常用,实用工具推荐! Red Gate 家族 大名鼎鼎的RedGate,相信大家都不会陌生,Reflector就是它家做的.这里就不介绍了.我本地安装的是09年下的一个套装,我介绍下常用的 ...

最新文章

  1. React 项目 -ES6 语法类的继承 (10)
  2. coker php debug_docker中php xdebug调试开发
  3. 使用matlab模拟、检验和估计泊松过程
  4. 深度学习和目标检测系列教程 5-300:早期的目标检测RCNN架构
  5. C语言-动态内存管理
  6. union共用体(联合体)、宏定义、枚举
  7. 万豪国际数据再遭泄露影响520万客户,两名员工账户为突破口
  8. Win10电脑如何打开任务管理器界面
  9. python之解决Cannot uninstall ‘certifi‘问题
  10. AtomicInteger原子整形与ReentrantLock锁
  11. 如何搭建MySQL数据库,常用的数据库命令
  12. RecyclerView数据显示不全的问题
  13. 输出魔方矩阵(C语言实现)
  14. excel迷你图 vba_如何在Excel 2010中使用迷你图
  15. 解决发送push的emoji表情的实用方案
  16. c++读xml文件 MSXML
  17. 基于FSR柔性薄膜压力传感器的智能鞋改装垫
  18. switch函数不加break的效果
  19. OpenRisc-50-or1200的freeze模块分析
  20. python照片转彩色手绘_python实现图片彩色转化为素描

热门文章

  1. 啊哈C语言 第四章 【代码】【习题答案】
  2. 把Caffe的模型转换为Pytorch模型
  3. matlab中文免费版下载以及安装教程(超详细)
  4. asp.net银行账目管理系统VS开发sqlserver数据库web结构c#编程计算机网页源码项目
  5. EasyUI框架01——基础学习
  6. 数据治理--浅谈数据标准、元数据、主数据、数据模型
  7. c#编写闭合导线简易平差程序
  8. curviloft插件怎么用_Curviloft (曲线放样) v1.8a
  9. vibe算法 c++实现
  10. 【预测模型-ELAMN预测】基于哈里斯鹰算法优化ELMAN神经网络实现数据回归预测matlab代码