网站内容发布流程图(用即时贴与白板做的简单流程图(二))

　　网站内容发布流程图(用即时贴与白板做的简单流程图(二))

　　图 1：使用便签和白板的简单流程图

　　前言：最近忙着整理业务流程图。在此期间，我也与内部团队和外部团队就流程图的绘制方法和工具进行了交流。恰巧个人生活也牵涉到买房、结婚、户口登记的过程中。不知不觉中，通过实践和反思，个人系统知识趋于完整。今天的天气非常好。坐在飘窗的一角，偶尔听鸟鸣，偶尔瞥一眼窗外的绿荫。真的感觉就像一天写点东西一样。所以就整理成文字吧，如果碰巧对你有帮助，那真是太好了。

　　实际的组织过程涉及到公司的未公布计划，不易透露，所以在本文中，将使用一个简单的案例来代替（这个案例只是在计划写这篇文章前30分钟才想到的。如果有不妥——考虑），请见谅），但只传达概念和方法就足够了。好了，甄嬛堤结束了，我们开始吧。

　　本文将收录几条内容：

　　1. 什么是流程图？流程图和其他图表（例如线框图、概念图、架构图、用例图）有什么区别？

　　2. 为什么我需要流程图？

　　3. 流程图的分类？

　　4. 如何绘制流程图？

　　5. 流程图绘制工具

　　根据文长的不同，写的时候会稍微分个系列，多多关注，多交流。

　　第 1 部分：什么是流程图？

　　1. 定义

　　要理解一个东西，我习惯从它的定义开始。至于为什么，可以参考我之前的博客文章：关于理论和术语。

　　因为我们讨厌十年的教育，讨厌死记硬背各种定理和定义，我发现生活和工作中很多人都讨厌给一个东西下定义和引用。所以你会发现很多人在一起吵得很厉害。仔细听。原来是鸡和鸭说话，根本不在同一个频道。对事物的描述，没有共同的语言，也没有所谓的术语。下定义很容易。如果你一起引用一个定义，发现定义有问题，那好吧，你可以补充这个定义，扩展给更多人。当然，什么都不晚，大家互相提醒吧。

　　那么什么是流程图呢？硕文解字是理解定义的好方法。流程图=流程+*敏*感*词*，如下图：

　　图 2：流程图的定义

　　流程：流程是指特定主体为满足特定需求而进行的具有特定逻辑关系的一系列操作。这个过程自然存在。但它可以是不规则的，它可以不是固定的，它可以是充满问题的。所以它会导致看似没有过程。前不久，团队中的每个人都与一个业务团队对接进行了流程调查，并向我报告了流程中存在的一些不足之处。当我问起时，负责人给了我答案：他们没有这个业务的流程。其实，严格来说，业务已经开始，不可能没有流程。就是没有固定的流程或者你调查的对象不明确。

　　图：Chart或Diagram，就是把基本固化一定规律的明确的书面流程，便于沟通沉淀，流程重组，以供参考。

　　从定义中可以看出，只要有事物和任务，就会有流程，但并非所有流程都适合流程图表示。适用于流程图表示的流程图在一定程度上是固定的和有规律的。是的，过程中的关键环节不会日以继夜地改变。

　　2. 流程图和其他图对比

　　我们在工作中也会使用或听到很多其他类型的图表，比如交互设计师常说的线框图、信息架构图或站点地图，以及开发工程师常说的用例图（Use Case）或ER图。这些不同图表的内容有什么不同？做一个简单的对比，如图：

　　图3：流程图VS其他常用图表

　　如果要链接到某个项目，可以理解为：

　　用例图：

　　它表示角色需要在系统中完成哪些活动。例如，在用户角色与ATM取款机的交互过程中，用户需要完成的活动包括存款、取款、查询等。存款活动可以进一步细分为插卡、输入密码、输入金额、ATM取款、用户收款、退卡等活动。用例图不能考虑用户动作的顺序，而只是提取一些关键的动宾短语来映射系统应该满足的功能点。通常使用用例图的人是产品经理和开发工程师。

　　流程图显示了用户每个活动的顺序。比如用户在输入密码前必须先插入银行卡，流程图必须直接展示各种异常判断，比如密码错误时出现什么提示，密码输入时错误超过多少次，什么出现提示和操作。使用流程图的人是产品经理、设计师或任何需要了解业务运作方式的人。

　　信息架构图、站点地图（Site Map）：

　　为了构建这样一个系统，功能和内容的展示层次是什么，比如如何设计用户进入后的欢迎页面的导航，是否直接出现提款、存款、查询或其他导航？设计人员经常使用信息架构图。但最常用的组织*敏*感*词*是 HR。

　　线框：

　　表达每个界面的具体内容布局和权重，并标注一些交互细节的设计，比如密码错误时如何提示下一步操作。使用线框的人是设计师。

　　实体关系图（ER图）：

　　它是数据库架构的工作，它代表了一个业务系统或场景中实体时间的关系。例如，存款人和银行卡之间是一对多的关系，这种关系是通过开卡事件产生的。一般来说，一个矩形用来表示一个实体，一个椭圆标识这个实体的属性。例如存款人实体的属性有：姓氏、名字、手机号、地址等。银行卡的属性包括：开户行、账户名、银行卡号等。

　　上述每个图表都有该领域的专家。

　　那么流程图的关键要素是什么来体现他对差异的定义呢？我总结了流程图的6个主要元素。希望大家记住这6个要素，以后可以回顾文章，也可以用它来判断你看到的流程图是否专业。

　　图 4：流程图的 6 个主要元素

　　关于流程图的标准化，不是强制性的。事实上，我们已经看到了很多类型的流程图。只要能传达清楚的任务和顺序，其实都归类为流程图。如下图所示：

　　但是如果在公司环境中，你的流程图有非常多的受众，采用标准化的符号会带来很多交流的好处。简而言之，你知道。

　　1