很多人一拿到需求就开始急着画原型，然后觉得有些地方没有考虑到，就回去改。好吧，如果你想想页面跳转，你可以做很多无用的工作，达到事半功倍的效果。

一、什么是流程图

流程图 = 流程图 + 图表。

过程是一系列逻辑关系（包括因果关系、时间顺序、必要条件、输入和输出）。产品经理在提出需求之前必须明确这些逻辑关系。如果非要用一句话来概括，“过程就是在特定的上下文中满足用户特定需求的一个总结”。

图表就是将你脑海中的逻辑关系以图形的形式呈现出来，具有图形化、可视化的特点。因为它是一个图表，所以您可以像您的版本一样进行迭代。当你的逻辑需要修改的时候，可以拿出来迭代。, 同时，因为有图片，也可以更好的向项目成员宣讲。

二、为什么要画流程图

1、帮助梳理逻辑

当我们每个人思考一个逻辑时，我们可能无法思考逻辑的细节。如果贸然绘制原型，可能会做很多无用的工作。这时候，画一个流程图就可以帮助我们理清我们的逻辑。建议在刚开始整理逻辑的时候在纸上画出这种流程图，因为这样的好处是可以快速将脑海中的逻辑呈现在纸上，修改起来也很方便。使用专业工具绘图和保存。

2、易于宣讲和传播

产品经理需要召开评审会议，编写 PRD 文件。这时候，如果你有一个清晰的流程图，不仅方便你的解释，也方便技术的理解。同时，将您的流程图插入到PRD文档中也便于传播。当技术忘记了流程的时候，查看文档中的流程就知道流程是怎样的，不需要你反复来找你确认。

3、优化迭代

为了得到一个逻辑，我们可能无法考虑得这么全面。这时，清晰的流程图也便于记录和修改。

同时，每个版本迭代的流程图可能会有相应的变化。通过对比分析各个版本的流程图，可以知道流程优化在哪里，产品优化在哪里。

三、流程图元素定义

流程图是一种具有自己规范的符号图形语言。菱形代表判断，距离代表具体操作行为，起点和终点用圆角表示……

遵守这些行业规范，不仅能让别人觉得你很专业，还能帮助阅读的人理解，就像阿拉伯数字可以被全世界理解一样。

四、产品经理要画的流程图

产品中主要设计了三种流程图，业务路线图、任务流程图、页面流程图。让我们一一介绍。

1、业务流程图

业务流程图描述了这些人在什么条件下做什么以及他们如何相互关联。主要分为三个方面：①涉及哪些科目？②每个科目有什么任务？③ 科目是如何联系起来的？一般涉及多个主体，每个主体都有联系，比如p2p平台。

这是p2p的业务流程图，涉及借款人、平台、投资者、第三方支付四个主​​体，以及每个主题需要完成的任务、任务的关系和顺序。

2、任务流程图

泳道图一般是从战略的角度分析整个业务流程，让你对公司做的业务有一个大致的了解，而任务流程图则是你的产品的运作流程图软件visio mac，用户用什么样的运作来完成它的目标，比如你去银行的ATM机取钱，怎么一步步把钱取出来？这里我们以购买P2P金融产品为例来说明购买的任务流程图。

绘制流程图时，要注意主要流程和异常流程。本例中，主要流程为购买流程，异常流程为未设置交易密码、用户忘记交易密码、超过重试次数。画出主要流程，再考虑异常金额流程，查漏补缺，确保不遗漏。产品中的大部分逻辑漏洞都是由于没有考虑清楚异常情况造成的。绘制流程图可以有效地帮助你理清逻辑。

3、页面流程图

如果说业务流程图帮你梳理策略，任务流程图帮你梳理用户操作行为（主要针对程序员），页面跳转流程帮你梳理页面之间的跳转关系（主要针对UI和前台）结束程序）。从整体到局部，从后端到前端，是一个循序渐进的过程。

所有的产品都是由页面组成的，无论是APP、PC还是H5都是由页面组成的。页面流程图描述了完成任务要采取的步骤。您只需要在绘制图片时清楚地向用户展示即可。单击页面上的某处并跳转到该页面。它主要由页面、动作点和连接线组成。以下是用户购买理财产品的示例。

页面进程一般只考虑正常运行进程流程图软件visio mac，异常运行进程绘制在正常进程旁边。例如：上面的正常页面跳转是用户购买的过程，异常页面跳转过程是购买界面金额不足时。当您点击进入充值流程时，会在正常流程旁边标明。

五、如何画流程图

上面提到需要画流程图，这里就是画流程图的思路。

1、调查研究

业务流程图，不懂业务的可以请业务人员给你讲解，嘴巴甜甜的；操作流程图，可以现场观察用户操作，也可以自己走业务流程，使用竞品；至于页面流程图，只要你的元素出来，怎么跳转，这个应该不难。

2、梳理提炼

我们需要对业务员向我们解释的流程进行梳理和细化。我们可以画出主进程，然后填写异常进程。我们可以先在纸上画画，这样比较快。根据业务员的解释，然后用专业的工具进行展示。流程图结构一般分为三种：顺序结构、选择结构、循环结构

3、评估确认

我们可以让所有精通业务、参与流程图的人物都参与到评估流程图中。众人拾柴火焰高。其他人或许可以提出我们没有想到的流程，产品经理应该多与人交流。

4、维护更新

我们的流程图需要不断的维护和更新，因为我们的流程可能会改变或优化，流程图也需要定期维护和更新。比如你以前有绑定卡和充值两个流程。现在你把它们整合起来进行用户体验，直接绑定卡和充值。这时候，你的流程图就需要改变了。

六、绘制流程图的工具有哪些

“要想做好工作，必须先利好工具。” 以下是一些常用的流程图绘制工具。

1、视觉

Visio 是微软推出的流程图绘制工具。它有很多组件库，可以方便快捷的完成流程图、泳道图、结构图的绘制，但是不支持mac电脑（苦恼），其实我一直觉得是非常有用，虽然它可能不如 mac 上的那张漂亮。

2、 (mac)

mac 许多人在没有 Visio 的情况下使用它。这个一般的流程图可以画出来，但是效率没有Visio高。优点是绘制的图形更加美观，同时支持外挂插件。缺点是没有更好的泳道流程图插件，你画泳道图不太方便。需要下载图纸的可以在马云家买一张，省时省力，还可以更新。

3、

它是在线绘图工具的网络版本。好处是不用安装破解这些破东西。同时支持在线协同，多人同时协同编辑一个文件，上手更简单。它提供了许多过程。图表模板可以轻松绘制流程图、思维导图、原型图和UML图。缺点是画泳道图的时候需要加泳道，只能加在最后一列，不能加在中间，有点麻烦。我想吐槽的是，因为是在线的，有时候导出图片不是很好，而且流程图很大时无法截图。

4、Axure

Axure 对于绘制原型非常有用。也可以在绘制人物流程图时使用。但是在画泳道图和UML图的时候，没有对应的模板，需要自己画，效率低。如果你觉得画原型，制作文档，它们都在 Axure 中。如果不想在软件的画之间来回切换，可以在里面做一个组件，下次直接调用。

总结：用xmind梳理你的产品架构和功能列表，然后用流程图梳理你脑海中的逻辑，最后画出产品的原型。这是一个从整体到局部，从巨像到抽象的过程，只有这样才能达到事半功倍的效果。欢迎微信（）交流。