一、什么是流程图？

流程（flow）：一系列的逻辑关系（因果关系、时间先后、必要条件、输入输出），在特定的情境下满足特定用户的特定需要的总结。固化、变化。

图（chart）：形式表现；图形化、可视化；传播性、优化迭代性；

二、为什么要画流程图？

流程图：角色、流转、规则、顺序、输入、输出；

流程图

三、流程图有哪些？

（1）设计草图：角色、任务、逻辑、输入输出

（2）线框图、交互原型图：内容、布局、权重、交互

手绘线框图

sketch线框图

（3）视觉图、UI图：空间、布局、配色、动效、状态

视觉图

（4）信息结构图：信息、元素、层次、结构

信息结构图（图片来源：网络）

（5）站点地图：内容、层次、结构

网站地图

（6）角色关系图：角色、关系

（7）测试用例图：角色、任务、事件

（8）甘特图：时间、活动、顺序

四、流程图的功能有哪些？

（1）宣讲培训可传播；

（2）优化迭代；

（3）信息化基础：PRD中大量的流程图；开发过程中基于流程图。

五、产品经理要画的流程图有哪些？

流程图的分类

（1）任务流程图：Transaction 描述谁在什么条件下作了什么事？

任务流程图1

任务流程图2

（2）页面流程图：page flow 用户通过什么操作进入了什么页面及后续的操作及页面；

层次关系：战略、战术、组织架构、业务流程、系统目标、系统流程、产品功能、页面流程；

六、如何绘制流程图？

六要素：角色、任务、流转、输入、输出、格式

业务流程图：

任务流程图–泳道图（swimlane）：两个维度、活动流转、流程要素

页面流程图：

购物页面流

页面流程图

• 如何绘制页面流程图？

页面流程图绘制案例

七、绘制流程图之前需要注意哪些事宜?

（1）调查研究：

①如何快速了解业务运作的真相？

②有没有调研的技巧放送？

（2）梳理、提炼和呈现：

①能否快速将得到的文字和问题，快速转化为业务流程图？

②业务流程图的标准图示是什么？

③怎么评价一个业务流程图的好与坏？

（3）思考：

①整个流程的起始点是什么？整个流程的终结点是什么？

②在整个流程中，涉及到的角色都是谁？

③在整个流程中，都需要做哪些事情？（可能是一个会议或者是一个任务）

④这些会议和任务是可选还是必选的？

⑤分别产出什么文档？

（4）评估和确认

①能否真正让业务流程图反应现实中的业务？

（5）维护更新

①流程不断变更，业务流程图如何快速响应？

• 绘制流程图的工具?

（1）axure

（2）Visio

（3）ppt

八、如何用axure画业务流程图？

选择flow的相关部件

常用流程图的图形组件

用axure绘制的业务流程图

九、如何用axure画页面流程图？

用axure画页面流程图

十、绘制流程图的注意

（1）不要闭门造车，要广泛涉猎（对业务的思考、对功能的了解，对产品的设计）

（2）做好层的分解，不要平铺在一张图上；（要拆分流程和子流程，做好业务层次关系的梳理）

（3）逐渐深入，抓关键环节；

（4）要有开始和结束；

（5）做好编排和命名。

– END –

本文作者：第六夫人

来源：简书

转载文章仅供大家学习，不作任何商业用途。