网站内容发布流程图(【起点学院】产品经理实战训练营带你学产品「流程」较之于原型)

　　网站内容发布流程图(【起点学院】产品经理实战训练营带你学产品「流程」较之于原型)

　　加入人人都是产品经理【起点学院】产品经理实战训练营，BAT产品总监带你*敏*感*词*学产品

　　“流程”是比原型图更抽象的东西。怎么画流程图？什么画什么不画？怎么想？进程的分类有哪些？这些东西直到我真正接触到它们之后才被理解。我之前真的很无知。产品啊，没让你练，我还真亏欠了。

　　首先，流程是什么？

　　简而言之，这个过程就是先做什么，然后做什么。如果所有的行动都是个体个体，那么过程就是连接这些个体的线索，没有过程我们就无法实现我们想要做的事情。这是否更容易理解？如果你仔细想想，你周围的大部分事情都是有一个过程的。吃一顿饭？睡觉？学习？是不是都有他的一个过程，如果顺序颠倒或者中间有一个缺失的环节，就会显得奇怪。我们在工作的时候，如果丢失了某个环节或者流程错误，就会在产品或者工作中出现漏洞和事故。

　　那么产品经理在日常生活中接触最多的大概有以下几个流程，包括业务流程、操作流程、页面跳转流程。这些都是0-1岁的产品经理应该掌握的东西。他们大多关注产品本身，不难理解。它们都呈现给您的团队、您的下游可交付成果，整个团队将遵循此流程。

　　你能解释一下它们之间的区别吗？

　　业务流程

　　通常由几个“角色”组成，他会有一种类似流水线的工作线，A得到它，传递给B，B得到他的部分，传递给C，C得到之后，传递结果到 A 做。简单理解这个穿梭在各个角色中的操作，就是所谓的“业务流程”。它构成了您的产品可以运行的最基本的行为。如果业务流程不起作用，则产品不可用。

　　运营流程

　　它是什么？它是用户完成任务所必须经历的操作。过程只需要说明用户的操作，比较简单，因为我们都是“用户”。如登录注册流程、地图应用导航流程等。

　　页面跳转流程

　　这部分主要是为了让别人了解你的网站的一个交互过程，这样就不会让人迷惑了。这里会设计一些逻辑问题。比如出现提示弹框后，如果点击确定，下一页会去哪里？单击取消？点击返回返回到哪里？这些都是你需要在这里解释的。

　　以外卖食品为栗子，分别描述

　　让我们从业务流程开始。在设计产品时，我经常从业务流程开始。我们要做一个名为“我要订购”的产品。

　　现在我们需要一个流程来运行业务。假设我们的产品是第三方订购平台。平台上有很多餐厅。用户通过我们的平台订购和付款。我们通知餐厅做饭、送货等。我们首先要做的就是梳理一下产品里面有多少个角色，想象一下如果用户下单需要经过多少个角色才能完成下单流程，然后用软件或者笔和纸来描述这个过程。画。

　　绘制业务流程通常使用“泳道图”，这是一个专门用来表示多角色合作的流程。如下图，我用手画出来展示一下。

　　共有三个角色，用户、系统（后台）和厨房（第三方商家）。

　　让我们运行这个简短的过程。如果“用户”选择了今天的餐点并提交了订单，那么订单信息被推送到“系统”，“系统”在后台生成订单，用户的订单状态变为“待付款”。（其实这部分系统用户是看不到的，但是产品经理需要想清楚。）用户会来到支付页面，然后判断，用户是否已经支付了订单？如果是，则“系统”将接受订单并将信息推送到第三方“厨房”，如果不是，则用户已取消订单，订单状态变为“订单失败”。接到订单的第三方厨房也会做出判断，是否接受订单？这是一个问题~

　　在我眼里，业务流程是一个大图，我想的时候也关注整个系统。你不是用户，因为用户不需要知道后台的一些判断细节或操作过程，但如果你是产品经理，就一定要清楚。过程总是由一个动作开始的，所以在思考的时候，每一步都要有“如果……不……怎么办”的心态，会找很多地方做判断。如果付款不成功怎么办？厨房不接单怎么办？退款不成功怎么办？这样，你的流程细节会越来越完善。

　　OK，回顾一下，业务流程的关键点是：设置角色，贯穿流程，用“if...no...”穷尽判断，思考产品背后的判断逻辑。

　　跟着这个栗子说一下操作流程。

　　操作过程，顾名思义，就是用户对产品的一个操作过程，这个过程是为了完成某项任务。比如下单成功，比如登录注册，比如退款等。我很简单的画了下图，就是“用户下单”的操作流程。

　　完全是从用户操作的角度写的。还可以在系统后台等绘制一定的操作流程，不限于所谓的消费者用户。第一次画操作流程的时候，不要太在意细节和逆过程。逆过程是需要判断的“否”过程。我第一次经常用最理想的状态来运行流程，然后想想会不会有那些“如果……不……”的细节。

　　最后是页面流程图

　　他比较容易理解。我通常在原型图完成后做这个过程。通常我是用Axure来画的，加上一些文字注释。业务流程和操作流程都在他之上完成。操作流程建立后，页面跳转流程会出现在纸面上，但在做一些交互行为时，更要注意页面之间的逻辑和层次关系。使跳跃毫不含糊。

　　比如前几天，一位年长的亲戚来问我关于手机网购的问题。我一步一步教他如何选择产品、注册、下订单和付款。提交订单后，页面被冻结。在“恭喜，下单成功”页面，给出查看订单和联系客服的按钮。他问我：“接下来我该怎么办，我想买点别的”。

　　这是页面跳转过程的问题吗？或者称他为用户体验，或者交互问题。已经完成购物的用户是不是真的想在那一刻看到“订单详情”？还是引导他买更多的东西？这就是页面跳转引导过程的思考。

　　通过以上案例不难看出，流程其实是“开始、结束、动作、状态、判断”的组合。所有的过程都有一个启示位置和一个结束位置，我们在其中行动（与之交互），有时我们需要判断一个动作是否要完成，完成后它会变成什么状态。这种重复形成了所谓的过程。

　　获取概念，查看示例，如果您准备好尝试一下。

　　那么我们应该用什么来绘制流呢？

　　这里我建议先用纸和笔来做，先体验一下其他竞品的流程，写下他们的流程或者自己熟悉一下，然后在脑海中勾勒出自己产品的流程，逐步放一起。把它记录在书里，试着模拟一个用户在你的产品上使用的流程，当然也可以想一想后端是如何处理一系列用户动作提交数据来完成一整套产品业务流程的。这可能是巨大的。我们可以像项目一样把这些巨大的东西分解成细分，最后通过完成一个小模块来画出所有的流程。

　　思考过程

　　电子流程只是一种表现形式，无需在软件层面刻意追求创新；思考它并“理解它”是重点。如果你发现这个行业的产品都是做这个的过程，那么你可以想“如果是这样的话，会不会是一个优化的机会？”

　　不盲目相信眼前所见的事实，不断反思、反省、质疑，是用简单的流程和简单的操作来打磨产品的方法之一。其实我们都在走向合格产品的路上，大家互相鼓励。