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

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

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

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

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

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

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

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

这里同时也以美团外卖为例，做了一份简单的页面流程图：

在这两幅流程图的对比中，我们可以更加形象的去发现两者的不同。就美团外卖来说，业务流程图显然比页面流程图复杂的多。业务流程图包含了5个角色，而页面流程是主要以用户视角，因此，涉及到的功能就有不同了，两者的维度也有不同了。

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

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

感谢看到这里，产品新人，望大家给出批评指导。

文章作者系 @卉子酱 未经许可，禁止转载。

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!