流程图设计

01 概念

    流程图就是通过图形化的表达形式，阐述产品在功能层面控制的图表。

    产品流程图通常作为产品设计初期阶段的工具使用，通过图形化，能够更清晰、直观的传达产品在业务层面的控制（如业务动作、方向、逻辑等信息）。

02 图形

    流程图的图形常用的大致分为四类：

    1、箭头：连接线。一般为带方向的线段，讲流程图中的图形元素连接起来表示流转方向，可在线上添加备注文字；

    2、椭圆形：开始或结束。流程图的开始或结束都以此图形元素表示。

    3、矩形：流程或节点。流程图中的主要表达元素，表示一个动作（业务动作、功能动作等）或页面状态；

    4、菱形：判断。在流程图中表示逻辑判断，一般会连接Yes或No两条分支流程。

03 类型

    流程图分为“业务流程图（又称“泳道图”或“跨职能流程图”）”和“功能流程图”及“页面流程图（又称之为“交互流程图”或“交互原型图”）”。

    1、业务流程图

        业务流程图通常用于介绍产品业务，如产品经理需要向老板介绍产品业务时，用流程图辅助讲解的效果，相较于纯语言或文字表达要好得多。

        绘制业务流程图的过程能够帮助PM根据产品定位对产品业务进行设计、分析与优化。

业务流程图 示例

    2、功能流程图

        功能流程图通常用于介绍产品功能模块的相互关系或某个功能模块的具体组成，如产品经理需要向开发人员介绍某个新增功能模块时，可以在原型图宣讲之前使用功能流程图让其对功能的轮廓和走向了然于胸。

        绘制功能流程图的过程能够帮助PM确定产品的功能范围同时避免不合理的功能使用逻辑。

    3、页面流程图

        页面流程图通常用户介绍产品页面元素及页面之间的跳转关系。

        产品页面流程图一般由专门的交互设计师进行设计，其绘制过程能够帮助交互设计师确定产品各页面之间合理自然的跳转顺序以及页面本身的功能及信息构成。