什么时是页面流程图

做需求分析是为了明确目的，做功能设计是为了达到这种目的。业务流程图是以业务逻辑视角描述怎么达到，而页面流程图是将业务逻辑转化为页面逻辑的流程图。

为什么需要页面流程图？

当产品进行详细功能设计时，需要输出产品原型设计。一般在画产品原型时，需要有一个页面流程大框架。目的是为了将业务逻辑转化为页面逻辑时，验证业务逻辑是否实现，异常逻辑是否有所处理。

如何画页面流程图？

上面一张是以前画的页面流程图（截取部分），主要有以下几个元素

• 用户（谁来用？）：一般可分为访客、个人用户、企业用户，也可在根据免费、付费等维度细分。比如上图中企业拥有者、企业管理员、企业成员都属于用户。
• 逻辑流（入口起点）：从什么页面进来？通过什么操作流转到下一个页面？比如上图中非企业邀请用户注册逻辑流、企业用户注册逻辑流。
• 页面：设计到业务逻辑所需要的关键页面都需要梳理出来。比如登录页面、注册页面等。
• 页面功能：本次需求涉及到的页面中的功能点。比如绿色框内的功能。
• 页面流转：点击菜单项或者使用某个功能时，跳转到下一个页面。注意是箭头从具体某个功能，指向具体某个页面。这样好处是复杂页面中，可以知道每个页面指向哪一个具体页面。

介绍完页面元素后，相信你已经知道页面流程图的画法了。画完之后可以在脑子里过一遍，主要看逻辑是否满足业务逻辑，异常处理是否有遗漏。

结尾彩蛋

此外分享画页面流程图的一个思路，我一般是用axure画页面逻辑图，这样的好处是可以用超链接，直接指向各个页面。需求评审、设计、开发、测试都能很方便的快速找到具体页面。既起到了梳理页面框架思路，也起到了页面快捷搜索的作用。

操作思路如下：

其他干货推荐：