转载声明：文章来源https://zhuanlan.zhihu.com/p/450741085

1.业务流程图

A.什么是业务流程图？

描述具体某个业务实际处理步骤和过程的流程图。

B.为什么要画业务流程图

1）了解业务：帮助整个团队了解产品的业务是如何运转的，并且对业务流程中不合理的地方进行优化；

2）梳理需求：帮助产品经理梳理业务需求在产品线的各个阶段中功能模块之间的关系；

3）传达需求：研发工程师构建技术架构和明确技术分工会主要参考业务流程图。

C.怎样画业务流程图？

1）确定范围
确定业务流程的起点和终点，是截取某一段业务进行详细描述，还是整体业务模块进行描述。

2）确定要素
谁，在什么情况下，做了什么事，这个事需要什么前置条件，又输出了什么，是在哪里完成的？搞明白这几个问题，我们的要素就确定了。

3）梳理呈现
怎么画流程图这里不赘述了，用什么工具、怎样更精美都是不重点，重点是关键要素的搜集和确认。泳道图是常用的一种表现形式，一般横向代表用户角色，纵向代表各阶段。

4）评审确认
a.让涉众参与评审：业务流程图中涉及到的用户角色或部门要尽可能让他们参与到评审中来，切忌自己YY；

b.层次分解，重点突出：流程很复杂的，可以在一个主图里展示主要流程，在其他图里分别将主流程中待展开的流程进行展开。

2.页面流程图

A.什么是页面流程图？

描述产品的全部页面相互间关联的流程图。

B.为什么要画页面流程图？

1）了解全局：对于整个团队，页面流程可以从表现层了解产品的全局；

2）梳理业务：反复研究页面流程图并优化，可以使整个产品变得更加简约；

3） 传达需求：设计师要设计多少个页面，前端工程师要写多少个页面一目了然。

C.怎样画页面流程图？

1）找出所有的页面：找出所有物理层面的、真实存在的页面，切忌不要像业务流程图一样具体到某个功能和模块；

2）用有向线条关联：把所有相关跳转页面用有向线条关联，页面流程图较复杂的可以反复研究如何让其更简约的呈现；

3）增加条件判断：从上一个页面跳转至下一个页面的条件是什么，在页面流程图里体现出来，对于设计师来说非必须，但是技术来说可以了解业务。