以美团外卖为例，区别业务流程图和页面流程图

在产品设计中，流程图是非常重要的一环，它决定了我们的产品在后期的各个环节能否跑通，会不会出现没有出口的情况。前段时间自己在画各种流程图的时候曾经很迷茫，分不清业务流程图，页面流程图的区别，在一段时间的学习后，有了一个大致的认识，想分享给更多刚入门也对此有疑问的小伙伴。

业务流程图

什么叫业务流程图？百科中描述系统内各单位、人员之间业务关系、作业顺序和管理信息流向的图表。也可以直接简单的理解为用图来表示需要完成产品业务的过程。

在业务流程图中，一个业务往往代表了多个需求，是多个需求的集合 ，因此，在绘制业务流程图的时候，需要全局思考，必须要将主干及所有的分支考虑进去，确保功能的完整性，直观的展示产品的整个过程。它与页面流程图有着本质上的不同。

怎样画业务流程图

1、不管是当你在创造一个新产品时，还是在面对既有的产品做业务流程图时，最重要最重要的就是一定要最先找到战略目标，确定产品定位。（美团外卖，定位就是外卖）

2、再去深入了解思考核心业务流程，确定泳道。（美团外卖，核心流程就是从用户开始下单一直到用户最终收到外卖的整个过程）

3、确定产品有哪几个阶段，思考业务在各个阶段的形态。

4、思考清楚后开始画业务流程图，在画的过程中也在头脑中进行梳理，尽可能的不遗漏任何的分支或异常情况。

5、但是，业务流程图并不是一成不变的，在多次讨论会后中可能会有改动。因此，在刚开始梳理流程图时保证逻辑的清晰，可以为将来的工作节省不必要的时间。而且，业务流程是和技术方进行后续任务的基本，因为，必须保持逻辑的完整性，以便于技术方通过流程图分配工作，增加整体工程的工作效率。

页面流程图

相比于业务流程图来说，页面流程图就简单得多，页面流程图就是从用户出发，表示用户在使用产品的操作流程，可以简单理解为在用户在产品中进行操作时，页面的跳转过程。

怎样画页面流程图

1、打开APP，查看各个页面。

2、思考不同页面之间的跳转及跳转前提。

3、思考页面之间的联系。

4、明确每个页面的元素，要体现谁在做什么

从业务流程图和页面流程图的描述中，可以得出：

1、业务流程图更加完整，体现了整个过程，而针对不同用户的页面流程图相对来说只体现了整个业务流程中的部分。

2、页面流程图没有体现异常流程具体处理方法。

3、页面流程图与业务流程图所针对的问题不同，业务流程图针对的更多的是产品本身，页面流程图更多的考虑的是用户与产品的交互。

这里以美团外卖为例，做了一份简单的业务流程图：

这里同时也以美团外卖为例，做了一份简单的只有针对订餐用户方的部分的页面流程图：

在这两幅流程图的对比中，我们可以更加形象的去发现两者的不同。就美团外卖来说，业务流程图显然与页面流程图的重点都不同，因此，涉及到的功能就有不同了，两者的维度也有不同了。

总结

刚开始的去画流程图经常会出现流程缺失，流程逻辑关系有问题，以及版面混乱等很多问题，不管是画哪种流程图，逻辑的清晰才是最大的根本，它们都是我们表达自己逻辑关系的一个载体。同时，当我们去制作流程图的时候，也同样更加深刻的梳理了它们在我们脑海中的逻辑关系，使得我们在绘图的过程中也不断地去优化流程。产品经理需要会做减法，不仅仅在需求上，在流程上也是如此，减少繁琐无用流程，提高效率，也是一门不小的学问。

总体来说，任何一个产品都是由点线面组成，每个需求是点，每个页面是线，通过流程图的串联，最终形成了我们看到的完整的产品。流程图是产品的骨架，业务流程图是产品的大骨架，页面流程图是组成产品骨架的一个个小的骨头，只有搭好骨架，我们才能为产品填充血肉，注入生命。

感谢看到这里，产品新人，望大家给出批评指导。这个流程图在做的时候我才发现其实做好一个真正的完整的逻辑结构清晰的流程图还需要很长一段时间的修炼，包括也要对后端去做学习和了解，这样才会更好的做好前后端的联合。

第一步、美团APP进入美团首页，在页面上部找到外卖，点击进入。

第二步、进入外卖页面，选择需要外卖的东西，点击进入，我以美食举例。

第三步、选择各色美食，选中你想选的饭店点击进入。

第四步、选择自己想要的菜品，加入购物车。系统会根据你的选择，自动计算所需金额，选择好以后点击下方的去结算。

第五步、请自行核对菜单及金额，新户需要新增收货地址，点击进入。

第六步、点击保存地址，系统会自动返回到提交订单页面。

第七步、到达提交订单页面后直接点击提交订单，支付费用即可。付款后可以在我的订单中查询外卖送货进度。

---