产品经理必须掌握的流程图画法

2019-05-1716:40:00原型设计Comments3,028 views1字数 1092阅读模式

大多数产品经理从事产品工作就是从画原型开始的,画原型也是最有意思的,能输出明显的工作成果,非常有成就感。
画完界面原型之后,开始开需求评审会了,那么如下这个场景你可能经常遇到:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/12585.html

产品:我们要做一个支付时使用优惠券的功能,这是原型图和PRD文档。
开发:如果用户有多张符合优惠条件的优惠券,能使用几张?
产品:额,使用优惠力度最大的,一笔订单只能用一张。
开发:那用户如果有两张优惠券,一张优惠券马上就过期了,优惠力度小;另一张很久才过期,优惠力度大,按照你的要求用了优惠力度大的,但用户就是想先把快过期的券先用掉,另一张留着以后还能用,怎么办?这个场景很常见吧。
产品:那就让用户自己选吧。
开发:那用户可以选择不用优惠券吗?
产品:啊,可以可以。
开发:细节都不想清楚了就开始做,坑啊。
测试:优惠券用过之后,用户卡包里是什么状态?是这张优惠券消失了,还是标记一个“已使用”的状态?
产品:额,直接消失吧,用过了不再卡包里显示了。
测试:这都不写清楚,测试用例都没法写。。
UI:这需求都没定好,原型图肯定还得改,我就先不做设计稿了,等产品改好再说吧,又一个下午浪费了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/12585.html

就这样,开发、测试、UI对产品经理轮番开怼。。。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/12585.html

如果这种场景反复出现,你的专业性就会受到质疑,你自己也会怀疑自己的能力。其实在拿到需求和画原型之间,还有一个必不可少的步骤——流程梳理,主要就是通过绘制流程图来进行。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/12585.html


一、什么是流程图

产品经理必须掌握的流程图画法
流程: 是指特定主体为了满足特定需求而进行的有特定逻辑关系的一系列操作过程。
流程图:用图示的方式表达流程。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/12585.html

二、流程图的作用

  • 我们做产品设计,其本质其实就是流程设计,流程图是产品设计的基石。
  • 在需求落地之前(即画原型图),对需求进行梳理,查缺补漏,尤其是对异常流程,可以有效防止流程缺失。
  • 同时在需求评审时,先对照流程图进行讲解,再看原型图,可以帮户团队更好地理解需求。

三、流程图的分类

业务流程图、功能逻辑流程图、页面流程图文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/12585.html

1. 业务流程图

从战略上宏观分析产品的业务走向
无需涉及具体的操作与执行细节
产品经理必须掌握的流程图画法文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/12585.html

2. 功能逻辑流程图

分析如何具体实现产品的业务,把各个业务层分开,梳理具体的操作步骤
产品经理必须掌握的流程图画法文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/12585.html

3. 页面流程图

其对象时页面,可以让UI设计师和前端工程师了解自己大体的工作量。
产品经理必须掌握的流程图画法文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/12585.html

四、绘图工具

1. Visio

  • Visio是一款专业的绘图工具,是Microsoft Office套件之一
  • 不仅可以绘制专业的流程图,还可以绘制网络拓扑图、组织结构图、机房架构图、工程图、等等

2. Axure RP

  • Axure RP的专长是绘制可交互的高保真原型图,但它也有绘制流程图的功能
  • 他的优势是可以把原型图和流程图相结合,流程图中的每个节点都可以与原型图链接起来,方便查阅。
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/12585.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/yuanxing/12585.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定